@charset "UTF-8";
/**
 * BEFORE MODIFYING THIS DOCUMENT, READ OUR GUIDELINES WIKI PAGE:
 *
 * https://github.com/docuvision/Redacted.ai/wiki/CSS-Guidelines
 */
/**
 * CONTENTS
 *
 * GENERIC
 * Selection and Root Variables
 * Normalize.css
 * HTML5 Boilerplate
 * Global
 * Bugs
 * App
 *
 * COMPONENT
 * List
 * Line
 * Logo
 * Tag
 * Maintenance
 * Nav
 * Action Bar
 * Avatar
 * Tabs
 * Entity
 * Row
 * Placeholder Row
 * Tool Select
 * Dots
 * Hover Info and Tip
 * Notes
 * Button
 * Segmented
 * Progress
 * Drop
 * Next Doc
 * Popup
 * Generate
 * Card
 * Input
 * Switch
 * Home
 * Page
 * Placeholder
 * Page Loader
 * Drag
 * Error Page
 * Select Tool
 * Draw Tool
 * Fruit Fly
 * Spinner
 * Filter View
 * Collection Settings
 * Triangle
 * Onboarding
 * Breadcrumbs
 * Accordion
 * Search
 * Splash Screen
 * Credits
 * Doc
 * Miscellaneous
 *
 * UTILITY
 * Image Container
 * Animations
 * Align
 * Opacity
 * Text Formatting
 * Box Formatting
 * Colors and Gradients
 * Visibility
 * Miscellaneous
 *
 * DARK THEME
 * Line
 * Tag
 * Nav
 * Action Bar
 * Avatar
 * Tabs
 * Entity
 * Row
 * Placeholder Row
 * Tool Select
 * Button
 * Segmented
 * Progress
 * Input
 * Switch
 * Drag
 * Colors and Gradients
 * Hover Info and Tip
 * Notes
 * Drop
 * Next Doc
 * Spinner
 * Miscellaneous
 * Onboarding
 * Breadcrumbs
 * Accordion
 * Search
 * Splash Screen
 * Credits
 * Doc
 *
 * FONTS
 * Inter
 * Icons
 */
/*
 z-indexes:

 999: re_note
  16: re_drop-wrap
  15: re_onboarding
  10: re_load
   9: re_drop
   9: re_nav
*/
/* -----------------------------------*\
   #SELECTION AND ROOT VARIABLES
\*----------------------------------- */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: var(--selection);
  text-shadow: none;
}

::selection {
  background: var(--selection);
  text-shadow: none;
}

:root {
  --hue: 242;
  --sat: 100%;
  --light: 66%;
  --nav-bg: hsl(0, 0%, 100%);
  --nav-txt: hsl(0, 0%, 0%);
  --nav-bg-dark: hsl(240, 3%, 11%);
  --nav-txt-dark: hsl(0, 0%, 100%);
  --safe-top: env(safe-area-inset-top);
  --safe-right: env(safe-area-inset-right);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
  --bg1: hsl(0, 0%, 100%);
  --bg2: hsl(0, 0%, 100%);
  --bg3: hsl(0, 0%, 99%);
  --bg1d: hsl(var(--hue), 3%, 11.4%);
  --bg2d: hsl(var(--hue), 10%, 16%);
  --bg3d: hsl(var(--hue), 3%, 11.4%);
  --txt: hsl(0, 0%, 20%);
  --txtd: hsl(0, 0%, 100%);
  --blue: hsl(210, 75%, 61%);
  --purple: hsl(257, 100%, 56%);
  --purple028: hsla(257, 100%, 56%, 0.28);
  --purple008: hsla(257, 100%, 56%, 0.08);
  --purple005: hsla(257, 100%, 56%, 0.05);
  --red: hsl(355, 80%, 52%);
  --orange: hsl(30, 100%, 50%);
  --yellow: hsl(40, 100%, 50%);
  --green: hsl(149, 88%, 35%);
  --destructive: hsl(341, 100%, 50%);
  --white: hsl(0, 0%, 100%);
  --white02: hsla(0, 0%, 100%, 0.2);
  --white2: hsl(0, 0%, 97%);
  --brand: hsl(102, 49%, 52%);
  --low-severity: hsl(227, 100%, 66%);
  --low-severity01: hsla(227, 100%, 66%, 0.1);
  --low-severity02: hsla(227, 100%, 66%, 0.2);
  --medium-severity: hsl(30, 100%, 50%);
  --medium-severity01: hsla(30, 100%, 50%, 0.1);
  --medium-severity02: hsla(30, 100%, 50%, 0.2);
  --high-severity: hsl(355, 80%, 52%);
  --high-severity01: hsla(355, 80%, 52%, 0.1);
  --high-severity02: hsla(355, 80%, 52%, 0.2);
  --biometric: hsl(149, 88%, 35%);
  --biometric01: hsla(149, 88%, 35%, 0.1);
  --biometric02: hsla(149, 88%, 35%, 0.2);
  --company: hsl(20, 100%, 60%);
  --company01: hsla(20, 100%, 60%, 0.1);
  --company02: hsla(20, 100%, 60%, 0.2);
  --confidential: hsl(257, 100%, 56%);
  --confidential01: hsla(257, 100%, 56%, 0.1);
  --confidential02: hsla(257, 100%, 56%, 0.2);
  --custom: hsl(240, 2%, 57%);
  --custom01: hsla(240, 2%, 57%, 0.1);
  --custom02: hsla(240, 2%, 57%, 0.2);
  --location: hsl(216, 100%, 50%);
  --location01: hsla(216, 100%, 50%, 0.1);
  --location02: hsla(216, 100%, 50%, 0.2);
  --medical: hsl(343, 100%, 50%);
  --medical01: hsla(343, 100%, 50%, 0.1);
  --medical02: hsla(343, 100%, 50%, 0.2);
  --other: hsl(240, 2%, 57%);
  --other01: hsla(240, 2%, 57%, 0.1);
  --other02: hsla(240, 2%, 57%, 0.2);
  --personal: hsl(330, 100%, 53%);
  --personal01: hsla(330, 100%, 53%, 0.1);
  --personal02: hsla(330, 100%, 53%, 0.2);
  --product: hsl(200, 100%, 56%);
  --product01: hsla(200, 100%, 56%, 0.1);
  --product02: hsla(200, 100%, 56%, 0.2);
  --quantity: hsl(20, 100%, 60%);
  --quantity01: hsla(20, 100%, 60%, 0.1);
  --quantity02: hsla(20, 100%, 60%, 0.2);
  --dark-border: hsl(240, 1%, 20%);
  --light-border1: hsl(240, 2%, 92%);
  --light-border2: hsl(240, 3%, 93%);
  --grey50: hsl(0, 0%, 95%);
  --grey100: hsl(0, 0%, 92%);
  --grey100-0: hsla(0, 0%, 92%, 0);
  --grey200: hsl(0, 0%, 80%);
  --grey300: hsl(0, 0%, 70%);
  --grey300-0: hsla(0, 0%, 70%, 0);
  --grey400: hsl(0, 0%, 60%);
  --grey500: hsl(0, 0%, 50%);
  --grey500-0: hsla(0, 0%, 50%, 0);
  --grey500-005: hsla(0, 0%, 50%, 0.05);
  --grey500-01: hsla(0, 0%, 50%, 0.1);
  --grey500-02: hsla(0, 0%, 50%, 0.2);
  --grey500-03: hsla(0, 0%, 50%, 0.3);
  --grey600: hsl(0, 0%, 45%);
  --grey700: hsl(0, 0%, 30%);
  --grey800: hsl(0, 0%, 20%);
  --grey800-0: hsla(0, 0%, 20%, 0);
  --grey900: hsl(0, 0%, 12%);
  --green01: hsla(149, 88%, 35%, 0.1);
  --green03: hsla(149, 88%, 35%, 0.3);
  --green100: hsl(150, 95%, 92%);
  --green300: hsl(149, 60%, 50%);
  --green400: hsl(149, 74%, 40%);
  --green500: hsl(149, 88%, 35%);
  --green600: hsl(149, 90%, 32%);
  --orange01: hsla(30, 100%, 50%, 0.1);
  --orange03: hsla(30, 100%, 50%, 0.3);
  --orange100: hsl(31, 100%, 90%);
  --orange200: hsl(30, 100%, 80%);
  --orange300: hsl(30, 100%, 70%);
  --orange400: hsl(30, 100%, 60%);
  --orange500: hsl(30, 100%, 50%);
  --orange600: hsl(30, 100%, 45%);
  --orange700: hsl(30, 100%, 40%);
  --orange800: hsl(30, 100%, 30%);
  --primary01: hsla(var(--hue), var(--sat), var(--light), 0.1);
  --primary03: hsla(var(--hue), var(--sat), var(--light), 0.3);
  --primary: hsl(var(--hue), var(--sat), var(--light));
  --primary50: hsl(var(--hue), var(--sat), calc(var(--light) + 31%));
  --primary100: hsl(var(--hue), var(--sat), calc(var(--light) + 29%));
  --primary200: hsl(var(--hue), var(--sat), calc(var(--light) + 24%));
  --primary300: hsl(var(--hue), var(--sat), calc(var(--light) + 14%));
  --primary400: hsl(var(--hue), var(--sat), calc(var(--light) + 9%));
  --primary500: hsl(var(--hue), var(--sat), var(--light));
  --primary600: hsl(var(--hue), calc(var(--sat) - 42%), calc(var(--light) - 12%));
  --primary700: hsl(var(--hue), calc(var(--sat) - 33%), calc(var(--light) - 24%));
  --primary800: hsl(var(--hue), calc(var(--sat) - 26%), calc(var(--light) - 37%));
  --primary900: hsl(var(--hue), calc(var(--sat) - 10%), calc(var(--light) - 50%));
  --red100: hsl(355, 100%, 95%);
  --red200: hsl(355, 100%, 90%);
  --red300: hsl(355, 100%, 80%);
  --red400: hsl(355, 100%, 70%);
  --red500: hsl(355, 100%, 60%);
  --red600: hsl(355, 80%, 52%);
  --red700: hsl(355, 82%, 44%);
  --red800: hsl(355, 90%, 37%);
  --red900: hsl(355, 100%, 30%);
  --highlight: hsl(35, 100%, 57.5%);
  --highlight03: hsla(35, 100%, 57.5%, 0.35);
  --selection: hsl(var(--hue), 30%, 90%);
  --bezier: cubic-bezier(0.25, 0.7, 0.4, 1);
  --light-drop-shadow: 0 6px 12px hsla(0, 0%, 0%, 0.16);
  --dark-drop-shadow: 0 6px 12px hsla(0, 0%, 0%, 0.24);
}

/* -----------------------------------*\
   #NORMALIZE.CSS
\*----------------------------------- */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  font-size: 62.5%; /* setting default font size to 10px */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* prevent highlight on tap */
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: var(--highlight03);
  color: inherit;
  border-radius: 1px;
}

mark.highlight {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--highlight);
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
  vertical-align: middle;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

/**
 * Define consistent border, margin, and padding, remove default fieldset styles.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren"t caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Don"t inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* -----------------------------------*\
  #HTML5 BOILERPLATE
\*----------------------------------- */
/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * A better looking default horizontal rule, address differences between Firefox and other browsers.
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas, remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  resize: vertical;
  overflow: auto;
}

/* -----------------------------------*\
  #GLOBAL
\*----------------------------------- */
a,
address,
area,
article,
aside,
audio,
base,
bdi,
bdo,
blockquote,
body,
br,
button,
canvas,
caption,
cite,
code,
col,
colgroup,
datalist,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
head,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
keygen,
label,
legend,
li,
link,
map,
main,
mark,
menu,
meta,
meter,
nav,
noscript,
object,
ol,
optgroup,
option,
output,
p,
param,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
select,
small,
source,
span,
strong,
sub,
summary,
sup,
svg,
textarea,
time,
title,
tr,
track,
u,
ul,
var,
video,
wbr {
  box-sizing: border-box;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  * Correct `select` style inheritance in Firefox.
  */
button,
select {
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  text-transform: none;
}

/**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */
button {
  overflow: visible;
  align-items: center;
  transition: background-color 0.3s;
}

/**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
input {
  line-height: normal;
}

input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
blockquote,
[contenteditable],
.aa_text_selectable {
  /* enable text selection */
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
}

button,
input[list],
input[type=date],
input[type=number],
input[type=text],
input[type=submit],
textarea {
  -webkit-appearance: none; /* prevent to change the look in webkit browsers to the default */
}

/**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct the inability to style clickable `input` types in iOS.
  */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
  * Remove inner padding and border in Firefox 4+.
  */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
  * Re-set default cursor for disabled elements.
  */
button[disabled],
input[disabled] {
  cursor: default;
}

button[disabled],
html input[disabled] {
  cursor: default;
  color: #999;
  border-color: #999;
}

/**
  * Hide the blue arrow that appears in list boxes by default in iOS Safari.
  */
input[list]::-webkit-list-button {
  visibility: hidden;
}

/**
  * It’s recommended that you don’t attempt to style these elements.
  * Firefox’s implementation doesn’t respect box-sizing, padding, or width.
  *
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
  * By default, iOS Safari center-aligns date values, so this should be
  * left-aligned like other inputs.
  */
input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}

/**
  * Fix the cursor style for Chrome’s increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  *    (include `-moz` to future-proof).
  */
input[type=search] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  color: var(--primary);
  text-decoration: none;
  transition: color 0.3s;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

a:focus,
a:hover {
  text-decoration: underline;
}

a[disabled] {
  cursor: default;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  background-color: var(--grey500-01);
  border-radius: 5px;
}

.aa_base--11 {
  font-size: 68.75%; /* setting default font size to 11px */
}

.aa_base--12 {
  font-size: 75%; /* setting default font size to 12px */
}

.aa_base--13 {
  font-size: 81.25%; /* setting default font size to 13px */
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-color: var(--grey200) transparent;
}

main {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.ember-application {
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--txt);
  background-color: var(--bg1);
  margin: 0;
  position: relative;
  touch-action: manipulation;
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Prevent user selection */
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
  line-height: 1.25;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

h1,
.h1 {
  font-size: 2.8rem;
}

h2,
.h2 {
  font-size: 2.4rem;
}

h3,
.h3 {
  font-size: 2rem;
}

h4,
.h4 {
  font-size: 1.8rem;
}

h5,
.h5 {
  font-size: 1.6rem;
}

h6,
.h6 {
  font-size: 1.4rem;
}

p {
  margin: 0 0 1rem;
}

ul,
ol {
  margin: 0 0 2em 2em;
  padding: 0;
}

ul {
  list-style-type: circle;
}

li {
  margin: 0 0 0.5em;
}

blockquote {
  font-style: italic;
  border-left: solid 5px var(--grey500-03);
  padding: 0.5em 0 0.5em 1em;
  margin: 0 0 1em 1em;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

img {
  -webkit-user-drag: none;
}

.aa_text_not_selectable {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

/* -----------------------------------*\
  #BUGS
\*----------------------------------- */
.re_bug-1 {
  /* this fixes a flexbox rendering bug in chrome 89.0.4389.82 and safari 14.0.3 */
  /* originally we only used `calc(100% - 51px)` but with flex column-reverse being the parent it doesn"t work */
  height: calc(var(--h) * 1px - 146px);
}

.re_bug-2 {
  /* this fixes a glitch when after having uploaded a file, the check icon doesn’t quite fit inside the ring */
  display: inline-block;
  margin-top: -1px;
}

@supports (-moz-transition-property: none) {
  .re_bug-3 {
    /* this fixes a Firefox bug where page numbers aren’t quite vertically aligned with their checkmarks in grid view
    (removed) */
    margin-top: -1px;
  }
  .re_bug-4 {
    /* this fixes a Firefox bug where the x in the red circle is off center when an upload fails */
    transform: translate3d(0, -2px, 0);
  }
  .re_bug-5 {
    /* this fixes a Firefox bug where search filter icons are vertically misaligned */
    transform: translate3d(0, -1px, 0);
  }
  .re_bug-6 {
    /* this corrects the right margin of data type labels */
    margin-right: -8px;
  }
}
/**
 * Tablet
 */
.w768 .re_bug-1 {
  height: calc(var(--h) * 1px - 51px);
}

/* -----------------------------------*\
  #APP
\*----------------------------------- */
.re {
  padding: 0 16px;
}

.re- {
  margin-right: -16px;
  margin-left: -16px;
}

.re-pad {
  padding-right: 16px;
  padding-left: 16px;
}

.re_out {
  display: flex;
  flex-direction: column;
  min-height: calc(var(--h) * 1px - var(--safe-bottom));
  transition: opacity 0.3s;
}
.re_out.out {
  opacity: 0;
}
.re_out.no-scroll {
  min-height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.re--pad {
  margin-left: -15px;
  margin-right: -15px;
}

.re_bg {
  background-color: var(--bg1);
}

.re_bg2 {
  background-color: var(--bg2);
}

.re_bg3 {
  background-color: var(--bg3);
}

.re_cover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.disable {
  pointer-events: none;
}

.re_text {
  max-width: 900px;
}

.re_wrap_full {
  overflow: hidden;
  height: 100%;
  margin: 0 -16px;
}

/**
 * Tablet
 */
.w768 .re {
  padding: 0 32px;
}
.w768 .re- {
  margin-right: -32px;
  margin-left: -32px;
}
.w768 .re-pad {
  padding-right: 32px;
  padding-left: 32px;
}
.w768 .re--pad {
  margin-left: -30px;
  margin-right: -30px;
}
.w768 .re_wrap_full {
  margin: 0 -32px;
}

.re_out:not(.no-scroll) .re_wrap_full {
  height: calc(var(--h) * 1px);
}

/* -----------------------------------*\
   #LIST
\*----------------------------------- */
.w1024 .re_list {
  display: flex;
  height: calc(var(--h) * 1px - 143px);
}
.w1024 .re_list_l {
  width: 240px;
}
.w1024 .re_list_r {
  flex-grow: 1;
}
.w1024 .re_list_l,
.w1024 .re_list_r {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* -----------------------------------*\
   #LINE
\*----------------------------------- */
.re_line {
  border-bottom: solid 1px var(--grey500-02);
  transition: border 0.3s;
}

.re_line-v {
  border-bottom: none;
  border-left: solid 1px var(--grey500-02);
}

.re_line-2 {
  border-width: 2px;
}

.re_line-white {
  border-color: rgba(255, 255, 255, 0.2);
}

.re_line-prim {
  border-color: var(--primary);
}

.re_line-grey800 {
  border-color: var(--grey800);
}

.re_line-base {
  border-color: initial;
}

.re_line-dashed {
  border-bottom-style: dashed;
}

.re_line-v.re_line-dashed {
  border-left-style: dashed;
}

.re_line-page {
  border-bottom: solid 1px var(--light-border2);
  transition: border 0.3s;
}

/* -----------------------------------*\
   #LOGO
\*----------------------------------- */
.re_logo > g {
  pointer-events: none;
}

.re_logo-hover .re_logo_g > line {
  stroke-dasharray: 82px;
  stroke-dashoffset: 164px;
}

.re_logo-anim .re_logo_g > line {
  stroke-dasharray: 82px;
  stroke-dashoffset: 246px;
  animation: dashoffset 2s infinite;
}
.re_logo-anim .re_logo_g:nth-child(2n+1) > line {
  animation: dashoffset-back 2s infinite;
}
.re_logo-anim .re_logo_g:nth-child(2) > line {
  animation-delay: 0.05s;
}
.re_logo-anim .re_logo_g:nth-child(3) > line {
  animation-delay: 0.1s;
}
.re_logo-anim .re_logo_g:nth-child(4) > line {
  animation-delay: 0.15s;
}
.re_logo-anim .re_logo_g:nth-child(5) > line {
  animation-delay: 0.2s;
}
.re_logo-anim .re_logo_g:nth-child(6) > line {
  animation-delay: 0.25s;
}

.re_logo-hover:hover .re_logo_g > line,
.aa_hover-t:hover .re_logo_g > line {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.5s;
}
.re_logo-hover:hover .re_logo_g:nth-child(2n+1) > line,
.aa_hover-t:hover .re_logo_g:nth-child(2n+1) > line {
  stroke-dashoffset: 328px;
}
.re_logo-hover:hover .re_logo_g:nth-child(2) > line,
.aa_hover-t:hover .re_logo_g:nth-child(2) > line {
  transition-delay: 0.05s;
}
.re_logo-hover:hover .re_logo_g:nth-child(3) > line,
.aa_hover-t:hover .re_logo_g:nth-child(3) > line {
  transition-delay: 0.1s;
}
.re_logo-hover:hover .re_logo_g:nth-child(4) > line,
.aa_hover-t:hover .re_logo_g:nth-child(4) > line {
  transition-delay: 0.15s;
}
.re_logo-hover:hover .re_logo_g:nth-child(5) > line,
.aa_hover-t:hover .re_logo_g:nth-child(5) > line {
  transition-delay: 0.2s;
}
.re_logo-hover:hover .re_logo_g:nth-child(6) > line,
.aa_hover-t:hover .re_logo_g:nth-child(6) > line {
  transition-delay: 0.25s;
}

/* -----------------------------------*\
   #TAG
\*----------------------------------- */
.re_tag {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 14px;
  padding: 0 5px;
  border-radius: 7px;
  font-size: 1rem;
  background-color: var(--grey500-02);
  overflow: hidden;
  position: relative;
  transition: background-color 0.3s;
}
.re_tag.bw, .re_tag.purple {
  color: #fff;
}
.re_tag.bw {
  background-color: #000;
}
.re_tag.purple {
  background-color: var(--purple);
}
.re_tag.primary100 {
  background-color: var(--primary100);
  color: #000;
}
.re_tag.grey {
  background-color: hsl(0, 0%, 97%);
  color: #000;
}
.re_tag.m {
  border-radius: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  padding: 2px 9px;
  height: 22px;
}
.re_tag.rounded {
  border-radius: 4px;
  padding: 2px 8px;
}
.re_tag-progress {
  background-color: hsl(144, 65%, 75%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  transition: background-color 0.3s, transform 0.3s var(--bezier);
  z-index: 0;
}
.re_tag-progress-text {
  z-index: 1;
}

/* -----------------------------------*\
  #MAINTENANCE
\*----------------------------------- */
.re_maintenance {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80vmin;
  margin: -40vmin 0 0 -40vmin;
}

/* -----------------------------------*\
   #NAV
\*----------------------------------- */
.re_nav {
  display: block;
  margin-left: -16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: calc(var(--w) * 1px);
  z-index: 9;
}
.re_nav.out {
  pointer-events: none;
}
.re_nav_btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  text-align: center;
}
.re_nav_btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  transform: scale(0);
  transition: transform 0.3s;
  pointer-events: none;
}
.re_nav_top {
  background-color: var(--nav-bg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 64px;
  padding: 0 16px;
  transition: background-color 0.3s, transform 0.3s ease-out;
  z-index: 1;
}
.re_nav_top_logo {
  position: relative;
  z-index: 1;
  width: 25px;
}
.re_nav_top .re_row-,
.re_nav_top .re_row-link .re_row- {
  padding: 0 15px;
}
.re_nav_top .re_row-inner {
  padding: 5px 14px;
}
.re_nav_logo {
  background-color: #000;
  border-radius: 4px;
  display: block;
  padding: 6px;
  width: 32px;
  height: 32px;
  transition: background-color 0.3s;
}
.re_nav_logo-link {
  display: block;
  position: relative;
  padding: 6px;
  width: 44px;
  height: 44px;
}
.re_nav_logo-link, .re_nav_logo-link-focus {
  outline: transparent;
}
.re_nav_logo-link-focus {
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s var(--bezier);
  z-index: -1;
}
.re_nav_logo-link:focus .re_nav_logo-link-focus, .re_nav_logo-link:hover .re_nav_logo-link-focus {
  background-color: rgba(128, 128, 128, 0.1);
}
.re_nav_author {
  font-size: 12px;
  flex-shrink: 0;
  margin: 0 12px;
}
.re_nav_menu {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.re_nav_menu .re_row-inner,
.re_nav_menu > .re_row-:first-child,
.re_nav_menu > .re_row-:last-child {
  padding: 0;
}
.re_nav.wide {
  margin-left: -20px;
}

.out > .re_nav_top {
  transform: translate3d(0, -64px, 0);
}

.re_nav_btn:hover::before,
.re_nav_btn:active::before,
:hover > .re_nav_btn-child::before,
:active > .re_nav_btn-child::before {
  transition: transform 0.1s;
  transform: scale(1.4);
}

/**
 * Tablet & Desktop
 */
.w768 .re_nav {
  margin-left: -32px;
}
.w768 .re_nav_top {
  padding: 0 32px;
}

.w1024 .re_nav.out {
  pointer-events: auto;
}
.w1024 .re_nav_top {
  background-color: var(--nav-bg);
  transition: background-color 0.3s, transform 0s;
}
.w1024 .re_nav_top .re_row- {
  padding: 0 10px;
}
.w1024 .re_nav_menu > .re_row- {
  padding: 0;
}
.w1024 .re_nav_top .re_row-link .re_row- {
  padding: 0 10px;
}
.w1024 .out > .re_nav_top {
  transform: none;
}

.w768 .re_nav.wide {
  margin-left: -20px;
}
.w768 .re_nav.wide .re_nav_top {
  padding: 0 max(24px, var(--safe-right)) 0 max(24px, var(--safe-left));
}

/* -----------------------------------*\
   #ACTION BAR
\*----------------------------------- */
.re_actionbar_wrap {
  position: -webkit-sticky;
  position: sticky;
  z-index: 8;
  bottom: 30px;
  left: 50%;
  width: 0;
  animation: come-in-up-s 0.3s var(--bezier) forwards;
}

.re_actionbar {
  background-color: #fff;
  box-shadow: 0 0 0 1px hsl(var(--hue), 3%, 93.5%), var(--light-drop-shadow);
  border-radius: 6px;
  color: var(--txt);
  display: inline-block;
  transition: background-color 0.3s, box-shadow 0.3s;
  transform: translate3d(-50%, 0, 0);
}

/* -----------------------------------*\
   #AVATAR
\*----------------------------------- */
.re_avatar {
  display: block;
  color: #fff;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 16px;
  line-height: 32px;
  text-transform: uppercase;
  transition: box-shadow 0.3s;
}
.re_avatar-square {
  border-radius: 3px;
}
.re_avatar-xxxs {
  width: 16px;
  height: 16px;
  min-width: 16px;
  font-size: 8px;
  line-height: 16px;
}
.re_avatar-xxs {
  width: 20px;
  height: 20px;
  min-width: 20px;
  font-size: 10px;
  line-height: 20px;
}
.re_avatar-xs {
  width: 24px;
  height: 24px;
  min-width: 24px;
  font-size: 12px;
  line-height: 24px;
}
.re_avatar-s {
  width: 30px;
  height: 30px;
  min-width: 30px;
  font-size: 13px;
  line-height: 30px;
}
.re_avatar-m {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 16px;
  line-height: 40px;
}
.re_avatar-l {
  width: 60px;
  height: 60px;
  min-width: 60px;
  font-size: 25px;
  line-height: 60px;
}
.re_avatar-xl {
  width: 80px;
  height: 80px;
  min-width: 80px;
  font-size: 32px;
  line-height: 80px;
}
.re_avatar_letter {
  background-color: var(--primary);
  display: block;
  font-weight: 300;
  letter-spacing: 1px;
  padding-left: 1px;
  text-align: center;
  color: #fff;
  height: 100%;
}
.re_avatar_sample {
  background-color: #000;
  border-radius: inherit;
  display: block;
  position: relative;
  height: 100%;
  transition: background-color 0.3s;
}
.re_avatar_sample::before, .re_avatar_sample::after {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transition: background-color 0.3s;
}
.re_avatar_sample::before {
  border-radius: 50%;
  top: 12px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.re_avatar_sample::after {
  border-radius: 50%/100% 100% 0% 0%;
  top: 20px;
  width: 14px;
  height: 6px;
  margin: -3px 0 0 -7px;
}
.re_avatar-xxxs .re_avatar_sample::before {
  top: 6px;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
}
.re_avatar-xxxs .re_avatar_sample::after {
  top: 11px;
  width: 6px;
  height: 3px;
  margin: -2px 0 0 -3px;
}
.re_avatar-xxs .re_avatar_sample::before {
  top: 8px;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
}
.re_avatar-xxs .re_avatar_sample::after {
  top: 13px;
  width: 6px;
  height: 3px;
  margin: -2px 0 0 -3px;
}
.re_avatar-xs .re_avatar_sample::before {
  top: 9px;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.re_avatar-xs .re_avatar_sample::after {
  top: 15px;
  width: 10px;
  height: 4px;
  margin: -2px 0 0 -5px;
}
.re_avatar-s .re_avatar_sample::before {
  top: 12px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.re_avatar-s .re_avatar_sample::after {
  top: 20px;
  width: 12px;
  height: 6px;
  margin: -3px 0 0 -6px;
}
.re_avatar-m .re_avatar_sample::before {
  top: 15px;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.re_avatar-m .re_avatar_sample::after {
  top: 26px;
  width: 18px;
  height: 8px;
  margin: -4px 0 0 -9px;
}
.re_avatar-l .re_avatar_sample::before {
  top: 23px;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}
.re_avatar-l .re_avatar_sample::after {
  top: 39px;
  width: 26px;
  height: 13px;
  margin: -6px 0 0 -13px;
}
.re_avatar-xl .re_avatar_sample::before {
  top: 32px;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}
.re_avatar-xl .re_avatar_sample::after {
  top: 48px;
  width: 26px;
  height: 13px;
  margin: -6px 0 0 -13px;
}
.re_avatar_sub {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin: -10px auto 0;
  text-align: center;
  border-radius: 50%;
}
.re_avatar_border {
  box-shadow: 0 0 0 1px hsl(240, 3%, 93%);
}
.re_avatar_button {
  border-radius: 50%;
  box-shadow: 0 0 0 0 hsl(240, 3%, 93%), 0 0 0 3px transparent;
  display: block;
  position: relative;
  transition: box-shadow 0.3s var(--bezier);
}
.re_avatar_button::before {
  background-color: transparent;
  border-radius: inherit;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.3s var(--bezier);
  z-index: 1;
}
.re_avatar_button:focus {
  box-shadow: 0 0 0 0 hsl(240, 3%, 93%), 0 0 0 3px var(--primary200);
  outline: transparent;
}
.re_avatar_button-bordered {
  box-shadow: 0 0 0 1px hsl(240, 3%, 93%), 0 0 0 4px transparent;
}
.re_avatar_button-bordered:focus {
  box-shadow: 0 0 0 1px hsl(240, 3%, 93%), 0 0 0 4px var(--primary200);
}
.re_avatar_button .re_avatar_text-a, .re_avatar_button .re_avatar_text-b {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.re_avatar_button .re_avatar_text-a {
  display: block;
  padding-top: 1px;
  transition: transform 0.15s 0.15s linear, visibility 0.15s 0.15s;
}
.re_avatar_button .re_avatar_text-b {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  transform: scale(1.67, 0.67);
  transition: transform 0.15s linear, visibility 0.15s;
  visibility: hidden;
}
.re_avatar_button:focus::before, .re_avatar_button:hover::before {
  background-color: hsla(0, 0%, 0%, 0.15);
}
.re_avatar_button:focus .re_avatar_text-a, .re_avatar_button:hover .re_avatar_text-a {
  animation: avatar-letters 0.3s linear;
  transform: scale(1.67, 0.67);
  visibility: hidden;
}
.re_avatar_button:focus .re_avatar_text-b, .re_avatar_button:hover .re_avatar_text-b {
  animation: avatar-plus 0.3s linear;
  transform: scale(1);
  visibility: visible;
}

@supports selector(:focus-visible) {
  .re_avatar_button:focus {
    box-shadow: 0 0 0 0 hsl(240, 3%, 93%), 0 0 0 3px transparent;
  }
  .re_avatar_button:focus::before {
    background-color: transparent;
  }
  .re_avatar_button:focus-visible {
    box-shadow: 0 0 0 0 hsl(240, 3%, 93%), 0 0 0 3px var(--primary200);
  }
  .re_avatar_button:focus-visible::before {
    background-color: hsla(0, 0%, 0%, 0.15);
  }
  .re_avatar_button-bordered:focus {
    box-shadow: 0 0 0 1px hsl(240, 3%, 93%), 0 0 0 4px transparent;
  }
  .re_avatar_button-bordered:focus-visible {
    box-shadow: 0 0 0 1px hsl(240, 3%, 93%), 0 0 0 4px var(--primary200);
  }
  .re_avatar_button:focus .re_avatar_text-a {
    animation: none;
    transform: scale(1);
    visibility: visible;
  }
  .re_avatar_button:focus .re_avatar_text-b {
    animation: none;
    visibility: hidden;
  }
  .re_avatar_button:focus-visible .re_avatar_text-a, .re_avatar_button:hover .re_avatar_text-a {
    animation: avatar-letters 0.3s linear;
    transform: scale(1.67, 0.67);
    visibility: hidden;
  }
  .re_avatar_button:focus-visible .re_avatar_text-b, .re_avatar_button:hover .re_avatar_text-b {
    animation: avatar-plus 0.3s linear;
    transform: scale(1);
    visibility: visible;
  }
}
/**
 * Desktop
 */
.w1024 .re_avatar-ms-m {
  width: 32px;
  height: 32px;
  min-width: 32px;
  font-size: 16px;
  line-height: 32px;
}

@keyframes avatar-letters {
  0% {
    transform: scale(1);
    visibility: visible;
  }
  50%, 100% {
    transform: scale(1.67, 0.67);
    visibility: hidden;
  }
}
@keyframes avatar-plus {
  0%, 50% {
    transform: scale(1.67, 0.67);
    visibility: hidden;
  }
  100% {
    transform: scale(1);
    visibility: visible;
  }
}
/* -----------------------------------*\
   #TABS
\*----------------------------------- */
.re_tabs,
.re_tab-links {
  display: flex;
  height: 75px;
  margin: -3px -16px -16px -16px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 3px 16px 16px 16px;
  white-space: nowrap;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.re_tabs::after,
.re_tab-links::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
}
.re_tabs.hover,
.re_tab-links.hover {
  overflow-x: scroll;
}
.re_tabs:not(.hover):hover,
.re_tab-links:not(.hover):hover {
  overflow-x: auto;
}

.re_tab, .re_tab-link {
  color: var(--grey600);
  font-size: 15px;
  line-height: 1.5;
  margin-right: 24px;
  padding-top: 15px;
  padding-bottom: 19px;
}
.re_tab, .re_tab-content {
  box-shadow: 0 0 0 3px transparent;
  transition: box-shadow 0.3s var(--bezier);
}
.re_tab:last-child {
  margin-right: 0;
}
.re_tab[aria-selected=true], .re_tab:hover[aria-selected=false] {
  color: currentcolor;
}
.re_tab[aria-selected=true] {
  font-weight: 500;
}
.re_tab-content:focus {
  outline: transparent;
}
.re_tab:focus[aria-selected=false] {
  box-shadow: 0 0 0 3px var(--primary200);
}
.re_tab-underline {
  background-color: currentcolor;
  position: absolute;
  top: 56px;
  left: 0;
  width: 0;
  height: 3px;
  transition: transform 0.3s var(--bezier), width 0.3s var(--bezier);
}
.re_tab-link {
  box-shadow: 0 0 0 3px transparent;
  transition: box-shadow 0.3s var(--bezier);
}
.re_tab-link:focus, .re_tab-link:hover {
  text-decoration: none;
}
.re_tab-link:focus {
  outline: transparent;
}
.re_tab-link:hover, .re_tab-link.selected {
  color: #000;
}
.re_tab-link.selected {
  box-shadow: 0 -3px 0 inset;
  font-weight: 500;
}
.re_tab-link:focus:not(.selected) {
  box-shadow: 0 0 0 3px var(--primary200);
}

@supports selector(:focus-visible) {
  .re_tab:focus[aria-selected=false], .re_tab-link:focus:not(.selected) {
    box-shadow: none;
  }
  .re_tab-content:focus-visible, .re_tab:focus-visible[aria-selected=false], .re_tab-link:focus-visible:not(.selected) {
    box-shadow: 0 0 0 3px var(--primary200);
  }
  .re_tab-content:focus {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_tab-content:focus-visible {
    box-shadow: 0 0 0 3px var(--primary200);
  }
}
.re_tablist {
  overflow-x: auto;
  white-space: nowrap;
}

.re_tablist_header,
.re_tablist_button {
  height: 36px;
}

.re_tablist_header {
  color: var(--grey500);
  padding: 8px 16px;
}

.re_tablist_button ~ .re_tablist_header,
.re_tablist_header ~ .re_tablist_header {
  margin-top: 24px;
}

.re_tablist_button {
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  text-align: left;
  transition: background-color 0s;
}
.re_tablist_button:focus, .re_tablist_button:hover {
  background-color: var(--grey500-01);
}
.re_tablist_button.active {
  background-color: #000;
  color: #fff;
}

.re_tablist_button_badge {
  min-width: 30px;
  border-radius: 10px;
  line-height: 20px;
  background-color: var(--grey500-02);
}
.re_tablist_button_badge.primary {
  background-color: var(--primary500);
  color: #fff;
}
.re_tablist_button_badge.grey {
  background-color: var(--grey100);
  color: #000;
}
.re_tablist_button_badge.orange {
  background-color: var(--orange500);
  color: #fff;
}
.re_tablist_button_badge.red {
  background-color: var(--red500);
  color: #fff;
}
.re_tablist_button_badge.green {
  background-color: var(--green500);
  color: #fff;
}

.w1024 .re_tablist {
  white-space: normal;
}
.w1024 .re_tablist_button {
  display: flex;
  width: 100%;
}

.dark .re_tablist_button.active {
  background-color: #fff;
  color: #000;
}

/* -----------------------------------*\
   #ENTITY
\*----------------------------------- */
.re_entity {
  margin-bottom: 5px;
  padding: 0 24px 0 52px;
  position: relative;
  z-index: 0;
}
.re_entity::before {
  border-top: 7px solid transparent;
  border-right: 8px solid var(--purple);
  border-bottom: 7px solid transparent;
  content: "";
  display: block;
  position: absolute;
  right: 24px;
  width: 0;
  height: 0;
  z-index: -1;
}
.re_entity:first-child {
  margin-top: 8px;
}
.re_entity.lg-arrow::before {
  border-top: 15px solid transparent;
  border-right: 16px solid var(--purple);
  border-bottom: 15px solid transparent;
  right: 0;
}
.re_entity.no-arrow::before {
  display: none;
}
.re_entity_text {
  display: flex;
  align-items: center;
  padding: 0 13px 0 8px;
  position: relative;
  z-index: 0;
}
.re_entity_text::before {
  background-color: hsl(var(--hue), 7%, 91.2%);
  border-radius: 3px 0 0 3px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 50%;
  transition: transform 0.3s var(--bezier);
  z-index: -1;
}
.re_entity_text-bgc-transition::before {
  transition: background-color 0.3s, transform 0.3s var(--bezier);
}

.re_entity_triangle::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-right: 8px solid var(--purple);
  border-bottom: 7px solid transparent;
  width: 0;
  height: 0;
}

.full > .re_entity_text,
.half > .re_entity_text {
  color: #fff;
}
.full > .re_entity_text::before,
.half > .re_entity_text::before {
  background-color: #000;
}

.re_entity.selected .re_entity_text::before {
  transform: scaleX(0.92);
}

.lg-arrow.selected .re_entity_text::before {
  transform: scaleX(1);
}

.re_entity_sel {
  cursor: pointer;
  margin-right: 2px;
  width: 26px;
  height: 26px;
}
.re_entity_sel_ {
  box-shadow: 0 0 0 1px #000 inset;
  border-radius: 50%;
  display: block;
  margin: 6px;
  position: relative;
  width: 14px;
  height: 14px;
  transition: box-shadow 0.3s var(--bezier);
}
.re_entity_sel_::before {
  border-radius: 50%;
  box-shadow: 0 0 0 3px transparent;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: box-shadow 0.3s var(--bezier);
  z-index: -1;
}

.half .re_entity_sel_ {
  background: linear-gradient(to right, transparent 0%, transparent 50%, #000 50%);
}

.full .re_entity_sel_ {
  background: #000;
}

.re_entity_sel:focus .re_entity_sel_::before {
  box-shadow: 0 0 0 3px var(--primary200);
}

.re_entity_accordion {
  height: 0;
  overflow: hidden;
}
.re_entity_accordion, .re_entity_accordion-fill {
  transition: height 0.3s var(--bezier);
}
.re_entity_accordion-fill {
  background-color: inherit;
  border-radius: 0 0 5px 5px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.re_entity_risk-bar {
  height: 20px;
  position: relative;
}
.re_entity_risk-bar-inner {
  background-color: #000;
  color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.3s var(--bezier);
}
.re_entity_risk-bar:focus {
  outline: transparent;
}
.re_entity_risk-bar:focus .re_entity_risk-bar-inner {
  opacity: 0.1;
}

@supports selector(:focus-visible) {
  .re_entity_sel:focus .re_entity_sel_::before {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_entity_sel:focus-visible .re_entity_sel_::before {
    box-shadow: 0 0 0 3px var(--primary200);
  }
  .re_entity_risk-bar:focus .re_entity_risk-bar-inner {
    opacity: 0;
  }
  .re_entity_risk-bar:focus-visible .re_entity_risk-bar-inner {
    opacity: 0.1;
  }
}
/* -----------------------------------*\
   #ROW
\*----------------------------------- */
/* Rows for file download */
.re_dl-row {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  transition: background-color 0.3s;
}

.re_dl-row.re-pad {
  padding-right: 20px;
  padding-left: 20px;
}

.re_dl-row.hover,
.re_dl-row-hover:hover,
.re_dl-row-hover:active,
.re_dl-row-hover-:hover ~ .re_dl-row-hover-,
.re_dl-row-hover-:active ~ .re_dl-row-hover- {
  background-color: var(--grey500-02);
  transition: background-color 0.1s;
}

.re_dl-row-hover-white:hover,
.re_dl-row-hover-white:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.re_dl-row.highlight,
.re_dl-row-hover.active {
  background-color: var(--primary200);
}

.re_dl-row_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.1;
  pointer-events: none;
  transform-origin: 0 0;
  transform: scaleX(0);
}

.re_dl-row_circle {
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: var(--grey500-02);
  line-height: 14px;
  font-size: 1.2rem;
  text-align: center;
}

.re_dl-row:hover > .re_dl-row_circle-hover,
.re_dl-row:active > .re_dl-row_circle-hover {
  box-shadow: inset 0 0 0 1px var(--grey500);
}

.re_dl-row_circle-10 {
  min-width: 10px;
  height: 10px;
}

.re_dl-row_circle-30 {
  min-width: 30px;
  height: 30px;
  border-radius: 15px;
}

.re_dl-row_circle-spin {
  position: relative;
}

.re_dl-row_circle-spin::before {
  animation: spin 0.5s linear infinite reverse;
  border-radius: 50%;
  box-shadow: 0 4px 0 currentcolor inset;
  box-sizing: border-box;
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.re_dl-row_check-fill-circle_svg > circle {
  fill: var(--green);
  stroke: none;
}
.re_dl-row_check-fill-circle_svg > polyline {
  stroke: #fff;
}

.re_dl-row_check-o-circle_svg > circle,
.re_dl-row_check-o-circle_svg > polyline {
  stroke: currentcolor;
}
.re_dl-row_check-o-circle_svg > circle {
  fill: none;
}

.re_dl-row_delete_svg > line {
  stroke: #fff;
}

.re_dl-row_circle_svg {
  position: absolute;
  top: -4px;
  left: -4px;
  transform: rotate(-90deg);
}

.re_dl-row_circle_svg > circle {
  fill: none;
  stroke: var(--primary);
  stroke-width: 4px;
}

.re_dl-row_circle_svg.yellow > circle {
  stroke: var(--yellow);
}

.re_dl-row_circle_svg.green > circle {
  stroke: var(--green);
}

.re_dl-row_circle_svg.red > circle {
  stroke: var(--destructive);
}

.re_dl-row_circle_svg > circle.progress {
  stroke-dasharray: 63px;
  stroke-dashoffset: 63px;
  transition: stroke-dashoffset 0.3s;
}

.re_dl-row_text {
  min-width: 0;
  flex-grow: 1;
  line-height: 1.2;
}

/* Normal rows */
.re_row- {
  position: relative;
  padding: 0 5px;
  line-height: 1.2;
}
.re_row-:first-child {
  padding-top: 5px;
}
.re_row-:last-child {
  padding-bottom: 5px;
}
.re_row-.re_row-self-contained:first-child, .re_row-.re_row-self-contained:last-child {
  padding: 0 5px;
}

.re_row {
  border-radius: 5px;
  transition: border-radius 0s 0.3s;
  width: 100%;
}
.re_row-inner {
  border-radius: inherit;
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  min-width: 0;
}
.re_row-inner .ri-chevron-down {
  transition: transform 0.3s var(--bezier);
}
.re_row-selected > .re_row-inner {
  background-color: #000;
  color: #fff;
}
.re_row-link .re_row-inner, .re_row-hover .re_row-inner {
  transition: background-color 0.3s, box-shadow 0.3s;
}
.re_row-hover:focus, .re_row-hover .re_row-inner:focus {
  outline: none;
}
.re_row-hover:focus > .re_row-inner, .re_row-hover:hover > .re_row-inner, .re_row-hover:active > .re_row-inner, .re_row-hover.active > .re_row-inner {
  background-color: var(--grey500-01);
}
.re_row-hover:focus > .re_row-inner.light, .re_row-hover:hover > .re_row-inner.light, .re_row-hover:active > .re_row-inner.light, .re_row-hover.active > .re_row-inner.light {
  background-color: rgba(204, 204, 204, 0.1);
}
.re_row-hover:focus > .aa_bgc-low-01-hover, .re_row-hover:hover > .aa_bgc-low-01-hover, .re_row-hover:active > .aa_bgc-low-01-hover, .re_row-hover.active > .aa_bgc-low-01-hover {
  background-color: var(--low-severity01);
}
.re_row-hover:focus > .aa_bgc-medium-01-hover, .re_row-hover:hover > .aa_bgc-medium-01-hover, .re_row-hover:active > .aa_bgc-medium-01-hover, .re_row-hover.active > .aa_bgc-medium-01-hover {
  background-color: var(--medium-severity01);
}
.re_row-hover:focus > .aa_bgc-high-01-hover, .re_row-hover:hover > .aa_bgc-high-01-hover, .re_row-hover:active > .aa_bgc-high-01-hover, .re_row-hover.active > .aa_bgc-high-01-hover {
  background-color: var(--high-severity01);
}
.re_row-hover:focus > .aa_bgc-BIOMETRIC-01-hover, .re_row-hover:hover > .aa_bgc-BIOMETRIC-01-hover, .re_row-hover:active > .aa_bgc-BIOMETRIC-01-hover, .re_row-hover.active > .aa_bgc-BIOMETRIC-01-hover {
  background-color: var(--biometric01);
}
.re_row-hover:focus > .aa_bgc-COMPANY-01-hover, .re_row-hover:hover > .aa_bgc-COMPANY-01-hover, .re_row-hover:active > .aa_bgc-COMPANY-01-hover, .re_row-hover.active > .aa_bgc-COMPANY-01-hover {
  background-color: var(--company01);
}
.re_row-hover:focus > .aa_bgc-CONFIDENTIAL-01-hover, .re_row-hover:hover > .aa_bgc-CONFIDENTIAL-01-hover, .re_row-hover:active > .aa_bgc-CONFIDENTIAL-01-hover, .re_row-hover.active > .aa_bgc-CONFIDENTIAL-01-hover {
  background-color: var(--confidential01);
}
.re_row-hover:focus > .aa_bgc-CUSTOM-01-hover, .re_row-hover:hover > .aa_bgc-CUSTOM-01-hover, .re_row-hover:active > .aa_bgc-CUSTOM-01-hover, .re_row-hover.active > .aa_bgc-CUSTOM-01-hover {
  background-color: var(--custom01);
}
.re_row-hover:focus > .aa_bgc-LOCATION-01-hover, .re_row-hover:hover > .aa_bgc-LOCATION-01-hover, .re_row-hover:active > .aa_bgc-LOCATION-01-hover, .re_row-hover.active > .aa_bgc-LOCATION-01-hover {
  background-color: var(--location01);
}
.re_row-hover:focus > .aa_bgc-MEDICAL-01-hover, .re_row-hover:hover > .aa_bgc-MEDICAL-01-hover, .re_row-hover:active > .aa_bgc-MEDICAL-01-hover, .re_row-hover.active > .aa_bgc-MEDICAL-01-hover {
  background-color: var(--medical01);
}
.re_row-hover:focus > .aa_bgc-OTHER-01-hover, .re_row-hover:hover > .aa_bgc-OTHER-01-hover, .re_row-hover:active > .aa_bgc-OTHER-01-hover, .re_row-hover.active > .aa_bgc-OTHER-01-hover {
  background-color: var(--other01);
}
.re_row-hover:focus > .aa_bgc-PERSONAL-01-hover, .re_row-hover:hover > .aa_bgc-PERSONAL-01-hover, .re_row-hover:active > .aa_bgc-PERSONAL-01-hover, .re_row-hover.active > .aa_bgc-PERSONAL-01-hover {
  background-color: var(--personal01);
}
.re_row-hover:focus > .aa_bgc-PRODUCT-01-hover, .re_row-hover:hover > .aa_bgc-PRODUCT-01-hover, .re_row-hover:active > .aa_bgc-PRODUCT-01-hover, .re_row-hover.active > .aa_bgc-PRODUCT-01-hover {
  background-color: var(--product01);
}
.re_row-hover:focus > .aa_bgc-QUANTITY-01-hover, .re_row-hover:hover > .aa_bgc-QUANTITY-01-hover, .re_row-hover:active > .aa_bgc-QUANTITY-01-hover, .re_row-hover.active > .aa_bgc-QUANTITY-01-hover {
  background-color: var(--quantity01);
}
.re_row_text {
  min-width: 0;
  flex-grow: 1;
  line-height: 1.2;
  text-align: left;
}
.re_row-link, .re_row-inner-link {
  color: currentcolor;
  transition: color 0s;
}
.re_row-link .re_row- {
  padding: 0 5px;
}
.re_row-link:focus {
  outline: transparent;
}
.re_row-link:focus, .re_row-link:hover {
  text-decoration: none;
}
.re_row-link:focus .re_row-inner, .re_row-link:hover .re_row-inner {
  background-color: var(--grey500-01);
}
.re_row-link:focus .re_row-inner.light, .re_row-link:hover .re_row-inner.light {
  background-color: rgba(204, 204, 204, 0.1);
}
.re_row-inner-link {
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
}
.re_row-inner-link-area {
  border-radius: 5px;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s;
  z-index: -1;
}
.re_row-inner-link:focus {
  outline: transparent;
}
.re_row-inner-link:focus, .re_row-inner-link:hover {
  text-decoration: none;
}
.re_row-inner-link:focus + .re_row-inner-link-area, .re_row-inner-link:hover + .re_row-inner-link-area {
  background-color: var(--grey500-01);
}
.re_row-selected:focus > .re_row-inner, .re_row-selected:hover > .re_row-inner, .re_row-selected:active > .re_row-inner, .re_row-selected.active > .re_row-inner {
  background-color: #000;
  color: #fff;
}
.re_row-dot {
  background-color: currentcolor;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 5px;
  margin-left: -9px;
  width: 4px;
  height: 4px;
}

.re_row-nav-btn {
  cursor: pointer;
  transition: color 0.3s;
}

.re_row-nav-btn:focus > .re_row-inner,
.re_row-nav-btn:hover > .re_row-inner,
.re_row-nav-btn:active > .re_row-inner,
.re_row-nav-btn.active > .re_row-inner {
  background-color: rgba(128, 128, 128, 0.1);
}

.re_row-.disable .re_row {
  color: currentcolor;
}

.touchevents .re_dl-row-hover,
.touchevents .re_row-hover {
  cursor: pointer;
}

/**
 * Tablet
 */
.w768 .re_dl-row.re-pad {
  padding-right: 30px;
  padding-left: 30px;
}

/**
 * Desktop
 */
.w1024 .re_dl-row.re-pad {
  padding-right: 40px;
  padding-left: 40px;
}

/* -----------------------------------*\
   #PLACEHOLDER ROW
\*----------------------------------- */
.re_placeholder-row {
  animation: fade-in-out 1s infinite;
  display: grid;
  grid-template-columns: 28px 1fr 28px;
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 8px 10px;
  height: 48px;
  padding: 10px 16px 10px 20px;
}
.re_placeholder-row_block-1, .re_placeholder-row_block-2, .re_placeholder-row_block-4, .re_placeholder-row_block-7 {
  display: flex;
  align-items: center;
}
.re_placeholder-row_block-1, .re_placeholder-row_block-7 {
  grid-row: 1/3;
}
.re_placeholder-row_block-2, .re_placeholder-row_block-4 {
  grid-column: 2;
}
.re_placeholder-row_block-3, .re_placeholder-row_block-5, .re_placeholder-row_block-6 {
  display: none;
}
.re_placeholder-row_block-7 {
  grid-column: 3;
}
.re_placeholder-row_square, .re_placeholder-row_x-long-rect, .re_placeholder-row_long-rect, .re_placeholder-row_medium-rect, .re_placeholder-row_short-rect {
  background-color: var(--grey100);
  width: 100%;
  height: 100%;
  transition: background-color 0.3s;
}
.re_placeholder-row_square {
  border-radius: 6px;
  width: 28px;
  height: 28px;
}
.re_placeholder-row_x-long-rect, .re_placeholder-row_long-rect, .re_placeholder-row_medium-rect, .re_placeholder-row_short-rect {
  max-height: 16px;
}
.re_placeholder-row_x-long-rect {
  width: 180px;
}
.re_placeholder-row_long-rect {
  width: 100px;
}
.re_placeholder-row_medium-rect {
  width: 64px;
}
.re_placeholder-row_short-rect {
  width: 48px;
}
.re_placeholder-row-wide {
  height: 48px;
  padding: 10px 16px 10px 18px;
}
.re_placeholder-row-wide .re_placeholder-row_block-2 {
  grid-row: 1/3;
}
.re_placeholder-row-wide .re_placeholder-row_block-3 {
  display: none;
}

/* Layouts beyond mobile */
.w768 .re_placeholder-row {
  grid-template-columns: 28px 1fr 100px 90px 140px 74px;
  height: 48px;
  padding: 10px 16px 10px 20px;
}
.w768 .re_placeholder-row_block-3, .w768 .re_placeholder-row_block-5, .w768 .re_placeholder-row_block-6 {
  display: flex;
  align-items: center;
}
.w768 .re_placeholder-row_block-3 {
  grid-column: 2;
}
.w768 .re_placeholder-row_block-4 {
  grid-column: 3;
}
.w768 .re_placeholder-row_block-5 {
  grid-column: 4;
}
.w768 .re_placeholder-row_block-6 {
  grid-column: 5;
}
.w768 .re_placeholder-row_block-7 {
  grid-column: 6;
}
.w768 .re_placeholder-row_block-4, .w768 .re_placeholder-row_block-5, .w768 .re_placeholder-row_block-6 {
  grid-row: 1/3;
}
.w768 .re_placeholder-row_square, .w768 .re_placeholder-row_short-rect {
  margin-left: auto;
}
.w768 .re_placeholder-row-wide {
  padding: 10px 16px 10px 18px;
}
.w768 .re_placeholder-row-wide .re_placeholder-row_block-3 {
  display: none;
}

/* Animations */
@keyframes fade-in-out {
  0%, 100% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  50% {
    animation-timing-function: ease-out;
    opacity: 0.5;
  }
}
/* -----------------------------------*\
   #TOOL SELECT
\*----------------------------------- */
.re_tool {
  box-shadow: 0 0 0 0 var(--grey300-0) inset;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 5px;
  line-height: 1;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.re_tool-block {
  padding: 6px 8px;
}
.re_tool.disable {
  pointer-events: none;
}
.re_tool:focus {
  outline: transparent;
}
.re_tool_arrow {
  padding: 4px 0 3px;
  font-size: 1rem;
  transition: opacity 0.3s;
}
.re_tool_click {
  border-radius: inherit;
  box-shadow: 0 0 0 3px transparent;
  display: block;
  outline: transparent;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: box-shadow 0.3s;
}
.re_tool:focus .re_tool_click {
  box-shadow: 0 0 0 3px var(--primary200);
}
.re_tool.sm {
  min-width: 28px;
  height: 28px;
}
.re_tool.lg {
  min-width: 32px;
  height: 32px;
}

.re_tool_arrow:hover,
.open > .re_tool_arrow {
  opacity: 1;
  transition: opacity 0.1s;
}

.re_tool.narrow-drop .re_drop {
  width: 60px;
}

.touchevents .re_tool {
  cursor: pointer;
}

.re_tool:not(.disable):focus, .re_tool:not(.disable):focus-visible, .re_tool:not(.disable):hover, .re_tool:not(.disable):active, .re_tool:not(.disable).active {
  transition: background-color 0.1s, box-shadow 0.1s, color 0.1s;
}
.re_tool:not(.disable):focus, .re_tool:not(.disable).focus, .re_tool:not(.disable):hover {
  background-color: var(--grey100);
}
.re_tool:not(.disable):active, .re_tool:not(.disable).active, .re_tool:not(.disable).open {
  background-color: #000;
  color: #fff;
}

.re_tool-bordered {
  box-shadow: 0 0 0 1px var(--grey200) inset;
}
.re_tool-bordered:not(.disable):focus, .re_tool-bordered:not(.disable):hover, .re_tool-bordered:not(.disable):active, .re_tool-bordered:not(.disable).active, .re_tool-bordered:not(.disable).open {
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--grey400) inset;
  color: currentcolor;
}

.re_tool-thin {
  padding: 0;
  min-width: 0;
  width: 16px;
  height: 16px;
}
.re_tool-thin:not(.disable):focus, .re_tool-thin:not(.disable):hover, .re_tool-thin:not(.disable):active, .re_tool-thin:not(.disable).active, .re_tool-thin:not(.disable).open {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  color: currentcolor;
}

@supports selector(:focus-visible) {
  .re_tool:focus .re_tool_click {
    box-shadow: none;
  }
  .re_tool:focus-visible .re_tool_click {
    box-shadow: 0 0 0 3px var(--primary200);
  }
  .re_tool:not(.disable):focus {
    background-color: transparent;
  }
  .re_tool:not(.disable):focus-visible, .re_tool:not(.disable).focus, .re_tool:not(.disable):hover {
    background-color: var(--grey100);
  }
  .re_tool:not(.disable):active, .re_tool:not(.disable).active, .re_tool:not(.disable).open {
    background-color: #000;
    color: #fff;
  }
  .re_tool-bordered:not(.disable):focus {
    box-shadow: 0 0 0 1px var(--grey200) inset;
  }
  .re_tool-bordered:not(.disable):focus-visible, .re_tool-bordered:not(.disable):hover, .re_tool-bordered:not(.disable):active, .re_tool-bordered:not(.disable).active, .re_tool-bordered:not(.disable).open {
    background-color: transparent;
    box-shadow: 0 0 0 1px var(--grey400) inset;
    color: currentcolor;
  }
  .re_tool-thin:not(.disable):focus-visible, .re_tool-thin:not(.disable):hover, .re_tool-thin:not(.disable):active, .re_tool-thin:not(.disable).active, .re_tool-thin:not(.disable).open {
    background-color: transparent;
    box-shadow: none;
    color: currentcolor;
  }
}
/**
 * Tablet
 */
.w768 .re_tool_arrow-hover {
  opacity: 0;
  transition: none;
}
.w768 .re_tool:not(.disable):focus .re_tool_arrow-hover,
.w768 .re_tool:not(.disable):hover .re_tool_arrow-hover,
.w768 .re_tool:not(.disable):active .re_tool_arrow-hover,
.w768 .re_tool:not(.disable).active .re_tool_arrow-hover {
  opacity: 1;
}

@supports selector(:focus-visible) {
  .w768 .re_tool:not(.disable):focus .re_tool_arrow-hover {
    opacity: 0;
  }
  .w768 .re_tool:not(.disable):focus-visible .re_tool_arrow-hover,
  .w768 .re_tool:not(.disable):hover .re_tool_arrow-hover,
  .w768 .re_tool:not(.disable):active .re_tool_arrow-hover,
  .w768 .re_tool:not(.disable).active .re_tool_arrow-hover {
    opacity: 1;
  }
}
/* -----------------------------------*\
   #DOTS
\*----------------------------------- */
.re_dots {
  position: relative;
  width: 35px;
  height: 25px;
}

.re_dots.vertical {
  width: 25px;
  height: 35px;
}

.re_dots_ {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  border: solid 2px;
  transition: transform 0.2s;
}

.re_dots_::before,
.re_dots_::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -12px;
  border-radius: inherit;
  border: inherit;
  transition: transform 0.2s;
}

.re_dots_::after {
  left: 8px;
}

.vertical > .re_dots_::before,
.vertical > .re_dots_::after {
  top: -12px;
  left: -2px;
}

.vertical > .re_dots_::after {
  top: 8px;
  left: -2px;
}

:hover > .re_dots_,
:active > .re_dots_,
.active > .re_dots_ {
  transform: translate3d(0, 3px, 0);
}

.vertical:hover > .re_dots_,
.vertical:active > .re_dots_,
.vertical.active > .re_dots_ {
  transform: translate3d(3px, 0, 0);
}

:hover > .re_dots_::before,
:active > .re_dots_::before,
.active > .re_dots_::before {
  transform: translate3d(2px, -5px, 0);
}

.vertical:hover > .re_dots_::before,
.vertical:active > .re_dots_::before,
.vertical.active > .re_dots_::before {
  transform: translate3d(-5px, 2px, 0);
}

:hover > .re_dots_::after,
:active > .re_dots_::after,
.active > .re_dots_::after {
  transform: translate3d(-2px, -5px, 0);
}

.vertical:hover > .re_dots_::after,
.vertical:active > .re_dots_::after,
.vertical.active > .re_dots_::after {
  transform: translate3d(-5px, -2px, 0);
}

.touchevents .re_dots {
  cursor: pointer;
}

/* -----------------------------------*\
   #HOVER INFO AND TIP
\*----------------------------------- */
.re_tip {
  background-color: hsl(var(--hue), 7%, 91%);
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2), 0 2px 5px 0 hsla(0, 0%, 0%, 0.08);
  box-sizing: content-box;
  color: #000;
  position: absolute;
  z-index: 17;
  padding: 3px 5px;
  opacity: 0;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.3s;
  pointer-events: none;
  max-width: 248px;
  min-height: 16px;
}
.re_tip-circle {
  line-height: 1;
  width: 16px;
  min-height: 16px;
  transition: opacity 0.3s var(--bezier);
}
.re_tip-circle:focus, .re_tip-circle:hover {
  opacity: 0.5;
}

@supports selector(:focus-visible) {
  .re_tip-circle:focus {
    opacity: 1;
  }
  .re_tip-circle:focus-visible, .re_tip-circle:hover {
    opacity: 0.5;
  }
}
/* -----------------------------------*\
   #NOTES
\*----------------------------------- */
.re_note {
  position: absolute;
  z-index: 999;
  bottom: 100%;
  right: 0;
  max-width: 380px;
  padding: 0 30px;
  transform: translate3d(0, 0, 0);
}
.re_note_transition {
  /* required for vertical movement */
  transition: transform 0.5s var(--bezier);
}
.re_note_ {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 0 1px hsl(0, 0%, 85%) inset, 0 6px 12px hsla(0, 0%, 0%, 0.1);
  min-height: 60px;
  padding: 8px 16px;
  transform: translate3d(calc(100% + 30px), 0, 0);
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.5s var(--bezier);
}
.re_note_.enter {
  animation: note-enter 0.5s var(--bezier);
  transform: translate3d(0, 0, 0);
}
.re_note_text {
  margin: 0 24px 0 12px;
  flex-grow: 1;
  min-width: 0;
}
.re_note_subtext, .re_note_link {
  transition: color 0.3s;
}
.re_note_subtext {
  color: var(--grey800);
}
.re_note_link {
  color: var(--primary500);
  cursor: pointer;
}
.re_note_link:focus, .re_note_link:hover {
  text-decoration: underline;
}
.re_note_spinner {
  display: inline-block;
  margin: 12px 0;
  width: 16px;
  height: 16px;
}
.re_note_close {
  color: var(--grey400);
  align-self: flex-start;
  height: 16px;
  line-height: 1;
  margin: 14px -3px 14px 0;
  padding: 1px 3px 3px 3px;
  transition: opacity 0.3s var(--bezier);
}
.re_note_close:focus, .re_note_close:hover {
  opacity: 0.5;
}

/**
 * Tablet
 */
.w768 .re_note {
  max-width: 540px;
}

/* -----------------------------------*\
   #BUTTON
\*----------------------------------- */
.re_btn {
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.re_btn::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px;
  border-radius: 5px;
  border-color: var(--grey200);
  pointer-events: none;
  transition: border-color 0.3s, opacity 0.3s;
}
.re_btn.primary::after {
  border-color: var(--primary);
}
.re_btn.grey::after {
  border-color: var(--grey100);
}
.re_btn.grey500-02::after {
  border-color: var(--grey500-02);
}
.re_btn.green::after {
  border-color: var(--green);
}
.re_btn.orange::after {
  border-color: var(--orange);
}
.re_btn.red::after {
  border-color: var(--red);
}
.re_btn.destructive::after {
  border-color: var(--destructive);
}
.re_btn.purple::after {
  border-color: var(--purple);
}
.re_btn.white::after {
  border-color: var(--white);
}
.re_btn.disable {
  color: var(--grey400);
  pointer-events: auto;
}
.re_btn.disable::after {
  border-color: var(--grey50);
}
.re_btn.disable-arrow {
  color: hsl(0, 0%, 85%);
}
.re_btn-borderless::after, .re_btn-borderless.disable::after {
  border: none;
}
.re_btn:hover::after, .re_btn:active::after, .re_btn.hover::after, .re_btn.color::after {
  opacity: 1;
}
.re_btn.selected::after {
  border-width: 2px;
}
.re_btn.selected:not(.color)::after {
  border-color: inherit;
}
.re_btn_ {
  box-shadow: 0 0 0 1px transparent inset;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  pointer-events: none;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow 0.3s;
  z-index: 1;
}
.re_btn_text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.re_btn:hover .re_btn_hover-text,
.re_btn .re_btn_hover-text + .re_btn_hover-text {
  display: none;
}
.re_btn:hover .re_btn_hover-text + .re_btn_hover-text {
  display: inherit;
}
.re_btn:not(.disable) > .re_btn_.fill::after {
  border-radius: inherit;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.3s;
  z-index: -1;
}
.re_btn:not(.disable):hover > .re_btn_.fill:not(.hover-fill)::after {
  background-color: hsla(0, 0%, 0%, 0.15);
}

.xs::after,
.xs > .re_btn_ {
  border-radius: 4px;
}
.xs > .re_btn_ {
  font-size: 1rem;
  line-height: 16px;
  min-height: 24px;
  padding: 4px 8px;
}
.xs.has-spinner {
  min-width: 30px;
}

.smaller::after,
.smaller > .re_btn_ {
  border-radius: 5px;
}
.smaller > .re_btn_ {
  font-size: 1.1rem;
  line-height: 16px;
  min-height: 28px;
  padding: 4px 8px;
}

.s::after,
.s > .re_btn_ {
  border-radius: 5px;
}
.s > .re_btn_ {
  font-size: 1.2rem;
  line-height: 1.333;
  min-height: 32px;
  padding: 8px 16px;
}
.s.has-spinner {
  min-width: 60px;
}

.s-square::after,
.s-square > .re_btn_ {
  border-radius: 5px;
}
.s-square > .re_btn_ {
  font-size: 1.2rem;
  width: 32px;
  height: 32px;
  padding: 5px 8px;
}

.m::after,
.m > .re_btn_ {
  border-radius: 5px;
}
.m > .re_btn_ {
  font-size: 1.4rem;
  line-height: 1.143;
  min-height: 40px;
  padding: 12px 20px;
}
.m.has-spinner {
  min-width: 64px;
}

.m-square::after,
.m-square > .re_btn_ {
  border-radius: 5px;
}
.m-square > .re_btn_ {
  font-size: 1.4rem;
  width: 40px;
  height: 40px;
  padding: 6px 10px;
}

.l::after,
.l > .re_btn_ {
  border-radius: 10px;
}
.l > .re_btn_ {
  font-size: 1.5rem;
  min-height: 56px;
  padding: 19px 20px;
}
.l.has-spinner {
  min-width: 102px;
}

.l-square::after,
.l-square > .re_btn_ {
  border-radius: 10px;
}
.l-square > .re_btn_ {
  font-size: 1.5rem;
  width: 72px;
  height: 72px;
  padding: 10px 16px;
}

.xl::after,
.xl > .re_btn_ {
  border-radius: 6px;
}
.xl > .re_btn_ {
  font-size: 1.6rem;
  font-weight: 400;
  min-height: 108px;
  padding: 24px;
}

.selected-fill > .re_btn_ {
  background-color: #000;
  color: #fff;
}

.touchevents .re_btn_ {
  cursor: pointer;
}

:not(.disable):hover > .re_btn_ {
  box-shadow: 0 0 0 1px var(--grey200) inset;
}
:not(.disable):hover > .re_btn_.fill {
  box-shadow: 0 0 0 1px transparent inset;
}

.re_btn_focus,
.re_btn_hover {
  border-radius: 5px;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.re_btn_focus {
  box-shadow: 0 0 0 3px transparent;
  outline: transparent;
  transition: box-shadow 0.3s var(--bezier);
}

.re_btn_hover {
  transition: background-color 0.3s var(--bezier);
}

.xs > .re_btn_focus,
.xs > .re_btn_hover {
  border-radius: 4px;
}

.smaller > .re_btn_focus,
.smaller > .re_btn_hover {
  border-radius: 4px;
}

.s > .re_btn_focus,
.s > .re_btn_hover {
  border-radius: 5px;
}

.m > .re_btn_focus,
.m > .re_btn_hover {
  border-radius: 5px;
}

.l > .re_btn_focus,
.l > .re_btn_hover {
  border-radius: 10px;
}

.l-square > .re_btn_focus,
.l-square > .re_btn_hover {
  border-radius: 10px;
}

.xl > .re_btn_focus,
.xl > .re_btn_hover {
  border-radius: 6px;
}

.selected:not(.disable) > .re_btn_ {
  box-shadow: 0 0 0 2px transparent inset;
}

.selected:not(.disable):hover > .re_btn_ {
  box-shadow: none;
}

.selected:not(.disable):not(.color):hover > .re_btn_.fill {
  background-color: #000;
  box-shadow: 0 0 0 2px transparent inset;
}

.re_btn:focus {
  outline: transparent;
}
.re_btn:focus .re_btn_focus {
  box-shadow: 0 0 0 3px var(--primary200);
}
.re_btn:focus .re_btn_focus + .re_btn_ .re_btn_hover-text {
  display: none;
}
.re_btn:focus .re_btn_focus + .re_btn_ .re_btn_hover-text:nth-child(2) {
  display: inherit;
}

.re_btn:not(:disabled):hover .re_btn_hover {
  background-color: var(--grey50);
}

.re_btn_icon {
  margin-right: 12px;
}
.re_btn_icon ellipse,
.re_btn_icon path {
  fill: currentcolor;
}

.re_btn_tag {
  background: #000;
  border-radius: 12px;
  color: #fff;
  font-size: 10px;
  height: 24px;
  padding: 4px 12px;
  transition: none;
}

.selected-fill .re_btn_tag {
  background: #fff;
  color: #000;
}

.re_btn_anim_icon {
  display: block;
  flex-shrink: 0;
  margin: auto;
  position: relative;
  width: 20px;
  height: 20px;
}
.re_btn_anim_icon-part--light, .re_btn_anim_icon-part--dark, .re_btn_anim_icon-part--auto, .re_btn_anim_icon-part--sad, .re_btn_anim_icon-part--happy {
  position: absolute;
}
.re_btn_anim_icon-part--light-1 {
  background-color: currentcolor;
  border-radius: 50%;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
}
.re_btn_anim_icon-part--light-2 {
  transform: translateX(-50%) rotate(45deg) translateY(100%);
}
.re_btn_anim_icon-part--light-3 {
  transform: translateX(-50%) rotate(90deg) translateY(100%);
}
.re_btn_anim_icon-part--light-4 {
  transform: translateX(-50%) rotate(135deg) translateY(100%);
}
.re_btn_anim_icon-part--light-5 {
  transform: translateX(-50%) rotate(180deg) translateY(100%);
}
.re_btn_anim_icon-part--light-6 {
  transform: translateX(-50%) rotate(225deg) translateY(100%);
}
.re_btn_anim_icon-part--light-7 {
  transform: translateX(-50%) rotate(270deg) translateY(100%);
}
.re_btn_anim_icon-part--light-8 {
  transform: translateX(-50%) rotate(315deg) translateY(100%);
}
.re_btn_anim_icon-part--light-9 {
  transform: translateX(-50%) rotate(360deg) translateY(100%);
}
.re_btn_anim_icon-part--dark, .re_btn_anim_icon-part--auto {
  border-radius: 50%;
  top: 0;
  width: 100%;
  height: 100%;
}
.re_btn_anim_icon-part--dark {
  display: block;
  transition: background-color 0.3s;
}
.re_btn_anim_icon-part--dark ~ .re_btn_anim_icon-part--dark, .re_btn_anim_icon-part--auto {
  background-color: currentcolor;
}
.re_btn_anim_icon-part--dark ~ .re_btn_anim_icon-part--dark {
  width: 10%;
  height: 10%;
}
.re_btn_anim_icon-part--dark-1 {
  box-shadow: 6px -3px 0 currentcolor inset;
  transform-origin: 0 100%;
}
.re_btn_anim_icon-part--dark-2 {
  right: 50%;
  transform: translateY(100%) scale(0);
}
.re_btn_anim_icon-part--dark-3 {
  top: 10%;
  right: 0;
  transform: translate(-100%, 100%) scale(0);
}
.re_btn_anim_icon-part--dark-4 {
  top: 50%;
  right: 10%;
  transform: translate(-100%, 50%) scale(0);
}
.re_btn_anim_icon-part--dark-5 {
  top: 90%;
  right: 0;
  transform: translateX(-100%) scale(0);
}
.re_btn_anim_icon-part--auto {
  left: 0;
}
.re_btn_anim_icon-part--auto-2 {
  height: 6px;
  transform: rotate(0.03125turn);
  transform-origin: 50% 5px;
}
.re_btn_anim_icon-part--auto-3 {
  height: 7px;
  transform: rotate(0.375turn);
  transform-origin: 50% 6px;
}
.re_btn_anim_icon-part--light-1 ~ .re_btn_anim_icon-part--light {
  border-radius: 1px;
  top: 50%;
  left: 50%;
  transform-origin: 50% 0;
  width: 2px;
  height: 5px;
}
.re_btn_anim_icon-part--auto-1 ~ .re_btn_anim_icon-part--auto {
  background-color: #fff;
  border-radius: 1px;
  top: auto;
  bottom: calc(50% - 1px);
  left: calc(50% - 1px);
  width: 2px;
}
.re_btn_anim_icon-part--light-1 ~ .re_btn_anim_icon-part--light::before {
  background-color: currentcolor;
  border-radius: 2px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.re_btn_anim_icon-part--sad, .re_btn_anim_icon-part--happy {
  border-radius: 50%;
  display: block;
  position: absolute;
}
.re_btn_anim_icon-part--sad-1, .re_btn_anim_icon-part--happy-1 {
  box-shadow: 0 0 0 1px currentcolor inset;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.re_btn_anim_icon-part--sad-4, .re_btn_anim_icon-part--happy-4 {
  transform-origin: 50% 0;
}
.re_btn_anim_icon-part--sad-2, .re_btn_anim_icon-part--sad-3 {
  background-color: currentcolor;
  top: 5px;
  width: 4px;
  height: 4px;
}
.re_btn_anim_icon-part--sad-2 {
  left: 5px;
}
.re_btn_anim_icon-part--sad-3 {
  right: 5px;
}
.re_btn_anim_icon-part--sad-4 {
  box-shadow: 0 0 0 1px currentcolor inset;
  clip-path: polygon(0 0, 100% 0, 100% 37.5%, 50% 50%, 0 37.5%);
  top: 11px;
  left: 5px;
  width: 10px;
  height: 10px;
}
.re_btn_anim_icon-part--happy-2, .re_btn_anim_icon-part--happy-3 {
  box-shadow: 0 0 0 1px currentcolor inset;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 0 50%);
  top: 6px;
  width: 6px;
  height: 6px;
}
.re_btn_anim_icon-part--happy-2 {
  left: 3px;
}
.re_btn_anim_icon-part--happy-3 {
  right: 3px;
}
.re_btn_anim_icon-part--happy-4 {
  border: 1px solid currentcolor;
  border-radius: 0% 0% 50% 50%/0% 0% 100% 100%;
  top: 11px;
  left: 4px;
  width: 12px;
  height: 6px;
}

.selected-fill .re_btn_anim_icon-part--dark {
  transition: none;
}

.animated .re_btn_anim_icon-part--light-1 {
  animation: icon-light1 1s cubic-bezier(0.25, 0.7, 0.4, 1);
}
.animated .re_btn_anim_icon-part--light-1 ~ .re_btn_anim_icon-part--light::before {
  animation: icon-light2 1s cubic-bezier(0.25, 0.7, 0.4, 1);
}

.animated .re_btn_anim_icon-part--dark {
  animation-duration: 1s;
  animation-timing-function: var(--bezier);
}
.animated .re_btn_anim_icon-part--dark-1 {
  animation-name: icon-dark1;
}
.animated .re_btn_anim_icon-part--dark-2 {
  animation-name: icon-dark2;
}
.animated .re_btn_anim_icon-part--dark-3 {
  animation-name: icon-dark3;
}
.animated .re_btn_anim_icon-part--dark-4 {
  animation-name: icon-dark4;
}
.animated .re_btn_anim_icon-part--dark-5 {
  animation-name: icon-dark5;
}

.animated .re_btn_anim_icon-part--auto {
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.animated .re_btn_anim_icon-part--auto-2 {
  animation-name: icon-auto1;
}
.animated .re_btn_anim_icon-part--auto-3 {
  animation-name: icon-auto2;
}

.animated .re_btn_anim_icon-part--sad,
.animated .re_btn_anim_icon-part--happy {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.25, 0.7, 0.4, 1);
}

.animated .re_btn_anim_icon-part--sad-2 {
  animation-name: icon-sad1;
}
.animated .re_btn_anim_icon-part--sad-3 {
  animation-name: icon-sad2;
}
.animated .re_btn_anim_icon-part--sad-4 {
  animation-name: icon-sad3;
}

.animated .re_btn_anim_icon-part--happy-2, .animated .re_btn_anim_icon-part--happy-3 {
  animation-name: icon-happy1;
}
.animated .re_btn_anim_icon-part--happy-4 {
  animation-name: icon-happy2;
}

.re_btn_anim_icon.md {
  width: 26px;
  height: 26px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-1,
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-1,
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-4,
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-2,
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-3 {
  box-shadow: 0 0 0 2px currentcolor inset;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-2,
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-3 {
  top: 7px;
  width: 5px;
  height: 5px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-2 {
  left: 6px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-3 {
  right: 6px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--sad-4 {
  top: 14px;
  left: 6px;
  width: 14px;
  height: 14px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-2,
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-3 {
  top: 7px;
  width: 7px;
  height: 7px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-2 {
  left: 5px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-3 {
  right: 5px;
}
.re_btn_anim_icon.md .re_btn_anim_icon-part--happy-4 {
  border-width: 2px;
  top: 14px;
  left: 5px;
  width: 16px;
  height: 8px;
}

.re_btn_anim_icon.lg {
  width: 32px;
  height: 32px;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--light-1 {
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--light-1 ~ .re_btn_anim_icon-part--light {
  width: 4px;
  height: 8px;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--dark-1 {
  box-shadow: 11px -5px 0 currentcolor inset;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--dark-3 {
  top: 12.5%;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--dark-4 {
  right: 12.5%;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--dark-5 {
  top: 87.5%;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--dark ~ .re_btn_anim_icon-part--dark {
  width: 12.5%;
  height: 12.5%;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--auto-2 {
  height: 9px;
  transform-origin: 50% 8px;
}
.re_btn_anim_icon.lg .re_btn_anim_icon-part--auto-3 {
  height: 10px;
  transform-origin: 50% 9px;
}

.selected-fill .re_btn_anim_icon-part--auto-1 ~ .re_btn_anim_icon-part--auto {
  background-color: #000;
}

.re_btn-close {
  color: var(--grey300);
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 0.9;
  text-align: center;
  transition: color 0.3s, opacity 0.3s;
  padding: 8px;
  width: 32px;
  height: 32px;
}
.re_btn-close:focus, .re_btn-close:hover {
  opacity: 0.5;
}
.re_btn-close-file {
  background-color: var(--primary);
  border-radius: 50%;
  box-shadow: 0 0 0 3px transparent;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  transition: box-shadow 0.3s var(--bezier);
}
.re_btn-close-file::before {
  background-color: hsla(0, 0%, 0%, 0);
  border-radius: inherit;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.3s var(--bezier);
}
.re_btn-close-file:focus {
  box-shadow: 0 0 0 3px var(--primary200);
}
.re_btn-close-file:hover::before {
  background-color: hsla(0, 0%, 0%, 0.15);
}

@supports selector(:focus-visible) {
  .re_btn:focus .re_btn_focus {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_btn:focus-visible .re_btn_focus {
    box-shadow: 0 0 0 3px var(--primary200);
  }
  .re_btn:focus .re_btn_focus + .re_btn_ .re_btn_hover-text {
    display: inherit;
  }
  .re_btn:focus-visible .re_btn_focus + .re_btn_ .re_btn_hover-text, .re_btn:hover .re_btn_focus + .re_btn_ .re_btn_hover-text {
    display: none;
  }
  .re_btn:focus .re_btn_focus + .re_btn_ .re_btn_hover-text:nth-child(2) {
    display: none;
  }
  .re_btn:focus-visible .re_btn_focus + .re_btn_ .re_btn_hover-text:nth-child(2), .re_btn:hover .re_btn_focus + .re_btn_ .re_btn_hover-text:nth-child(2) {
    display: inherit;
  }
  .re_btn-close:focus {
    opacity: 1;
  }
  .re_btn-close:focus-visible, .re_btn-close:hover {
    opacity: 0.5;
  }
  .re_btn-close-file:focus {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_btn-close-file:focus::before {
    background-color: hsla(0, 0%, 0%, 0);
  }
  .re_btn-close-file:focus-visible {
    box-shadow: 0 0 0 3px var(--primary200);
  }
}
/* -----------------------------------*\
   #CHECK
\*----------------------------------- */
.re_check {
  position: relative;
  width: 24px;
  height: 24px;
}

.re_check::before,
.re_check::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.re_check::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px var(--grey500);
}

.re_check::after {
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: #000;
  transition: background-color 0.3s, transform 0.3s var(--bezier);
  transform: scale(0);
}

.re_check.grey::after {
  background-color: var(--grey500);
}

.re_check:hover::after,
.aa_hover-t:hover .re_check::after {
  transform: scale(0.5);
}

.re_check.active::after,
.aa_hover-t:hover .re_check.active::after {
  transform: scale(1);
}

/* -----------------------------------*\
   #SEGMENTED
\*----------------------------------- */
.re_segmented {
  display: flex;
  justify-content: center;
  background-color: var(--grey50);
  border-radius: 4px;
  position: relative;
  align-items: center;
  min-height: 32px;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.re_segmented_btn, .re_segmented_bg {
  width: 100%;
}
.re_segmented_btn {
  display: block;
  line-height: 1.4;
  min-height: 32px;
  padding: 8px;
  color: #000;
  transition: color 0.3s;
  z-index: 1;
}
.re_segmented_btn:focus, .re_segmented_btn:hover {
  color: var(--grey600);
}
.re_segmented_btn.active {
  color: #fff;
  transition: none;
}
.re_segmented_btn.disable {
  color: var(--grey400);
}
.re_segmented_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: transform 0.3s;
  transform: translate3d(0, 0, 0);
}
.re_segmented_bg::before {
  background-color: #000;
  border-radius: 4px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.3s;
}
.re_segmented-2 > .re_segmented_btn, .re_segmented-2 > .re_segmented_bg {
  width: 50%;
}
.re_segmented-3 > .re_segmented_btn, .re_segmented-3 > .re_segmented_bg {
  width: 33.33337%;
}
.re_segmented-4 > .re_segmented_btn, .re_segmented-4 > .re_segmented_bg {
  width: 25%;
}
.re_segmented-5 > .re_segmented_btn, .re_segmented-5 > .re_segmented_bg {
  width: 20%;
}

.active:nth-child(2) ~ .re_segmented_bg {
  transform: translate3d(100%, 0, 0);
}

.active:nth-child(3) ~ .re_segmented_bg {
  transform: translate3d(200%, 0, 0);
}

.active:nth-child(4) ~ .re_segmented_bg {
  transform: translate3d(300%, 0, 0);
}

.active:nth-child(5) ~ .re_segmented_bg {
  transform: translate3d(400%, 0, 0);
}

/* -----------------------------------*\
   #PROGRESS
\*----------------------------------- */
.re_progress-line {
  position: relative;
}
.re_progress-line-fill {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0% 50%;
  transition: background-color 0.3s var(--bezier), transform 0.3s var(--bezier);
  width: 100%;
  z-index: 2;
}
.re_progress-line-fill:nth-child(2) {
  z-index: 1;
}
.re_progress-line-load {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-size: 40px 3px;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0.75) 70%, rgba(0, 0, 0, 0) 70%);
  animation: progress-bar-animate 0.5s linear infinite;
}

@keyframes progress-bar-animate {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.re_progress-circle {
  display: block;
  transform: rotate(-90deg);
}
.re_progress-circle circle {
  transition: stroke 0.3s, stroke-dashoffset 0.3s linear, transform 0.3s linear;
  transform-origin: 50% 50%;
}
.re_progress-circle-fg {
  stroke: var(--primary);
}
.re_progress-circle-bg {
  stroke: var(--grey100);
}

/* -----------------------------------*\
   #DROP
\*----------------------------------- */
.re_drop {
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--light-border2), var(--light-drop-shadow);
  border-radius: 10px;
  color: var(--txt);
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  margin-top: 3px;
  animation: come-in-up-s 0.3s var(--bezier) forwards;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.re_drop-wrap, .re_drop-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.re_drop-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 16;
}
.re_drop-scroll {
  max-height: 210px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.re_drop-scroll::-webkit-scrollbar {
  width: 8px;
}
.re_drop-scroll::-webkit-scrollbar-thumb {
  background-color: var(--grey200);
  border-radius: 4px;
  transition: background-color 0.3s;
}
.re_drop-point {
  background-color: inherit;
  border-radius: 3px 0 0 0;
  box-shadow: 1px 1px 0 hsl(var(--hue), 3%, 93.5%) inset;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: -1;
}
.re_drop.tr {
  left: auto;
}
.re_drop.tr .re_drop-point {
  right: 13px;
  left: auto;
}
.re_drop.br {
  top: auto;
  left: auto;
}
.re_drop.bl {
  top: auto;
}
.re_drop_elem {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.re_drop .re_row-inner {
  padding: 9px 10px;
  transition: none;
}
.re_drop .re_row- {
  line-height: 1.3;
  min-height: 34px;
}
.re_drop .re_row-, .re_drop .re_row-:first-child, .re_drop .re_row-:last-child {
  padding: 0 10px;
}
.re_drop .re_row-hover:focus > .re_row-inner, .re_drop .re_row-hover:hover > .re_row-inner, .re_drop .re_row-hover:active > .re_row-inner, .re_drop .re_row-hover.active > .re_row-inner {
  background-color: var(--grey50);
  outline: transparent;
}
.re_drop .re_row-link:focus .re_row-inner, .re_drop .re_row-link:hover .re_row-inner {
  background-color: var(--grey50);
}
.re_drop-select {
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  transition: background-color 0.3s;
  width: 100%;
  height: 30px;
}
.re_drop-select_click {
  border-radius: inherit;
  box-shadow: 0 0 0 3px transparent;
  display: block;
  outline: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: box-shadow 0.3s;
}
.re_drop-select:focus .re_drop-select_click {
  box-shadow: 0 0 0 3px var(--primary200);
}

.touchevents .re_drop-bg {
  cursor: pointer;
}

@supports selector(:focus-visible) {
  .re_drop-select:focus .re_drop-select_click {
    box-shadow: none;
  }
  .re_drop-select:focus-visible .re_drop-select_click {
    box-shadow: 0 0 0 3px var(--primary200);
  }
}
/* -----------------------------------*\
   #NEXT DOC
\*----------------------------------- */
.re_next-doc {
  margin: 0 auto;
  max-width: 480px;
  border-radius: 0 0 10px 10px;
  box-shadow: var(--light-drop-shadow);
}
.re_next_top {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 48px;
  padding: 0 16px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.re_next_body {
  margin-top: 48px;
  max-height: calc(100vh - 295px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.re_next-wrap {
  height: 0;
}
.re_next-wrap-table {
  margin: 0 15px;
}
.re_next-wrap-table .re_next_body {
  max-height: calc(100vh - 234px);
}

/**
 * Tablet & Desktop
 */
.w768 .re_next_body {
  max-height: calc(100vh - 305px);
}

.w1024 .re_next_body {
  max-height: calc(100vh - 247px);
}

.w1280 .re_next_body {
  max-height: calc(100vh - 177px);
}

.w768 .re_next-wrap-table .re_next_body {
  max-height: calc(100vh - 242px);
}

.w1024 .re_next-wrap-table .re_next_body {
  max-height: calc(100vh - 185px);
}

/* -----------------------------------*\
   #POPUP
\*----------------------------------- */
.re_popup {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.re_popup_bg {
  animation: fade-in 0.3s var(--bezier) forwards;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.re_popup_bg.out {
  animation-name: fade-out;
  opacity: 0;
}
.re_popup.full {
  background-color: var(--bg2);
}
.re_popup::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.re_popup_ {
  background-color: var(--bg2);
  border: 1px solid var(--light-border1);
  box-shadow: var(--light-drop-shadow);
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  max-width: 480px;
  margin: 60px 0;
  padding: 24px 16px;
  position: -webkit-sticky;
  position: sticky;
  font-size: 1.4rem;
  transition: background-color 0.3s, border 0.3s, box-shadow 0.3s;
  pointer-events: auto;
}
.re_popup_actions {
  margin: 30px -16px -10px -16px;
  padding: 0 15px 10px 15px;
}
.re_popup_close {
  position: absolute;
  top: 10px;
  left: 10px;
}
.re_popup_icon {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px;
  font-size: 5rem;
  line-height: 1.3;
  overflow: hidden;
}
.re_popup_wide {
  margin: 0 -16px;
  padding: 0 15px;
}
.re_popup_upload-region {
  border: 2px dashed var(--primary300);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  padding: 13px 18px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 300px;
  transition: background-color 0.3s var(--bezier);
}
.re_popup_upload-region:focus, .re_popup_upload-region:hover {
  background-color: rgba(128, 128, 128, 0.1);
}

.touchevents .re_popup_bg {
  cursor: pointer;
}

.full > .re_popup_ {
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.big > .re_popup_ {
  max-width: 900px;
}

.medium > .re_popup_ {
  max-width: 720px;
}

.small > .re_popup_ {
  max-width: 640px;
}

.smaller > .re_popup_ {
  max-width: 480px;
}

@supports selector(:focus-visible) {
  .re_popup_upload-region:focus {
    background-color: transparent;
  }
  .re_popup_upload-region:focus-visible, .re_popup_upload-region:hover {
    background-color: rgba(128, 128, 128, 0.1);
  }
}
/**
 * Mobile
 */
.w380 .re_popup_ {
  padding: 24px;
}
.w380 .re_popup_actions {
  margin: 30px -24px -10px -24px;
  padding: 0 15px 10px 15px;
}
.w380 .re_popup_wide {
  margin: 0 -24px;
  padding: 0 15px;
}

.re_popup_bg.out ~ .re_popup_ {
  pointer-events: none;
}

/**
 * Tablet
 */
.w768 .re_popup_actions {
  padding: 0 30px 10px 30px;
}
.w768 .re_popup_wide {
  padding: 0 30px;
}

/* -----------------------------------*\
   #GENERATE
\*----------------------------------- */
.re_gen {
  position: relative;
  height: 150px;
  overflow: hidden;
  box-shadow: 0 -2px 0 inset;
}

.re_gen-visible {
  overflow: visible;
}

.re_gen .re_cog {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
  margin-top: -100px;
  z-index: -1;
}

.re_gen.active .re_cog {
  animation: spin 1.5s infinite linear reverse;
}

/* -----------------------------------*\
   #CARD
\*----------------------------------- */
.re_card {
  border-radius: 3px;
  background-color: var(--bg2);
  box-shadow: 0 0 0 1px hsl(var(--hue), 3%, 93.5%);
  color: var(--txt);
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}

.re_card-round {
  border-radius: 5px;
}

.re_card-drop {
  background-color: var(--bg1);
  border-radius: 10px;
  box-shadow: 0 0 0 1px hsl(var(--hue), 3%, 93.5%), var(--light-drop-shadow);
}
.re_card-drop-borderless {
  box-shadow: none;
}

.re_card-drop_btn {
  font-size: 12px;
  height: 36px;
  padding: 0 20px;
}

.re_card-drop_btn:hover {
  background-color: var(--grey500-02);
}

.re_card-hover {
  transition: box-shadow 0.3s;
}

.re_card-point {
  background-color: inherit;
  border-radius: 3px 0 0 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 50%;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: box-shadow 0.3s;
  z-index: -1;
}
.re_card-point.bordered {
  box-shadow: 0 0 0 1px hsl(var(--hue), 3%, 93.5%) inset;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.re_card-point.sm {
  border-radius: 1px 0 0 0;
  width: 12px;
  height: 12px;
}

.touchevents .re_card-hover {
  cursor: pointer;
}

.no-touchevents .re_card-hover:hover,
.touchevents .re_card-hover:active {
  box-shadow: 0 0 0 1px var(--grey500-03);
  transition: box-shadow 0.1s;
}

.re_card-hover.active,
.re_card-hover.active:hover,
.re_card-hover.active:active {
  box-shadow: 0 0 0 1px var(--primary);
}

.re_card-hover.highlight,
.re_card-hover.highlight:hover,
.re_card-hover.highlight:active {
  box-shadow: 0 0 0 1px var(--highlight);
}

.re_card_h {
  border-radius: 3px 3px 0 0;
  transition: background-color 0.3s;
}

.re_card_f {
  border-radius: 0 0 3px 3px;
}

.re_card_tabs {
  background-color: var(--grey500-02);
}

.re_card_tab {
  display: inline-block;
  vertical-align: bottom;
  padding: 15px;
  font-size: 1.4rem;
  box-shadow: 1px 0 var(--grey500-03);
}

.touchevents .re_card_tab {
  cursor: pointer;
}

.re_card_tab.active {
  background-color: var(--bg2);
  box-shadow: inset 0 0 0 1px var(--grey500-03);
}

/* -----------------------------------*\
   #INPUT
\*----------------------------------- */
.re_input,
.re_textarea {
  background-color: #fff;
  min-height: 40px;
  padding: 0 15px;
  border: none;
  border-radius: 3px;
  outline: none;
  transition: background-color 0.3s, box-shadow 0.1s;
}
.re_input::placeholder,
.re_textarea::placeholder {
  color: var(--grey400);
}

.re_input.shadow,
.re_textarea.shadow {
  box-shadow: 0 0 0 1px var(--grey200);
}

.re_textarea {
  min-height: 100px;
  padding: 10px 15px;
}
.re_textarea.noresize {
  resize: none;
}

.re_input:disabled,
.re_textarea:disabled {
  background-color: var(--grey50);
  border-color: transparent;
  color: var(--grey400);
  -webkit-text-fill-color: var(--grey400);
}

.re_input.small {
  min-height: 30px;
  padding: 0 10px;
}

.re_input.xsmall {
  min-height: 20px;
  padding: 0 5px;
}

.re_input.blank {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

.re_input:not(.no-spin)[type=number] {
  padding-right: 0;
}

.re_input.shadow:hover,
.re_input.shadow:active,
.re_textarea.shadow:hover,
.re_textarea.shadow:active {
  box-shadow: 0 0 0 1px var(--grey400), 0 0 0 4px transparent;
}

.re_input.shadow:focus,
.re_textarea.shadow:focus {
  box-shadow: 0 0 0 1px var(--primary), 0 0 0 4px var(--primary200);
}

.re_input.line {
  padding: 6px 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: 0 1px var(--grey200);
}
.re_input.line.xsmall {
  padding: 6px 0 5px 0;
}

.re_input.line:hover,
.re_input.line:active {
  box-shadow: 0 1px var(--grey400);
}

.re_input.line:focus {
  box-shadow: 0 1px var(--primary);
}

.re_input.light {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 1px var(--grey500-02);
}

.re_input.light::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.re_input-search {
  background-color: var(--grey50);
}
.re_input-search.shadow {
  box-shadow: 0 0 0 1px var(--grey100), 0 0 0 4px transparent;
}

.re_input-search:not(.small),
.re_input-search:not(.xsmall) {
  padding-left: 38px;
}

.re_input.no-spin::-webkit-outer-spin-button,
.re_input.no-spin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.re_input.no-spin[type=number] {
  -moz-appearance: textfield;
}

.l .re_input {
  border-radius: 4px;
}
.l .re_input-search {
  background-color: transparent;
  padding-left: 35px;
}
.l .re_input-search-icon {
  margin: 12px 8px 12px 11px;
  opacity: 0.37;
}

.re_checkbox,
.re_radio {
  cursor: default;
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.re_checkbox-label-hover,
.re_radio-label-hover {
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s var(--bezier);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.re_checkbox::before,
.re_radio::before {
  line-height: 14px;
}
.re_checkbox:focus ~ .re_checkbox-label-hover, .re_checkbox:hover ~ .re_checkbox-label-hover,
.re_checkbox:focus ~ .re_radio-label-hover,
.re_checkbox:hover ~ .re_radio-label-hover,
.re_radio:focus ~ .re_checkbox-label-hover,
.re_radio:hover ~ .re_checkbox-label-hover,
.re_radio:focus ~ .re_radio-label-hover,
.re_radio:hover ~ .re_radio-label-hover {
  background-color: hsla(0, 0%, 0%, 0.04);
}
.re_checkbox:disabled ~ .re_checkbox-label-hover,
.re_checkbox:disabled ~ .re_radio-label-hover,
.re_radio:disabled ~ .re_checkbox-label-hover,
.re_radio:disabled ~ .re_radio-label-hover {
  background-color: hsla(0, 0%, 0%, 0);
}
.re_checkbox.lg,
.re_radio.lg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.re_checkbox {
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--grey200) inset, 0 0 0 3px transparent;
  position: relative;
  transition: box-shadow 0.3s var(--bezier);
}
.re_checkbox::before {
  border-radius: inherit;
  color: #fff;
  content: "";
  display: inline-block;
  font-size: 8px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.re_checkbox:hover {
  box-shadow: 0 0 0 1px hsl(0, 0%, 65%) inset, 0 0 0 3px transparent;
}
.re_checkbox.lg::before {
  line-height: 18px;
}
.re_checkbox:checked::before {
  content: "\e02d";
  font-family: "redactedai42", serif;
}
.re_checkbox:indeterminate::after {
  background-color: #fff;
  border-radius: 1px;
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 4px);
  width: 8px;
  height: 2px;
  z-index: 2;
}
.re_checkbox:disabled {
  box-shadow: 0 0 0 1px var(--grey100) inset, 0 0 0 3px transparent;
}
.re_checkbox:checked::before, .re_checkbox:indeterminate::before {
  background-color: #000;
}
.re_checkbox:checked:disabled::before, .re_checkbox:indeterminate:disabled::before {
  background-color: var(--grey100);
}
.re_checkbox:checked:disabled {
  box-shadow: none;
}
.re_checkbox-row-select:checked::before {
  background-color: hsl(240, 23%, 97.5%);
  color: #000;
}

.re_radio {
  border-radius: 50%;
  box-shadow: 0 0 0 0 #000 inset, 0 0 0 1px var(--grey400) inset;
}
.re_radio:checked {
  box-shadow: 0 0 0 4px #000 inset, 0 0 0 1px var(--grey400) inset;
}
.re_radio:checked:disabled {
  box-shadow: 0 0 0 4px var(--grey100) inset, 0 0 0 1px var(--grey400) inset;
}
.re_radio:focus ~ .re_radio-label-hover, .re_radio:hover ~ .re_radio-label-hover {
  background-color: hsla(0, 0%, 0%, 0.04);
}
.re_radio.lg:checked {
  box-shadow: 0 0 0 5px #000 inset, 0 0 0 1px var(--grey400) inset;
}
.re_radio.lg:checked:disabled {
  box-shadow: 0 0 0 5px var(--grey100) inset, 0 0 0 1px var(--grey400) inset;
}
.re_radio-option {
  display: flex;
  min-width: 154px;
  position: relative;
  padding: 12px;
}
.re_radio-option_box {
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: background-color 0.3s;
}
.re_radio-option_title, .re_radio-option_desc {
  display: block;
  transition: color 0.3s;
}
.re_radio-option_title {
  color: hsl(0, 0%, 0%);
  font-weight: 500;
  line-height: 1.7;
}
.re_radio-option_desc {
  color: var(--grey700);
  font-size: 12px;
  line-height: 1.333;
  margin-top: 7px;
}
.re_radio:hover + .re_radio-option_box {
  background-color: var(--grey50);
}
.re_radio-option .re_radio:checked {
  box-shadow: 0 0 0 5px hsl(240, 23%, 97.5%) inset, 0 0 0 1px var(--grey700) inset;
}
.re_radio:checked + .re_radio-option_box {
  background-color: #000;
}
.re_radio:checked ~ .re_radio-option_text .re_radio-option_title {
  color: #fff;
}
.re_radio:checked ~ .re_radio-option_text .re_radio-option_desc {
  color: var(--grey200);
}
.re_radio:disabled ~ .re_radio-option_text .re_radio-option_title {
  color: var(--grey300);
}
.re_radio:disabled ~ .re_radio-option_text .re_radio-option_desc {
  color: var(--grey400);
}
.re_radio:disabled:hover + .re_radio-option_box {
  background-color: transparent;
}
.re_radio:checked:disabled:hover + .re_radio-option_box {
  background-color: #000;
}

/**
 * Tablet
 */
.w768 .l .re_input-search {
  padding-left: 44px;
}
.w768 .l .re_input-search-icon {
  margin: 12px 12px 12px 15px;
}

/**
  * Desktop
  */
.w1024 .l .re_input-search {
  box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent;
  font-size: 15px;
  height: 40px;
  margin: 15px 0;
  padding-right: 48px;
  padding-left: 48px;
}
.w1024 .l .re_input-search-icon {
  font-size: 22px;
  opacity: 1;
  margin: 23px 16px 23px 9px;
}

/* -----------------------------------*\
   #SWITCH
\*----------------------------------- */
.re_switch {
  font-size: 1.2rem;
}
.re_switch-s {
  font-size: 1rem;
}
.re_switch-xs {
  font-size: 0;
}
.re_switch_ {
  background-color: var(--grey100);
  border-radius: 12px;
  box-shadow: 0 0 0 3px transparent;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 24px;
  transition: background-color 0.2s, box-shadow 0.2s var(--bezier);
}
.re_switch_.active {
  background-color: var(--primary);
}
.re_switch_.grey, .re_switch_.active.grey {
  background-color: var(--grey500);
}
.re_switch-s > .re_switch_ {
  border-radius: 9px;
  width: 30px;
  height: 18px;
}
.re_switch-xs > .re_switch_ {
  border-radius: 6px;
  width: 20px;
  height: 12px;
}
.re_switch_btn {
  background-color: hsl(0, 0%, 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--grey100) inset;
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 20px;
  width: 16px;
  height: 16px;
  pointer-events: none;
  transition: right 0.2s, box-shadow 0.3s var(--bezier);
}
.re_switch-s .re_switch_btn {
  top: 3px;
  right: 15px;
  width: 12px;
  height: 12px;
}
.re_switch-xs .re_switch_btn {
  top: 2px;
  right: 10px;
  width: 8px;
  height: 8px;
}
.re_switch:focus {
  outline: none;
}

.active > .re_switch_btn {
  box-shadow: 0 0 0 0 hsl(0, 0%, 100%) inset;
  right: 4px;
}

.re_switch-s .active .re_switch_btn {
  right: 3px;
}

.re_switch-xs .active .re_switch_btn {
  right: 2px;
}

.touchevents .re_switch_ {
  cursor: pointer;
}

.re_switch:hover .re_switch_ {
  background-color: var(--grey200);
}
.re_switch:hover .re_switch_.active {
  background-color: var(--primary600);
}

.re_switch:focus .re_switch_ {
  box-shadow: 0 0 0 3px var(--primary200);
}

.re_row .re_switch:focus .re_switch_ {
  box-shadow: none;
}

@supports selector(:focus-visible) {
  .re_switch:focus .re_switch_ {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_switch:focus-visible .re_switch_ {
    box-shadow: 0 0 0 3px var(--primary200);
  }
}
/* -----------------------------------*\
   #HOME
\*----------------------------------- */
.re_h {
  display: flex;
  flex-direction: column;
  height: calc(var(--h) * 1px - 64px);
  min-height: calc((var(--h) * 1px - 64px) * 0.85);
  box-shadow: 0 1px var(--grey500-02);
  overflow: hidden;
}
.re_h_t {
  position: relative;
  min-height: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.re_h_b {
  margin-top: 15px;
  position: relative;
  flex-grow: 1;
  animation: come-up 1s var(--bezier) forwards;
}
.re_h_p {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  width: 65%;
  max-width: 550px;
  transform: translate3d(-50%, 0, 0);
}
.re_h_p .re_page_in.current {
  box-shadow: 0 10px 20px var(--grey500-02);
}
.re_h_p .re_page_in:not(.highlight) {
  opacity: 1;
}
.re_h_p2 {
  z-index: 2;
  top: 10%;
  left: 65%;
  animation: come-up-p 1s var(--bezier) forwards;
}
.re_h_p3 {
  z-index: 1;
  top: 20%;
  left: 35%;
  animation: come-up-p 1.5s var(--bezier) forwards;
}
.re_h_p_b, .re_h_p2_b, .re_h_p3_b {
  position: absolute;
  top: 16.5%;
  left: 10%;
  width: 20%;
  height: 2.5%;
  box-shadow: inset 0 0 1px var(--primary);
  border-radius: 2px;
  background-color: hsla(var(--hue), var(--sat), var(--light), 0.3);
  transform: scale(0);
  opacity: 0;
  animation: reveal-box 0.5s 1.5s forwards;
}
.re_h_p_b::before, .re_h_p2_b::before, .re_h_p3_b::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: #000;
  transform: scaleX(0);
  transform-origin: 0 0;
  animation: redact-box 0.75s 3s forwards;
}
.re_h_p_b:nth-of-type(2) {
  top: 28.1%;
  left: 28%;
  width: 30%;
  animation-delay: 1.7s;
}
.re_h_p_b:nth-of-type(2)::before {
  animation-delay: 3.2s;
}
.re_h_p_b:nth-of-type(3) {
  top: 55.3%;
  left: 17%;
  width: 50%;
  animation-delay: 1.9s;
}
.re_h_p_b:nth-of-type(3)::before {
  animation-delay: 3.4s;
}
.re_h_p_b:nth-of-type(4) {
  left: 60.3%;
  width: 33.5%;
  height: 22%;
  animation-delay: 2.1s;
}
.re_h_p_b:nth-of-type(4)::before {
  animation-delay: 3.6s;
}
.re_h_p2_b {
  top: 14.5%;
  left: 55%;
  width: 15%;
  animation-delay: 1.8s;
}
.re_h_p2_b::before {
  animation-delay: 3.3s;
}
.re_h_p2_b:nth-of-type(2) {
  top: 22.2%;
  left: 73%;
  width: 20%;
  animation-delay: 2s;
}
.re_h_p2_b:nth-of-type(2)::before {
  animation-delay: 3.5s;
}
.re_h_p3_b {
  top: 9.7%;
  left: 3.2%;
  width: 18.6%;
  animation-delay: 1.7s;
}
.re_h_p3_b::before {
  animation-delay: 3.2s;
}
.re_h_p3_b:nth-of-type(2) {
  top: 20.8%;
  left: 22%;
  animation-delay: 1.9s;
}
.re_h_p3_b:nth-of-type(2)::before {
  animation-delay: 3.4s;
}
.re_h_p3_b:nth-of-type(3) {
  top: 23.5%;
  left: 22%;
  animation-delay: 2.1s;
}
.re_h_p3_b:nth-of-type(3)::before {
  animation-delay: 3.6s;
}
.re_h_p3_b:nth-of-type(4) {
  top: 40.2%;
  left: 41%;
  animation-delay: 2.3s;
}
.re_h_p3_b:nth-of-type(4)::before {
  animation-delay: 3.8s;
}
.re_h_p3_b:nth-of-type(5) {
  top: 51.3%;
  left: 22%;
  animation-delay: 2.3s;
}
.re_h_p3_b:nth-of-type(5)::before {
  animation-delay: 4s;
}
.re_h_p3_b:nth-of-type(6) {
  top: 54.05%;
  left: 22%;
  animation-delay: 2.3s;
}
.re_h_p3_b:nth-of-type(6)::before {
  animation-delay: 4.2s;
}
.re_h_p3_b:nth-of-type(7) {
  top: 56.8%;
  left: 22%;
  animation-delay: 2.3s;
}
.re_h_p3_b:nth-of-type(7)::before {
  animation-delay: 4.4s;
}
.re_h_demo {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  margin-right: 30px;
  padding: 30px;
  border-radius: 5px;
  background-color: var(--grey500-01);
}
.re_h_demo-180 {
  width: 180px;
  height: 250px;
}
.re_h_demo:last-child {
  margin-right: 0;
}
.re_h_faq {
  max-width: 1280px;
  margin: 0 auto;
  padding: 5px 15px;
  border-radius: 5px;
  background-color: var(--grey500-01);
}
.re_h_row {
  background-color: var(--grey500-01);
}
.re_h_row-left, .re_h_row-right {
  text-align: center;
}
.re_h_row_left, .re_h_row_right {
  max-width: 550px;
  margin: 0 auto;
}

.re_session-expired {
  max-width: 550px;
  border-radius: 4px;
  margin: 0 auto 40px;
  border: 1px solid var(--orange400);
  background-color: var(--orange100);
  color: var(--orange800);
  font-weight: 500;
  margin-bottom: 40px;
  padding: 8px 16px;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
}

/**
 * Desktop
 */
.w1024 .re_h_row-left {
  text-align: left;
}
.w1024 .re_h_row-right {
  text-align: right;
}
.w1024 .re_h_row_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: auto;
}
.w1024 .re_h_row_left, .w1024 .re_h_row_right {
  padding-top: 250px;
}
.w1024 .re_h_row_left {
  margin: 0;
}
.w1024 .re_h_row_right {
  margin: 0 0 0 auto;
}

.w1230 .re_h_row-left {
  background-position: right;
}
.w1230 .re_h_row-right {
  background-position: left;
}
.w1230 .re_h_row_img {
  width: 400px;
}

.w1024 .re_h_row .re_h_row-left .re_h_row_img {
  left: auto;
  right: 0;
}

/* -----------------------------------*\
   #PAGE
\*----------------------------------- */
.re_page {
  position: relative;
}
.re_page_review {
  display: flex;
  align-items: center;
  height: 32px;
  color: #fff;
  cursor: pointer;
  transition: background-color 0s;
}
.re_page.aa_scroll {
  transform: translate3d(0, 0, 0); /* fix safari bug when stuff goes black in zoomed state */
}
.re_page_verify-bar {
  width: calc(100% - 32px);
}
.re_page_grid-check {
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translate3d(0, -50%, 0);
}
.re_page_full {
  box-shadow: 0 0 12px hsla(0, 0%, 0%, 0);
  transition: box-shadow 0.3s var(--bezier);
}
.re_page_full.current {
  box-shadow: 0 0 12px hsla(0, 0%, 0%, 0.06);
}
.re_page_in {
  background-color: #fff;
  border-radius: 2px;
  transition: opacity 0.3s;
  word-break: break-word;
}
.re_page_in:not(.highlight) {
  opacity: 0.4;
}
.re_page_in::before, .re_page_in::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: box-shadow 0.3s;
}
.re_page_in::after {
  box-shadow: 0 0 0 1px var(--grey100) inset;
  z-index: 2;
}
.re_page_in.highlight::before {
  z-index: 3;
}
.re_page_in_badge {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 50%;
  height: 14px;
  min-width: 14px;
  padding: 0 5px;
  border-radius: 7px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  background-color: var(--grey500);
  color: #fff;
  transform: translate3d(-50%, 50%, 0);
}
.re_page_in_badge-top {
  top: 0;
  bottom: auto;
  transform: translate3d(-50%, -50%, 0);
}
.re_page_in_indicator, .re_page_in_check {
  position: absolute;
}
.re_page_in_indicator {
  top: 100%;
  left: 50%;
  height: 32px;
  transform: translateX(-50%);
}
.re_page_in_check {
  right: calc(100% + 10px);
}
.re_page_in_region, .re_page_in_line, .re_page_in_box {
  position: absolute;
  transform: translate3d(0, 0, 0);
}
.re_page_in_line {
  left: -20px;
  right: 0;
}
.re_page_in_line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20px;
}
.re_page_in_region:not(.blank):hover, .re_page_in_line:hover::before {
  box-shadow: 0 0 0 1px var(--grey500-03);
}
.re_page_in_region.highlight:not(.blank) {
  box-shadow: 0 0 0 1px var(--purple);
}
.re_page_in_region::before {
  /* this is needed so the mouse can reach the btn to hover */
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  height: 10px;
  width: 24px;
}
.re_page_in_region_btn {
  position: absolute;
  top: -23px;
  left: 0;
}
.re_page_in_region_btn.inside {
  top: 0;
  right: 0;
  left: auto;
}
.highlight > .re_page_in_line::before {
  box-shadow: 0 0 0 1px hsla(40, 100%, 50%, 0.3);
}
.re_page_in_line_btn {
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translate(0, -50%);
}
.re_page_in_line_btn.inside {
  left: 20px;
}
.re_page_in_label {
  display: none;
  position: absolute;
  z-index: 100;
  margin-top: -16px;
  padding: 2px;
  border-radius: 2px;
  font-size: 1rem;
  line-height: 1;
  background-color: #666;
  color: #fff;
}
.re_page_in_box {
  position: absolute;
  border-radius: 2px;
}
.re_page_in_box.low {
  background-color: var(--low-severity02);
}
.re_page_in_box.medium {
  background-color: var(--medium-severity02);
}
.re_page_in_box.high {
  background-color: var(--high-severity02);
}
.re_page_in_box.redacted {
  background-color: var(--grey500-02);
  box-shadow: inset 0 -2px #000;
}
.re_page_in_box.highlight {
  z-index: 100;
}
.re_page_in_box.highlight.low {
  box-shadow: 0 0 0 2px var(--low-severity);
}
.re_page_in_box.highlight.medium {
  box-shadow: 0 0 0 2px var(--medium-severity);
}
.re_page_in_box.highlight.high {
  box-shadow: 0 0 0 2px var(--high-severity);
}
.re_page_in_box.selected {
  box-shadow: 0 0 0 2px var(--primary);
}
.re_page_in_box.selected.low {
  box-shadow: 0 0 0 2px var(--primary);
}
.re_page_in_box.selected.medium {
  box-shadow: 0 0 0 2px var(--primary);
}
.re_page_in_box.selected.high {
  box-shadow: 0 0 0 2px var(--primary);
}
.re_page_in_box.false {
  box-shadow: none;
}
.re_page_in_box_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  white-space: nowrap;
  overflow: hidden;
  border-radius: inherit;
}
.re_page_in_box:hover + .re_page_in_label {
  display: block;
}
.re_page_in:hover .re_page_in_box_overlay:not(.show), .re_page_in.reveal .re_page_in_box_overlay:not(.show) {
  display: none;
}
.re_page_in_hidden, .re_page_in_hidden-thumb, .re_page_in_hidden-redacted-thumb, .re_page_in_hidden-removed-thumb {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  color: #333;
}
.re_page_in_hidden::before, .re_page_in_hidden-thumb::before, .re_page_in_hidden-redacted-thumb::before, .re_page_in_hidden-removed-thumb::before {
  content: "";
  position: absolute;
}
.re_page_in_hidden, .re_page_in_hidden-thumb, .re_page_in_hidden-removed-thumb {
  background-color: rgba(255, 255, 255, 0.8);
}
.re_page_in_hidden::before {
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(to right, #000 0%, #000 40%, transparent 40%, transparent 60%, #000 60%, #000 100%);
  transform: rotate(-45deg);
}
.re_page_in_hidden-redacted-thumb, .re_page_in_hidden-removed-thumb {
  z-index: 4;
}
.re_page_in_hidden-redacted-thumb::before, .re_page_in_hidden-removed-thumb::before {
  top: 9px;
  right: 9px;
  bottom: 9px;
  left: 9px;
}
.re_page_in_hidden-redacted-thumb::before {
  background: hsla(0, 0%, 0%, 0.65);
}
.re_page_in_hidden-removed-thumb::before {
  background: linear-gradient(53deg, var(--grey100-0) 49.5%, var(--grey100) 49.6% 50.4%, var(--grey100-0) 50.5%), linear-gradient(-53deg, var(--grey100-0) 49.5%, var(--grey100) 49.6% 50.4%, var(--grey100-0) 50.5%);
  clip-path: polygon(3% 0, 97% 0, 100% 2%, 100% 98%, 97% 100%, 3% 100%, 0 98%, 0 2%);
  -webkit-clip-path: polygon(3% 0, 97% 0, 100% 2%, 100% 98%, 97% 100%, 3% 100%, 0 98%, 0 2%);
}
.re_page_in_hidden.red {
  color: var(--red);
}
.re_page_in_hidden.red::before {
  background: linear-gradient(to right, var(--red) 0%, var(--red) 40%, transparent 40%, transparent 60%, var(--red) 60%, var(--red) 100%);
}
.re_page_in_hidden.orange {
  color: var(--orange);
}
.re_page_in_hidden.orange::before {
  background: linear-gradient(to right, var(--orange) 0%, var(--orange) 40%, transparent 40%, transparent 60%, var(--orange) 60%, var(--orange) 100%);
}
.re_page_thumb {
  border-radius: 6px;
}
.re_page_thumb:not(.highlight) {
  opacity: 1;
}
.re_page_thumb::before {
  border-radius: 8px;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  transition: background-color 0.3s;
  z-index: 1;
}
.re_page_thumb::after {
  box-shadow: 0 0 0 1px var(--light-border2);
  transition: box-shadow 0.3s;
}
.re_page_thumb.highlight::before {
  background-color: hsl(240, 7%, 91.2%);
}
.re_page_thumb.highlight::after {
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.1);
}

.re_peek_btn {
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000 inset;
  cursor: pointer;
  display: block;
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  transition: none;
}
.re_peek_btn-full {
  background: #000;
}
.re_peek_btn-half {
  background: linear-gradient(to right, transparent 0%, transparent 50%, #000 50%);
}
.re_peek_btn-focus {
  box-shadow: 0 0 0 3px transparent;
  border-radius: inherit;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: box-shadow 0.3s var(--bezier);
  width: 100%;
  height: 100%;
}
.re_peek_btn:focus .re_peek_btn-focus {
  box-shadow: 0 0 0 3px var(--primary200);
}

@supports selector(:focus-visible) {
  .re_peek_btn:focus .re_peek_btn-focus {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_peek_btn:focus-visible .re_peek_btn-focus {
    box-shadow: 0 0 0 3px var(--primary200);
  }
}
/* -----------------------------------*\
   #PLACEHOLDER
\*----------------------------------- */
.re_placeholder {
  position: relative;
  width: 100%;
  height: 19px;
  max-width: 300px;
  background-color: var(--grey500-01);
  overflow: hidden;
}
.re_placeholder::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--grey500-0) 0%, var(--grey500-01) 50%, var(--grey500-0) 100%);
  animation: come-in-out-right 1s infinite linear;
}

/* -----------------------------------*\
   #PAGE LOADER
\*----------------------------------- */
.re_load {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  overflow: hidden;
  pointer-events: none;
}
.re_load::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px var(--primary);
  animation: 1s loader infinite ease-in-out;
}

.re_loader {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.re_loader_ {
  background: no-repeat center;
  background-image: url("/stable/images/shade-5091a899ea7bfa8a4067abee436a1f76.png");
  background-size: 90px 90px;
  margin: auto;
  width: 90px;
  height: 90px;
}
.re_loader_chip {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 300px;
  height: auto;
}
.re_loader_chip circle,
.re_loader_chip polyline {
  transition: stroke 0.3s;
}
.re_loader_chip rect {
  transition: fill 0.3s, stroke 0.3s;
}
.re_loader_chip1-1 {
  animation: chip1-1 1s ease-in-out;
}
.re_loader_chip1-2 {
  animation: chip1-2 1s ease-in-out;
}
.re_loader_chip1-3 {
  animation: chip1-3 1s ease-in-out;
}
.re_loader_chip1-4 {
  animation: chip1-4 1s ease-in-out;
}
.re_loader_chip1-5 {
  animation: chip1-5 1s ease-in-out;
}
.re_loader_chip1-6 {
  animation: chip1-6 1s ease-in-out;
}
.re_loader_chip1-7 {
  animation: chip1-7 1s ease-in-out;
  animation-timing-function: cubic-bezier(0.15, 0.7, 0.4, 1.5);
}
.re_loader_chip1-8, .re_loader_chip1-9 {
  stroke: var(--primary500);
}
.re_loader_chip1-8 {
  animation: chip1-8 1s 1s linear infinite;
}
.re_loader_chip1-9 {
  animation: chip1-9 1s 1s linear infinite;
}
.re_loader_chip1-9--delay1 {
  animation-delay: 1.025s;
}
.re_loader_chip1-9--delay2 {
  animation-delay: 1.01s;
}
.re_loader_chip1-9--delay3 {
  animation-delay: 1.11s;
}
.re_loader_chip1-9--delay4 {
  animation-delay: 1.12s;
}
.re_loader_chip2 {
  animation: chip2 1s steps(1, end);
  fill: var(--primary400);
  stroke: var(--primary500);
}
.re_loader_chip2-1 {
  animation: chip2-1a 1s cubic-bezier(0.15, 0.7, 0.4, 1.5), chip2-1b 1s 1s ease-in-out infinite;
}
.re_loader_chip2-2 {
  animation: chip2-2a 1s cubic-bezier(0.15, 0.7, 0.4, 1.5), chip2-2b 1s 1s ease-in-out infinite;
}
.re_loader_chip2-3 {
  animation: chip2-3a 1s cubic-bezier(0.15, 0.7, 0.4, 1.5), chip2-3b 1s 1s ease-in-out infinite;
}
.re_loader_chip2-4 {
  animation: chip2-4a 1s cubic-bezier(0.15, 0.7, 0.4, 1.5), chip2-4b 1s 1s ease-in-out infinite;
}
.re_loader_chip3 {
  animation: chip3a 1s cubic-bezier(0.15, 0.7, 0.4, 1.5), chip3b 1s 1s ease-in-out infinite;
  transform-origin: 80px 80px;
}

.re_loader_text {
  animation: come-in-up-s 0.3s forwards;
  position: absolute;
  right: 0;
  left: 0;
  padding-bottom: 5px;
  background-color: var(--bg1);
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: background-color 0.3s;
}
.re_loader_text::before, .re_loader_text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 220px;
  height: 3px;
  margin-left: -110px;
  border-radius: 2px;
}
.re_loader_text::before {
  background-color: var(--grey500-02);
}
.re_loader_text::after {
  background-color: var(--primary);
  transform: scaleX(0);
  transform-origin: 0 0;
}
.re_loader_text:nth-child(1) {
  animation-delay: 0.1s;
}
.re_loader_text:nth-child(1)::after {
  animation: scale-up-x 2.9s 0.1s ease-in forwards;
}
.re_loader_text:nth-child(2) {
  animation-delay: 3s;
}
.re_loader_text:nth-child(2)::after {
  animation: scale-up-x 4s 3s ease-in forwards;
}
.re_loader_text:nth-child(3) {
  animation-delay: 7s;
}
.re_loader_text:nth-child(3)::after {
  animation: scale-up-x 4s 7s ease-in forwards;
}
.re_loader_text:nth-child(4) {
  animation-delay: 11s;
}
.re_loader_text:nth-child(4)::after {
  animation: scale-up-x 4s 11s ease-in forwards;
}
.re_loader_text:nth-child(5) {
  animation-delay: 15s;
}
.re_loader_text:nth-child(5)::after {
  animation: scale-up-x 5s 15s ease-in forwards;
}
.re_loader_text:nth-child(6) {
  animation-delay: 20s;
}
.re_loader_text:nth-child(6)::after {
  animation: scale-up-x 5s 20s ease-in forwards;
}
.re_loader_text:nth-child(7) {
  animation-delay: 25s;
}
.re_loader_text:nth-child(7)::after {
  animation: scale-up-x 60s 25s ease-in forwards;
}

/**
 * Animations
 */
@keyframes chip1-1 {
  0%, 25% {
    stroke-dashoffset: 65;
  }
  50%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes chip1-2 {
  0%, 25% {
    stroke-dashoffset: 50;
  }
  50%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes chip1-3 {
  0%, 25% {
    stroke-dashoffset: 135;
  }
  50%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes chip1-4 {
  0%, 25% {
    stroke-dashoffset: 55;
  }
  50%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes chip1-5 {
  0%, 25% {
    stroke-dashoffset: 110;
  }
  50%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes chip1-6 {
  0%, 25% {
    stroke-dashoffset: 120;
  }
  50%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes chip1-7 {
  0% {
    animation-timing-function: steps(1, end);
    transform: scale(0);
    visibility: hidden;
  }
  50% {
    transform: scale(0);
    visibility: visible;
  }
  62.5%, 100% {
    transform: scale(1);
    visibility: visible;
  }
}
@keyframes chip1-8 {
  0% {
    stroke-dashoffset: 135;
  }
  50%, 100% {
    stroke-dashoffset: -135;
  }
}
@keyframes chip1-9 {
  0% {
    animation-timing-function: steps(1);
    visibility: hidden;
  }
  25% {
    animation-timing-function: linear;
    stroke-dasharray: 0 25.13 0;
    stroke-dashoffset: 0;
    visibility: visible;
  }
  30%, 33.75% {
    animation-timing-function: steps(1);
    stroke-dasharray: 12.56 0 12.56;
    stroke-dashoffset: 0;
    transform: rotate(0);
  }
  33.76% {
    animation-timing-function: linear;
    stroke-dasharray: 12.56 0 12.56;
    stroke-dashoffset: 0;
    transform: rotate(180deg);
  }
  37.5% {
    animation-timing-function: steps(1, start);
    stroke-dasharray: 0 25.13 0;
    stroke-dashoffset: 0;
    transform: rotate(180deg);
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes chip2 {
  0% {
    visibility: hidden;
  }
  12.5%, 100% {
    visibility: visible;
  }
}
@keyframes chip2-1a {
  0%, 12.5% {
    transform: translate(0, 20px);
  }
  37.5%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes chip2-1b {
  0%, 12.5%, 37.5%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -5px);
  }
}
@keyframes chip2-2a {
  0%, 12.5% {
    transform: translate(-20px, 0);
  }
  37.5%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes chip2-2b {
  0%, 12.5%, 37.5%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(5px, 0);
  }
}
@keyframes chip2-3a {
  0%, 12.5% {
    transform: translate(0, -20px);
  }
  37.5%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes chip2-3b {
  0%, 12.5%, 37.5%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 5px);
  }
}
@keyframes chip2-4a {
  0%, 12.5% {
    transform: translate(20px, 0);
  }
  37.5%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes chip2-4b {
  0%, 12.5%, 37.5%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-5px, 0);
  }
}
@keyframes chip3a {
  0% {
    transform: translate(20px, 20px) scale(0);
  }
  25%, 100% {
    transform: translate(20px, 20px) scale(1);
  }
}
@keyframes chip3b {
  0%, 25%, 100% {
    transform: translate(20px, 20px) scale(1);
  }
  12.5% {
    transform: translate(20px, 20px) scale(1.05);
  }
}
/* -----------------------------------*\
   #DRAG
\*----------------------------------- */
.re_drag {
  box-shadow: 0 0 0 3px transparent;
  display: block;
  position: relative;
  margin: 7px 0;
  width: 100%;
  transition: background-color 0.3s, box-shadow 0.3s;
  -webkit-appearance: none;
  appearance: none;
}
.re_drag:focus {
  box-shadow: 0 0 0 3px var(--primary200);
  outline: transparent;
}
.re_drag-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 8px;
}
.re_drag-wrap {
  min-width: 120px;
  position: relative;
}
.re_drag-track, .re_drag-fill {
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  transition: background-color 0.3s;
}
.re_drag-track {
  background-color: var(--grey100);
  width: 100%;
  z-index: 0;
}
.re_drag-fill {
  background-color: var(--primary);
  z-index: 1;
}
.re_drag[type=range] {
  background-color: transparent;
  height: 6px;
  opacity: 1;
  z-index: 2;
}
.re_drag[type=range]:disabled ~ .re_drag-track {
  background-color: var(--grey50);
}
.re_drag[type=range]:disabled ~ .re_drag-fill {
  background-color: var(--grey100);
}

.re_drag::-webkit-slider-thumb {
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--grey200) inset;
  cursor: default;
  position: relative;
  width: 20px;
  height: 20px;
  transition: background-color 0.3s var(--bezier), box-shadow 0.3s var(--bezier), filter 0.3s var(--bezier), -webkit-filter 0.3s var(--bezier);
  z-index: 2;
  -webkit-appearance: none;
  appearance: none;
}
.re_drag::-webkit-slider-thumb:hover {
  filter: brightness(0.95);
  -webkit-filter: brightness(0.95);
}

.re_drag::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.re_drag:disabled::-webkit-slider-thumb {
  background-color: var(--grey100);
  box-shadow: 0 0 0 1px var(--grey100) inset;
}
.re_drag:disabled::-webkit-slider-thumb:hover {
  filter: none;
  -webkit-filter: none;
}

.re_drag::-moz-range-thumb {
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--grey200) inset;
  cursor: default;
  position: relative;
  width: 20px;
  height: 20px;
  transition: background-color 0.3s var(--bezier), box-shadow 0.3s var(--bezier), filter 0.3s var(--bezier), -webkit-filter 0.3s var(--bezier);
  z-index: 2;
}
.re_drag::-moz-range-thumb:hover {
  filter: brightness(0.95);
  -webkit-filter: brightness(0.95);
}

.re_drag::-moz-range-track {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.re_drag:disabled::-moz-range-thumb {
  background-color: var(--grey100);
  box-shadow: 0 0 0 1px var(--grey100) inset;
}
.re_drag:disabled::-moz-range-thumb:hover {
  filter: none;
  -webkit-filter: none;
}

.re_drag::-ms-thumb {
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--grey200) inset;
  cursor: default;
  position: relative;
  width: 20px;
  height: 20px;
  transition: background-color 0.3s var(--bezier), box-shadow 0.3s var(--bezier), filter 0.3s var(--bezier), -webkit-filter 0.3s var(--bezier);
  z-index: 2;
}
.re_drag::-ms-thumb:hover {
  filter: brightness(0.95);
  -webkit-filter: brightness(0.95);
}

.re_drag::-ms-track {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.re_drag:disabled::-ms-thumb {
  background-color: var(--grey100);
  box-shadow: 0 0 0 1px var(--grey100) inset;
}
.re_drag:disabled::-ms-thumb:hover {
  filter: none;
  -webkit-filter: none;
}

@supports selector(:focus-visible) {
  .re_drag:focus {
    box-shadow: 0 0 0 3px transparent;
  }
  .re_drag:focus-visible {
    box-shadow: 0 0 0 3px var(--primary200);
  }
}
.touchevents .re_drag {
  cursor: pointer;
}

/* -----------------------------------*\
   #ERROR PAGE
\*----------------------------------- */
.re_404 {
  display: flex;
  height: calc(var(--h) * 1px);
  margin: 0 16px;
}
.re_404-img {
  display: block;
  margin: auto;
  max-width: 300px;
  width: 100%;
  height: auto;
}
.re_404-img-wrap {
  margin: 48px 28px;
}
.re_404-img_g3 polyline {
  animation-duration: 0.2s;
  animation-timing-function: var(--bezier);
  animation-fill-mode: forwards;
}
.re_404-img_g3-1 {
  animation-delay: 0.3s;
}
.re_404-img_g3-2 {
  animation-delay: 0.34s;
}
.re_404-img_g3-3 {
  animation-delay: 0.38s;
}
.re_404-img_g3-4 {
  animation-delay: 0.42s;
}
.re_404-img_g3-5 {
  animation-delay: 0.46s;
}
.re_404-img_g3-6 {
  animation-delay: 0.5s;
}
.re_404-img_g3-7 {
  animation-delay: 0.54s;
}
.re_404-img_g3-8 {
  animation-delay: 0.58s;
}
.re_404-img_g3-9 {
  animation-delay: 0.62s;
}
.re_404-img_g3-10 {
  animation-delay: 0.66s;
}
.re_404-img_g3-11 {
  animation-delay: 0.7s;
}
.re_404-img_g3-12 {
  animation-delay: 0.74s;
}
.re_404-img_g3-13 {
  animation-delay: 0.78s;
}
.re_404-img_g3-14 {
  animation-delay: 0.82s;
}
.re_404-img_g3-15 {
  animation-delay: 0.86s;
}
.re_404-img_g3-16 {
  animation-delay: 0.9s;
}
.re_404-img_g3-17 {
  animation-delay: 0.94s;
}
.re_404-img_g3-18 {
  animation-delay: 0.98s;
}
.re_404-img_g3-19 {
  animation-delay: 1.02s;
}
.re_404-img_g3-20 {
  animation-delay: 1.06s;
}
.re_404-img_g3-21 {
  animation-delay: 1.1s;
}
.re_404-img_g3-22 {
  animation-delay: 1.14s;
}
.re_404-img_g3-23 {
  animation-delay: 1.18s;
}
.re_404-img_g3-24 {
  animation-delay: 1.22s;
}
.re_404-img_g3-25 {
  animation-delay: 1.26s;
}
.re_404-img_g3-26 {
  animation-delay: 1.3s;
}
.re_404-img_g3-27 {
  animation-delay: 1.34s;
}
.re_404-img_g3-28 {
  animation-delay: 1.38s;
}
.re_404-img_g3-29 {
  animation-delay: 1.42s;
}
.re_404-img_g3-30 {
  animation-delay: 1.46s;
}
.re_404-img_g3-31 {
  animation-delay: 1.5s;
}
.re_404-img_g3-32 {
  animation-delay: 1.54s;
}
.re_404-img_g3-33 {
  animation-delay: 1.58s;
}
.re_404-img_g3-34 {
  animation-delay: 1.62s;
}
.re_404-img_g3-35 {
  animation-delay: 1.66s;
}
.re_404-img_g3-36 {
  animation-delay: 1.7s;
}
.re_404-img_g3-37 {
  animation-delay: 1.74s;
}
.re_404-img_g3-38 {
  animation-delay: 1.78s;
}
.re_404-img_g3-39 {
  animation-delay: 1.82s;
}
.re_404-img_g3-40 {
  animation-delay: 1.86s;
}
.re_404-img_g3-41 {
  animation-delay: 1.9s;
}
.re_404-img_g3-42 {
  animation-delay: 1.94s;
}
.re_404-img_g3-43 {
  animation-delay: 1.98s;
}
.re_404-img_g3-44 {
  animation-delay: 2.02s;
}
.re_404-img_g3-45 {
  animation-delay: 2.06s;
}
.re_404-img_g3-46 {
  animation-delay: 2.1s;
}
.re_404-img_g3-47 {
  animation-delay: 2.14s;
}
.re_404-img_sdo-14 {
  animation-name: error-sdo-14;
  stroke-dashoffset: 14;
}
.re_404-img_sdo-15 {
  animation-name: error-sdo-15;
  stroke-dashoffset: 15;
}
.re_404-img_sdo-16 {
  animation-name: error-sdo-16;
  stroke-dashoffset: 16;
}
.re_404-img_sdo-19 {
  animation-name: error-sdo-19;
  stroke-dashoffset: 19;
}
.re_404-img_sdo-21 {
  animation-name: error-sdo-21;
  stroke-dashoffset: 21;
}
.re_404-img_sdo-26 {
  animation-name: error-sdo-26;
  stroke-dashoffset: 26;
}
.re_404-img_sdo-27 {
  animation-name: error-sdo-27;
  stroke-dashoffset: 27;
}
.re_404-img_sdo-30 {
  animation-name: error-sdo-30;
  stroke-dashoffset: 30;
}
.re_404-img_sdo-33 {
  animation-name: error-sdo-33;
  stroke-dashoffset: 33;
}
.re_404-img_sdo-40 {
  animation-name: error-sdo-40;
  stroke-dashoffset: 40;
}
.re_404-img_sdo-45 {
  animation-name: error-sdo-45;
  stroke-dashoffset: 45;
}

/**
 * Animations
 */
@keyframes error-sdo-14 {
  0% {
    stroke-dashoffset: 14;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-15 {
  0% {
    stroke-dashoffset: 15;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-16 {
  0% {
    stroke-dashoffset: 16;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-19 {
  0% {
    stroke-dashoffset: 19;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-21 {
  0% {
    stroke-dashoffset: 21;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-26 {
  0% {
    stroke-dashoffset: 26;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-27 {
  0% {
    stroke-dashoffset: 27;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-30 {
  0% {
    stroke-dashoffset: 30;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-33 {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-40 {
  0% {
    stroke-dashoffset: 40;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes error-sdo-45 {
  0% {
    stroke-dashoffset: 45;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* -----------------------------------*\
   #SELECT TOOL
\*----------------------------------- */
.re_select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: text;
  transform: translate3d(0, 0, 0);
}
.re_select.active {
  z-index: 3;
}
.re_select_box {
  background-color: hsla(var(--hue), var(--sat), 66%, 0.3);
  position: absolute;
  z-index: 4;
  cursor: text;
}
.re_select_box.orange {
  background-color: rgba(242, 101, 0, 0.4);
}
.re_select_box_handle {
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
}
.re_select_box_handle-left, .re_select_box_handle-right {
  display: none;
  background-color: var(--primary);
}
.re_select_box_handle-left {
  top: -9px;
  left: -5px;
}
.re_select_box_handle-right {
  right: -5px;
  bottom: -9px;
}
.re_select_box_bar-left, .re_select_box_bar-right {
  background-color: var(--primary);
  display: none;
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
}
.re_select_box_bar-left {
  left: -1px;
}
.re_select_box_bar-right {
  right: -1px;
}
.re_select_box:first-child > .re_select_box_handle-left, .re_select_box:last-child > .re_select_box_handle-right, .re_select_box:first-child > .re_select_box_bar-left, .re_select_box:last-child > .re_select_box_bar-right {
  display: block;
}

.touchevents .re_select_box_handle {
  cursor: pointer;
}

/* -----------------------------------*\
   #DRAW TOOL
\*----------------------------------- */
.re_draw {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
}
.re_draw.active {
  z-index: 3;
}
.re_draw_box {
  border: 1px dashed var(--purple);
  position: absolute;
  z-index: 99;
  background-color: var(--purple008);
  cursor: move;
}
.re_draw_box.orange {
  background-color: rgba(242, 101, 0, 0.4);
}
.re_draw_box_handle {
  position: absolute;
  min-width: 8px;
  min-height: 8px;
}
.re_draw_box_handle::before {
  box-shadow: 0 0 0 1px #fff;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background-color: var(--purple);
}
.re_draw_box_handle-delete {
  background-color: var(--purple);
  border-radius: 50%;
  cursor: pointer;
  top: -18px;
  right: -18px;
  width: 14px;
  height: 14px;
}
.re_draw_box_handle-delete, .re_draw_box_handle-delete::before, .re_draw_box_handle-delete::after {
  position: absolute;
}
.re_draw_box_handle-delete::before, .re_draw_box_handle-delete::after {
  background-color: #fff;
  content: "";
  display: block;
  margin: 0;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 8px;
}
.re_draw_box_handle-delete::before {
  box-shadow: none;
  transform: translate(-50%, -50%) rotate(45deg);
}
.re_draw_box_handle-delete::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.re_draw_box_handle-t {
  top: -4px;
  right: 4px;
  left: 4px;
  min-width: 4px;
  cursor: n-resize;
}
.re_draw_box_handle-r {
  top: 4px;
  right: -4px;
  bottom: 4px;
  min-height: 4px;
  cursor: e-resize;
}
.re_draw_box_handle-b {
  right: 4px;
  bottom: -4px;
  left: 4px;
  min-width: 4px;
  cursor: s-resize;
}
.re_draw_box_handle-l {
  top: 4px;
  bottom: 4px;
  left: -4px;
  min-height: 4px;
  cursor: w-resize;
}
.re_draw_box_handle-tl {
  top: -4px;
  left: -4px;
  cursor: nw-resize;
}
.re_draw_box_handle-tr {
  top: -4px;
  right: -4px;
  cursor: ne-resize;
}
.re_draw_box_handle-br {
  right: -4px;
  bottom: -4px;
  cursor: se-resize;
}
.re_draw_box_handle-bl {
  bottom: -4px;
  left: -4px;
  cursor: sw-resize;
}

.touchevents .re_draw_box_handle-delete {
  cursor: pointer;
}

/* -----------------------------------*\
   #FRUIT FLY
\*----------------------------------- */
.re_fly {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  animation: fly-1 5s infinite linear;
  animation-delay: 0.1s; /* safari 9.0.3 doesn't render animation on load some times */
  pointer-events: none;
}
.re_fly_ {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: fly-2 4s infinite linear;
  animation-delay: 0.1s; /* safari 9.0.3 doesn't render animation on load some times */
}
.re_fly_::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  background-color: #000;
}

@keyframes fly-1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  2% {
    transform: translate3d(2%, 0, 0);
  }
  6% {
    transform: translate3d(-2%, 0, 0);
  }
  10% {
    transform: translate3d(4%, 0, 0);
  }
  14% {
    transform: translate3d(6%, 0, 0);
  }
  18% {
    transform: translate3d(11%, 0, 0);
  }
  22% {
    transform: translate3d(18%, 0, 0);
  }
  26% {
    transform: translate3d(23%, 0, 0);
  }
  30% {
    transform: translate3d(21%, 0, 0);
  }
  34% {
    transform: translate3d(15%, 0, 0);
  }
  38% {
    transform: translate3d(13%, 0, 0);
  }
  42% {
    transform: translate3d(10%, 0, 0);
  }
  46% {
    transform: translate3d(12%, 0, 0);
  }
  50% {
    transform: translate3d(17%, 0, 0);
  }
  54% {
    transform: translate3d(15%, 0, 0);
  }
  58% {
    transform: translate3d(9%, 0, 0);
  }
  62% {
    transform: translate3d(5%, 0, 0);
  }
  66% {
    transform: translate3d(1%, 0, 0);
  }
  70% {
    transform: translate3d(-5%, 0, 0);
  }
  74% {
    transform: translate3d(-10%, 0, 0);
  }
  78% {
    transform: translate3d(-12%, 0, 0);
  }
  82% {
    transform: translate3d(-19%, 0, 0);
  }
  86% {
    transform: translate3d(-15%, 0, 0);
  }
  90% {
    transform: translate3d(-11%, 0, 0);
  }
  94% {
    transform: translate3d(-12%, 0, 0);
  }
  98% {
    transform: translate3d(-4%, 0, 0);
  }
  100% {
    transform: translate3d(0%, 0, 0);
  }
}
@keyframes fly-2 {
  0% {
    transform: translate3d(0, 0%, 0);
  }
  4% {
    transform: translate3d(0, 5%, 0);
  }
  8% {
    transform: translate3d(0, 11%, 0);
  }
  12% {
    transform: translate3d(0, 18%, 0);
  }
  16% {
    transform: translate3d(0, 13%, 0);
  }
  20% {
    transform: translate3d(0, 7%, 0);
  }
  24% {
    transform: translate3d(0, 4%, 0);
  }
  28% {
    transform: translate3d(0, 2%, 0);
  }
  32% {
    transform: translate3d(0, 1%, 0);
  }
  36% {
    transform: translate3d(0, 5%, 0);
  }
  40% {
    transform: translate3d(0, 1%, 0);
  }
  44% {
    transform: translate3d(0, -5%, 0);
  }
  48% {
    transform: translate3d(0, -1%, 0);
  }
  52% {
    transform: translate3d(0, -3%, 0);
  }
  56% {
    transform: translate3d(0, -7%, 0);
  }
  60% {
    transform: translate3d(0, -6%, 0);
  }
  64% {
    transform: translate3d(0, -11%, 0);
  }
  68% {
    transform: translate3d(0, -5%, 0);
  }
  72% {
    transform: translate3d(0, 2%, 0);
  }
  76% {
    transform: translate3d(0, 5%, 0);
  }
  80% {
    transform: translate3d(0, 9%, 0);
  }
  84% {
    transform: translate3d(0, 7%, 0);
  }
  88% {
    transform: translate3d(0, 3%, 0);
  }
  92% {
    transform: translate3d(0, 5%, 0);
  }
  96% {
    transform: translate3d(0, 1%, 0);
  }
  100% {
    transform: translate3d(0, 0%, 0);
  }
}
/* -----------------------------------*\
   #SPINNER
\*----------------------------------- */
.re_spinner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
  width: 1em;
  height: 1em;
}
.re_spinner_part {
  background-color: hsla(0, 0%, 0%, 0.2);
}
.re_spinner_part, .re_spinner_part::before {
  display: block;
  transition: background-color 0.3s;
}
.re_spinner_part::before {
  background-color: #000;
  content: "";
}
.re_spinner-bars .re_spinner_part {
  height: 18.1818181818%;
}
.re_spinner-bars .re_spinner_part, .re_spinner-bars .re_spinner_part::before {
  width: 100%;
}
.re_spinner-bars .re_spinner_part::before {
  animation: bar-scale 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  height: 100%;
  transform-origin: 0 50%;
}
.re_spinner-bars .re_spinner_part:nth-child(1)::before {
  animation-delay: -1s;
}
.re_spinner-bars .re_spinner_part:nth-child(2)::before {
  animation-delay: -0.9s;
}
.re_spinner-bars .re_spinner_part:nth-child(3)::before {
  animation-delay: -0.8s;
}
.re_spinner-bars .re_spinner_part:nth-child(4)::before {
  animation-delay: -0.7s;
}
.re_spinner-movingsquare {
  height: 0.125em;
}
.re_spinner-movingsquare .re_spinner_part {
  border-radius: 6.25% 6.25% 6.25% 6.25%/50% 50% 50% 50%;
  width: 100%;
  height: 100%;
}
.re_spinner-movingsquare .re_spinner_part::before {
  animation: light-move 1s var(--bezier) infinite;
  border-radius: 20% 20% 20% 20%/50% 50% 50% 50%;
  width: 31.25%;
  height: 100%;
}
.re_spinner.xxs {
  font-size: 10px;
}
.re_spinner-bars.xxs .re_spinner_part {
  height: 10%;
}
.re_spinner.s {
  font-size: 24px;
}
.re_spinner-bars.s .re_spinner_part {
  height: 16.6666666667%;
}
.re_spinner-movingsquare.s {
  height: 0.1666666667em;
}
.re_spinner-movingsquare.s .re_spinner_part::before {
  animation-name: light-move-s;
  border-radius: 25% 25% 25% 25%/50% 50% 50% 50%;
  width: 33.3333333333%;
}
.re_spinner.m {
  font-size: 44px;
}
.re_spinner-movingsquare.m {
  height: 0.1363636364em;
}
.re_spinner-movingsquare.m .re_spinner_part::before {
  animation-name: light-move-m;
  border-radius: 18.75% 18.75% 18.75% 18.75%/50% 50% 50% 50%;
  width: 36.3636363636%;
}
.re_spinner.l {
  font-size: 64px;
}

.re_spinner.white .re_spinner_part {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.re_spinner.white .re_spinner_part::before {
  background-color: #fff;
}

/* -----------------------------------*\
   #FILTER VIEW
\*----------------------------------- */
.re_filter-view {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 6;
  padding-top: 20px;
  text-align: center;
  white-space: nowrap;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.2s ease-out;
}
.re_filter-view-in {
  background-color: #000;
  border-radius: 16px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  height: 32px;
  padding: 8px 16px;
}
.re_filter-view.fly-in {
  animation: fly-in-top 0.2s ease-out;
  transform: translate3d(0, 0, 0);
}

/* -----------------------------------*\
  #COLLECTION SETTINGS
\*----------------------------------- */
.collection-due-input .re_drop {
  width: auto;
}

/**
 * Desktop
 */
.w1024 .re_settings {
  display: grid;
  height: 100%;
  grid-template-rows: max-content 1fr;
  grid-template-columns: 100%;
}
.w1024 .re_settings_columns {
  height: 100%;
}

/* -----------------------------------*\
   #TRIANGLE
\*----------------------------------- */
.re_triangle {
  width: 0;
  height: 0;
}
.re_triangle.up, .re_triangle.down {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.re_triangle.up {
  border-bottom: 4px solid;
}
.re_triangle.down {
  border-top: 4px solid;
}

/* -----------------------------------*\
   #ONBOARDING
\*----------------------------------- */
.re_onboarding {
  background-color: var(--bg1);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.3s;
  z-index: 15;
}
.re_onboarding-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
  height: 100%;
}
.re_onboarding-nav, .re_onboarding-steps {
  display: flex;
  justify-content: space-between;
}
.re_onboarding-nav {
  box-shadow: 0 1px 0 var(--light-border2);
  flex-wrap: wrap;
  align-items: center;
  min-height: min-content;
  padding: 16px 16px 4px 16px;
  transition: box-shadow 0.3s;
}
.re_onboarding-bottom-nav {
  background: hsla(0, 0%, 100%, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 var(--light-border2) inset;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 145px;
  transition: background-color 0.3s;
  z-index: 9;
}
.re_onboarding-steps-wrap {
  overflow-x: auto;
  order: 1;
  padding: 24px 0;
  white-space: nowrap;
}
.re_onboarding-step {
  color: var(--grey400);
  display: inline-flex;
  align-items: center;
  margin-right: 60px;
}
.re_onboarding-step:last-of-type {
  margin-right: 0;
}
.re_onboarding-step-no {
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--grey400) inset;
  display: inline-block;
  line-height: 24px;
  margin-right: 8px;
  text-align: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
.re_onboarding-step.active {
  color: #000;
}
.re_onboarding-step.active .re_onboarding-step-no, .re_onboarding-step.done .re_onboarding-step-no {
  color: #fff;
  box-shadow: none;
  transition: background-color 0.3s, color 0.3s;
}
.re_onboarding-step.active .re_onboarding-step-no {
  background-color: #000;
}
.re_onboarding-step.done .re_onboarding-step-no {
  background-color: var(--green);
}
.re_onboarding-body {
  margin: 40px 0 25px 0;
}
.re_onboarding-content {
  margin: 0 auto;
  max-width: 640px;
  width: calc(100% - 32px);
  text-align: center;
}
.re_onboarding-scroll-btn {
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 27px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: filter 0.3s var(--bezier), -webkit-filter 0.3s var(--bezier);
  z-index: 1;
}
.re_onboarding-scroll-btn:focus, .re_onboarding-scroll-btn:hover {
  filter: brightness(0.5);
  -webkit-filter: brightness(0.5);
}
.re_onboarding-avatar {
  flex-shrink: 0;
  margin-right: 10px;
  position: relative;
  width: 16px;
  height: 16px;
}
.re_onboarding-avatar::before, .re_onboarding-avatar::after {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;
  transition: background-color 0.3s;
}
.re_onboarding-avatar::before {
  border-radius: 50%;
  top: 0;
  left: 50%;
  width: 9px;
  height: 8px;
  transform: translateX(-50%);
}
.re_onboarding-avatar::after {
  border-radius: 50%/100% 100% 0% 0%;
  top: 9px;
  left: 1px;
  width: 14px;
  height: 7px;
}
.re_onboarding-row {
  border-radius: 4px;
  display: flex;
  transition: background-color 0.3s var(--bezier);
}
.re_onboarding-row-first-col {
  display: flex;
  align-items: center;
  min-width: 0;
  flex-grow: 1;
}
.re_onboarding-row:hover {
  background-color: hsla(0, 0%, 0%, 0.04);
}
.re_onboarding-row:first-child {
  margin-top: 16px;
}

/**
 * Tablet
 */
.w768 .re_onboarding-nav {
  flex-wrap: nowrap;
  padding: 4px 32px;
}
.w768 .re_onboarding-bottom-nav {
  display: none;
}
.w768 .re_onboarding-steps-wrap {
  margin: 0;
  padding: 16px 0;
  order: 0;
  white-space: normal;
}
.w768 .re_onboarding-footer {
  margin: 0 32px;
}

/**
 * Retina
 */
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .re_onboarding-step-no {
    box-shadow: 0 0 0 1.5px var(--grey400) inset;
  }
}
/* -----------------------------------*\
   #BREADCRUMBS
\*----------------------------------- */
.re_breadcrumbs {
  display: flex;
  align-items: center;
  flex: 1 0;
  min-width: 0;
  padding: 0 16px;
}
.re_breadcrumbs_arrow, .re_breadcrumbs_step, .re_breadcrumbs_step-link {
  margin-left: 14px;
}
.re_breadcrumbs_arrow {
  color: var(--grey700);
}
.re_breadcrumbs_step {
  color: var(--grey300);
}
.re_breadcrumbs_step-link {
  color: currentcolor;
  transition: none;
}
.re_breadcrumbs_step-link, .re_breadcrumbs_step-link:focus, .re_breadcrumbs_step-link:hover {
  text-decoration: none;
}
.re_breadcrumbs_step-link:focus, .re_breadcrumbs_step-link:hover {
  color: var(--grey600);
}
.re_breadcrumbs_step-link:focus {
  outline: transparent;
}
.re_breadcrumbs_step:first-child, .re_breadcrumbs_step-link:first-child {
  margin-left: 0;
}

/* -----------------------------------*\
   #ACCORDION
\*----------------------------------- */
.re_accordion {
  font-size: 1.2rem;
  position: relative;
}
.re_accordion-btn, .re_accordion-fill {
  border-radius: 4px;
}
.re_accordion-btn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  padding: 4px 8px;
  width: 100%;
  height: 26px;
}
.re_accordion-btn .ri-chevron-down {
  transition: transform 0.3s var(--bezier);
}
.re_accordion-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s var(--bezier), height 0.3s var(--bezier);
  z-index: -1;
}
.re_accordion-btn:focus ~ .re_accordion-fill, .re_accordion-btn:hover ~ .re_accordion-fill {
  background-color: var(--white2);
}
.re_accordion-outer.toggling {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s var(--bezier);
}
.re_accordion-outer.collapsed:not(.expanded) {
  display: none;
}
.re_accordion-inner {
  padding: 0 8px 32px 8px;
}
.re_accordion-inner .re_tool {
  z-index: 0;
}

@supports selector(:focus-visible) {
  .re_accordion-btn:focus ~ .re_accordion-fill {
    background-color: transparent;
  }
  .re_accordion-btn:focus-visible ~ .re_accordion-fill, .re_accordion-btn:hover ~ .re_accordion-fill {
    background-color: var(--white2);
  }
}
/* -----------------------------------*\
   #SEARCH
\*----------------------------------- */
.re_search {
  color: #000;
  display: grid;
  margin: 0 auto;
  align-content: start;
  padding: 0 0 24px 0;
  width: 100%;
  height: calc(var(--h) * 1px);
}
.re_search_right-col {
  min-width: 0;
}
.re_search-filters {
  background: #fff;
  box-shadow: 1px 0 0 var(--light-border1), 3px 0 23px 3px hsla(0, 0%, 0%, 0.09);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 16px 0;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(var(--h) * 1px);
  transition: background-color 0.3s, transform 0.3s ease-out, visibility 0.3s;
  z-index: 8;
}
.re_search-filters, .re_search-filters-block {
  width: 260px;
}
.re_search-filters-block {
  padding: 0 16px;
}
.re_search-filters.out {
  transform: translate3d(-105%, 0, 0);
  visibility: hidden;
}
.re_search-filters.pristine {
  animation: none;
}
.re_search-filters-bg {
  background-color: var(--grey500-03);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--w) * 1px);
  height: calc(var(--h) * 1px);
  z-index: 7;
}
.re_search-filter-groups-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding-right: 8px;
}
.re_search-filter-groups-body {
  padding: 20px 8px 16px 0;
}
.re_search-filter-group {
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  width: 100%;
  transition: background-color 0.3s var(--bezier);
}
.re_search-filter-group:disabled {
  color: currentcolor;
}
.re_search-filter-group:not(.open):focus, .re_search-filter-group:not(.open):hover {
  background-color: rgba(128, 128, 128, 0.1);
}
.re_search-filter-plus {
  transition: transform 0.3s cubic-bezier(0.15, 0.7, 0.4, 1.5);
}
.re_search-filter-plus.active {
  transform: rotate(-45deg);
}
.re_search-filter_accordion {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: height 0.3s var(--bezier);
}
.re_search-filter_category {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-self: center;
  margin: 8px 0 20px 0;
  padding: 6px 16px;
  position: relative;
}
.re_search-filter_category-bg {
  background-color: #000;
  border-radius: 4px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.re_search-dashboard {
  display: flex;
  height: 104px;
  padding-left: 16px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.re_search-dashboard::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
}
.re_search-dashboard:focus {
  outline: transparent;
}
.re_search-dashboard.hover {
  overflow-x: scroll;
}
.re_search-dashboard-stat {
  border-right: 1px solid var(--grey100);
  display: flex;
  flex: 0 0 auto;
  height: 88px;
  transition: border 0.3s;
}
.re_search-dashboard-stat:last-child {
  border: 0;
}

@supports selector(:focus-visible) {
  .re_search-filter-group:not(.open):focus {
    background-color: transparent;
  }
  .re_search-filter-group:not(.open):focus-visible, .re_search-filter-group:not(.open):hover {
    background-color: rgba(128, 128, 128, 0.1);
  }
}
/**
 * Tablet
 */
.w768 .re_search {
  margin: 0 -8px;
  padding: 0 8px 32px 8px;
  width: calc(100% + 16px);
}
.w768 .re_search-dashboard {
  padding-left: 40px;
}
.w768 .re_search-dashboard-stat:last-child {
  margin-right: 24px;
}

/**
 * Desktop
 */
.w1024 .re_search {
  grid-template-columns: 244px 1fr;
  grid-gap: 0 32px;
  overflow: hidden;
  padding: 0 8px 0 8px;
}
.w1024 .re_search_left-col, .w1024 .re_search_right-col {
  height: calc(var(--h) * 1px - 136px);
}
.w1024 .re_search_left-col {
  box-shadow: 1px 0 0 var(--grey100);
  grid-column: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: -32px;
  padding-left: 32px;
  transition: box-shadow 0.3s;
  -webkit-overflow-scrolling: touch;
}
.w1024 .re_search_left-col:hover {
  overflow-y: auto;
}
.w1024 .re_search_right-col {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-right: -32px;
  padding-right: 32px;
  padding-left: 8px;
}
.w1024 .re_search-filters {
  box-shadow: none;
  overflow: visible;
  margin-bottom: 32px;
  padding: 0;
  position: static;
  height: auto;
  transition: background-color 0.3s;
}
.w1024 .re_search-filters, .w1024 .re_search-filters-block {
  width: auto;
}
.w1024 .re_search-filters-block {
  padding: 0;
  width: 228px;
}
.w1024 .re_search-filters.out {
  transform: none;
  visibility: visible;
}
.w1024 .re_search-filter-groups-header {
  margin-top: 24px;
}
.w1024 .re_search-dashboard {
  height: 112px;
  padding-top: 8px;
  padding-left: 0;
}

.w1440 .re_search-dashboard {
  height: 120px;
  padding-top: 16px;
}

.re_search-dashboard:not(.hover):hover {
  overflow-x: auto;
}

/* -----------------------------------*\
   #SPLASH SCEEN
\*----------------------------------- */
.re_splash {
  color: #000;
}
.re_splash > .re_popup_ {
  border: 0;
  box-shadow: var(--light-drop-shadow), 0 0 0 1px var(--light-border1) inset;
  max-width: 540px;
  padding: 0;
  overflow: hidden;
}
.re_splash_nav, .re_splash_page {
  padding: 0 32px;
}
.re_splash_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  line-height: 1.467;
  min-height: 104px;
  position: relative;
  z-index: 2;
}
.re_splash_nav-dots {
  display: flex;
  align-items: center;
  margin: 13px 0;
}
.re_splash_nav-dot {
  width: 14px;
  height: 14px;
  padding: 4px;
  position: relative;
  transition: opacity 0.3s var(--bezier);
}
.re_splash_nav-dot::before {
  background-color: var(--grey200);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  transition: background-color 0.3s var(--bezier);
}
.re_splash_nav-dot:focus, .re_splash_nav-dot:hover {
  opacity: 0.65;
}
.re_splash_nav-dot.active::before {
  background-color: #000;
}
.re_splash_nav-dot.active:focus, .re_splash_nav-dot.active:hover {
  opacity: 1;
}
.re_splash_pages, .re_splash_page {
  display: flex;
}
.re_splash_pages {
  display: flex;
  transition: transform 0.6s var(--bezier);
}
.re_splash_pages-track {
  position: relative;
}
.re_splash_page {
  flex-direction: column;
  flex: 0 0 100%;
  position: relative;
  width: 100%;
}
.re_splash_imgs {
  margin: 0 0 32px 0;
  overflow: hidden;
  position: relative;
}
.re_splash_imgs::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 59.2592592593%;
}
.re_splash_img {
  display: none;
  margin: auto;
  width: 100%;
  max-width: 540px;
  height: auto;
}
.re_splash_img circle,
.re_splash_img ellipse,
.re_splash_img path,
.re_splash_img rect {
  transition: fill 0.3s, stroke 0.3s;
}
.re_splash_img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.re_splash_intro-text {
  padding: 0 32px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(-63px);
}
.re_splash_intro-btn {
  margin: 0 auto;
  transform: translateY(-45px);
}
.re_splash_img.animated {
  display: block;
}
.re_splash_img.animated .re_splash_anim0-1 {
  animation: splash0-1 1s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim0-2 {
  animation: splash0-2 1s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim0-3 {
  animation: splash0-3 1s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim0-4 {
  animation: splash0-4 1s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim0-5 {
  animation: splash0-5 1s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-1 {
  animation: splash1-1 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-2 {
  animation: splash1-2 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-3 {
  animation: splash1-3 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-4 {
  animation: splash1-4 5s var(--bezier) forwards;
  transform-origin: 270px 190px;
}
.re_splash_img.animated .re_splash_anim1-5 {
  animation: splash1-5 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-6 {
  animation: splash1-6 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-7 {
  animation: splash1-7 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-8 {
  animation: splash1-8 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-9 {
  animation: splash1-9 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim1-10 {
  animation: splash1-10 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-1 {
  animation: splash2-1 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-2 {
  animation: splash2-2 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-3 {
  animation: splash2-3 4s var(--bezier) forwards;
  transform-origin: 270px 190px;
}
.re_splash_img.animated .re_splash_anim2-4 {
  animation: splash2-4 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-5 {
  animation: splash2-5 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-6 {
  animation: splash2-6 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-7 {
  animation: splash2-7 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-8 {
  animation: splash2-8 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-9 {
  animation: splash2-9 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-10 {
  animation: splash2-10 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-11 {
  animation: splash2-11 4s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim2-12 {
  animation: splash2-12 4s var(--bezier) forwards;
}
.re_splash_img .re_splash_still2-6 {
  transform: translate(580px, 116px) scale(2);
  transform-origin: 270px 190px;
}
.re_splash_img.animated .re_splash_anim3-1 {
  animation: splash3-1 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim3-2 {
  animation: splash3-2 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim3-3 {
  animation: splash3-3 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim3-4 {
  animation: splash3-4 5s var(--bezier) forwards;
  transform-origin: 270px 190px;
}
.re_splash_img.animated .re_splash_anim3-5 {
  animation: splash3-5 5s var(--bezier) forwards;
}
.re_splash_img.animated .re_splash_anim3-6 {
  animation: splash3-6 5s var(--bezier) forwards;
  transform-origin: 30px 16px;
}
.re_splash_img.animated .re_splash_anim3-7 {
  animation: splash3-7 5s var(--bezier) forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim3-8 {
  animation: splash3-8 5s var(--bezier) forwards;
  transform-origin: 30px 16px;
}
.re_splash_img.animated .re_splash_anim3-9 {
  animation: splash3-9 5s var(--bezier) forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim3-10 {
  animation: splash3-10 5s var(--bezier) forwards;
  transform-origin: 33px 16px;
}
.re_splash_img.animated .re_splash_anim3-11 {
  animation: splash3-11 5s var(--bezier) forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim4-1 {
  animation: splash4-1 2.5s ease-in forwards;
}
.re_splash_img.animated .re_splash_anim4-2 {
  animation: splash4-2 2.5s ease-in forwards;
}
.re_splash_img.animated .re_splash_anim4-3 {
  animation: splash4-3 2.5s ease-in forwards;
}
.re_splash_img.animated .re_splash_anim4-4 {
  animation: splash4-4 2.5s ease-in forwards;
}
.re_splash_img.animated .re_splash_anim4-5 {
  animation: splash4-5 2.5s ease-in forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim4-6 {
  animation: splash4-6 2.5s ease-in forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim4-7 {
  animation: splash4-7 2.5s ease-in forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim4-8 {
  animation: splash4-8 2.5s ease-in forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim4-9 {
  animation: splash4-9 2.5s ease-in forwards;
  animation-timing-function: ease-out;
}
.re_splash_img.animated .re_splash_anim4-10 {
  animation: splash4-10 2.5s ease-in forwards;
  animation-timing-function: ease-out;
}

/**
 * Tablet
 */
.w375 .re_splash_intro-text {
  transform: translateY(-119px);
}
.w375 .re_splash_intro-btn {
  transform: translateY(-85px);
}

.w768 .re_splash_nav {
  justify-content: center;
}
.w768 .re_splash_page {
  padding: 0 54px;
}

.re_splash_pages-track + .re_splash_pages-track .re_splash_pages {
  transition-delay: 0.05s;
}
.re_splash_pages-track + .re_splash_pages-track .re_splash_intro-text {
  top: 0;
  bottom: auto;
}

/**
 * Animations
 */
@keyframes splash0-1 {
  0% {
    opacity: 0;
    transform: translate(195px, 99px);
  }
  50%, 100% {
    opacity: 1;
    transform: translate(195px, 63px);
  }
}
@keyframes splash0-2 {
  0%, 70% {
    width: 0;
  }
  100% {
    width: 40px;
  }
}
@keyframes splash0-3 {
  0%, 70% {
    width: 0;
  }
  100% {
    width: 36px;
  }
}
@keyframes splash0-4 {
  0%, 70% {
    width: 0;
  }
  100% {
    width: 48px;
  }
}
@keyframes splash0-5 {
  0%, 70% {
    width: 0;
  }
  100% {
    width: 60px;
  }
}
@keyframes splash1-1 {
  0%, 16% {
    fill: hsla(355, 100%, 60%, 0);
  }
  26%, 100% {
    fill: hsla(355, 100%, 60%, 0.3);
  }
}
@keyframes splash1-2 {
  0%, 16% {
    fill: hsla(30, 100%, 50%, 0);
  }
  26%, 100% {
    fill: hsla(30, 100%, 50%, 0.3);
  }
}
@keyframes splash1-3 {
  0%, 16% {
    fill: hsla(227, 100%, 66%, 0);
  }
  26%, 100% {
    fill: hsla(227, 100%, 66%, 0.3);
  }
}
@keyframes splash1-4 {
  0%, 3% {
    opacity: 0;
    transform: translate(170px, 40px) scale(1);
  }
  13%, 38% {
    opacity: 1;
    transform: translate(170px, 40px) scale(1);
  }
  48%, 100% {
    opacity: 1;
    transform: translate(580px, 116px) scale(2);
  }
}
@keyframes splash1-5 {
  0%, 48% {
    transform: translate(-280px, 0);
  }
  58%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes splash1-6 {
  0%, 58% {
    opacity: 0;
  }
  78%, 100% {
    opacity: 1;
  }
}
@keyframes splash1-7 {
  0%, 62% {
    opacity: 0;
  }
  82%, 100% {
    opacity: 1;
  }
}
@keyframes splash1-8 {
  0%, 66% {
    opacity: 0;
  }
  86%, 100% {
    opacity: 1;
  }
}
@keyframes splash1-9 {
  0%, 70% {
    opacity: 0;
  }
  90%, 100% {
    opacity: 1;
  }
}
@keyframes splash1-10 {
  0%, 74% {
    opacity: 0;
  }
  94%, 100% {
    opacity: 1;
  }
}
@keyframes splash2-1 {
  0%, 62.5% {
    r: 0;
  }
  70%, 100% {
    r: 7px;
  }
}
@keyframes splash2-2 {
  0%, 92.5% {
    r: 0;
  }
  100% {
    r: 7px;
  }
}
@keyframes splash2-3 {
  0%, 62.5% {
    width: 0;
  }
  70%, 100% {
    width: 176px;
  }
}
@keyframes splash2-4 {
  0%, 92.5% {
    width: 0;
  }
  100% {
    width: 176px;
  }
}
@keyframes splash2-5 {
  0%, 62.5% {
    width: 0;
  }
  70%, 100% {
    width: 40px;
  }
}
@keyframes splash2-6 {
  0%, 92.5% {
    width: 0;
  }
  100% {
    width: 40px;
  }
}
@keyframes splash2-7 {
  0%, 25% {
    opacity: 0;
    height: 40px;
  }
  32.5% {
    opacity: 1;
    height: 40px;
  }
  40%, 100% {
    opacity: 1;
    height: 130px;
  }
}
@keyframes splash2-8 {
  0%, 40% {
    transform: translate(0, 0);
  }
  47.5%, 100% {
    transform: translate(0, 90px);
  }
}
@keyframes splash2-9 {
  0%, 40% {
    transform: translate(0, 120px);
  }
  47.5%, 100% {
    transform: translate(0, 210px);
  }
}
@keyframes splash2-10 {
  0%, 40% {
    transform: translate(0, 160px);
  }
  47.5%, 100% {
    transform: translate(0, 250px);
  }
}
@keyframes splash2-11 {
  0%, 62.5% {
    opacity: 0;
  }
  70%, 100% {
    opacity: 1;
  }
}
@keyframes splash2-12 {
  0%, 92.5% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes splash3-1 {
  0%, 30% {
    transform: translate(0, 0);
  }
  40%, 50% {
    transform: translate(0, -280px);
  }
  60%, 100% {
    transform: translate(0, -560px);
  }
}
@keyframes splash3-2 {
  0%, 84% {
    stroke-dashoffset: 93;
  }
  94%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes splash3-3 {
  0% {
    transform: translate(0, 0);
  }
  10%, 100% {
    transform: translate(-280px, 0);
  }
}
@keyframes splash3-4 {
  0% {
    transform: translate(580px, 116px) scale(2);
  }
  10%, 100% {
    transform: translate(170px, 40px) scale(1);
  }
}
@keyframes splash3-5 {
  0% {
    transform: translate(0, -32px);
  }
  10%, 100% {
    transform: translate(0, 0);
  }
}
@keyframes splash3-6 {
  0% {
    transform: translate(410px, 0) scale(1);
  }
  10%, 21%, 27% {
    animation-timing-function: ease-in;
    transform: translate(0, 0) scale(1);
  }
  24% {
    animation-timing-function: ease-out;
    transform: translate(0, 0) scale(0.9);
  }
  34% {
    animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
    transform: translate(0, 0) scale(1);
  }
  38%, 100% {
    transform: translate(0, -62px) scale(1);
  }
}
@keyframes splash3-7 {
  0%, 24% {
    fill: hsl(242, 100%, 66%);
  }
  27%, 100% {
    fill: hsl(149, 88%, 35%);
  }
}
@keyframes splash3-8 {
  0%, 30% {
    transform: translate(0, 280px) scale(1);
  }
  40%, 41%, 47% {
    animation-timing-function: ease-in;
    transform: translate(0, 0) scale(1);
  }
  44% {
    animation-timing-function: ease-out;
    transform: translate(0, 0) scale(0.9);
  }
  54% {
    animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
    transform: translate(0, 0) scale(1);
  }
  58%, 100% {
    transform: translate(0, -62px) scale(1);
  }
}
@keyframes splash3-9 {
  0%, 44% {
    fill: hsl(242, 100%, 66%);
  }
  47%, 100% {
    fill: hsl(149, 88%, 35%);
  }
}
@keyframes splash3-10 {
  0%, 50% {
    transform: translate(0, 280px) scale(1);
  }
  60%, 61%, 67% {
    animation-timing-function: ease-in;
    transform: translate(0, 0) scale(1);
  }
  64% {
    animation-timing-function: ease-out;
    transform: translate(0, 0) scale(0.9);
  }
  74% {
    transform: translate(0, 0) scale(1);
  }
  84%, 100% {
    transform: translate(0, 0) scale(0);
  }
}
@keyframes splash3-11 {
  0%, 64% {
    fill: hsl(242, 100%, 66%);
  }
  67%, 100% {
    fill: hsl(149, 88%, 35%);
  }
}
@keyframes splash4-1 {
  0% {
    opacity: 1;
  }
  24%, 100% {
    opacity: 0;
  }
}
@keyframes splash4-2 {
  0% {
    transform: translate(170px, 40px);
  }
  24%, 100% {
    transform: translate(170px, 320px);
  }
}
@keyframes splash4-3 {
  0% {
    transform: translate(0, 0);
  }
  24%, 100% {
    transform: translate(0, -32px);
  }
}
@keyframes splash4-4 {
  0%, 24% {
    opacity: 0;
  }
  36%, 100% {
    opacity: 1;
  }
}
@keyframes splash4-5 {
  0%, 80% {
    fill: hsl(0, 0%, 92%);
  }
  100% {
    fill: hsl(240, 1%, 29%);
  }
}
@keyframes splash4-6 {
  0%, 80% {
    fill: hsl(0, 0%, 97%);
  }
  100% {
    fill: hsl(240, 2%, 20%);
  }
}
@keyframes splash4-7 {
  0%, 36% {
    opacity: 0;
    transform: translate(160px, 145px);
  }
  48%, 100% {
    opacity: 1;
    transform: translate(160px, 125px);
  }
}
@keyframes splash4-8 {
  0%, 80% {
    fill: #fff;
    stroke: hsl(240, 3%, 93.5%);
  }
  100% {
    fill: hsl(240, 2%, 20%);
    stroke: hsl(240, 1%, 29%);
  }
}
@keyframes splash4-9 {
  0%, 80% {
    fill: hsl(0, 0%, 95%);
  }
  100% {
    fill: hsl(240, 1%, 29%);
  }
}
@keyframes splash4-10 {
  0%, 80% {
    fill: #000;
    transform: translate(0, 0);
  }
  100% {
    fill: #fff;
    transform: translate(99px, 0);
  }
}
/* -----------------------------------*\
   #CREDITS
\*----------------------------------- */
.re_credits {
  background-color: var(--bg1);
  color: #000;
  display: flex;
  overflow: hidden;
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  perspective: 464px;
  transition: background-color 0.3s, color 0.3s;
}
.re_credits_intro {
  animation: credits-intro 90s linear infinite;
  color: hsl(212, 71%, 49%);
  text-align: left;
  transition: color 0.3s;
}
.re_credits_text {
  animation: credits-text 90s linear infinite;
}
.re_credits_title {
  animation: credits-title-fade 90s linear infinite;
}
.re_credits_title-wrap {
  animation: credits-title-scale 90s cubic-bezier(0, 0, 0.17, 1) infinite;
}
.re_credits_logo {
  display: block;
  width: 700px;
  height: auto;
}
.re_credits_logo-path {
  transition: fill 0.3s;
}
.re_credits_stars, .re_credits_track {
  animation: credits-appear 90s steps(1, start) infinite;
}
.re_credits_stars {
  background-color: currentcolor;
  border-radius: 50%;
  box-shadow: -1117px 295px, -106px 428px, 615px -699px, 478px 3px, -1164px -332px, -1085px 714px, -644px 162px, 397px -111px, -1277px -320px, 772px -284px, 873px -185px, -761px 369px, 899px -272px, -1242px -408px, 1023px 21px, -969px 280px, 604px 333px, -397px 353px, 1033px -176px, -727px -108px, -662px -717px, -141px -364px, -1138px 157px, 819px -513px, -81px 468px, -361px 115px, 225px -610px, 131px 528px, 744px -276px, 427px -625px, 838px -91px, 1046px 171px, -812px 537px, -67px -208px, -1091px 422px, -957px 693px, 440px -39px, 16px 155px, 886px 488px, -1204px -23px, -470px -400px, 441px -91px, -364px -258px, -1247px 285px, -1084px -169px, 343px 673px, 707px 89px, -495px -203px, -5px -558px, 793px 352px, -249px -461px, 571px -281px, 768px -292px, -105px 150px, 1176px 163px, 508px 135px, -899px 564px, 198px 545px, -497px -467px, 643px -672px, 394px 295px, -994px -415px, -588px 475px, 628px -519px, -986px -9px, -1011px 262px, 332px -263px, 996px -417px, -715px -14px, -381px -399px, 1017px -203px, -888px -188px, -1034px 663px, 1037px 663px, -1108px 229px, 215px -506px, 734px -14px, 289px -137px, -1073px 646px, 478px 469px;
  color: #000;
  margin: auto;
  opacity: 0.5;
  width: 3px;
  height: 3px;
  transition: all 0.3s;
}
.re_credits_track {
  clip-path: polygon(0 2px, 100% 2px, 100% 100%, 0 100%);
  bottom: 0;
  overflow: hidden;
  padding: 0 32px;
  width: 100%;
  min-width: 464px;
  height: 2000px;
  transform: translate3d(-50%, 0, 0) rotateX(60deg);
  transform-origin: 50% 100%;
}
.re_credits_track, .re_credits_track::before {
  position: absolute;
  left: 50%;
}
.re_credits_track::before {
  box-shadow: 0 32px 32px var(--bg1) inset;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  transform: translate3d(-50%, 0, 0);
  transition: box-shadow 0.3s;
  z-index: 1;
}

/**
 * Desktop
 */
.w1024 .re_credits {
  left: 0;
}

/**
 * Animations
 */
@keyframes credits-appear {
  0%, 7.7777777778% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes credits-intro {
  0%, 6.6666666667% {
    opacity: 0;
  }
  1.1111111111%, 5.5555555556% {
    opacity: 1;
    visibility: visible;
  }
  6.6666666667%, 100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes credits-title-scale {
  0%, 7.4444444444% {
    animation-timing-function: steps(1);
    transform: scale(1);
    visibility: hidden;
  }
  7.7777777778% {
    animation-timing-function: cubic-bezier(0, 0, 0.17, 1);
    transform: scale(1);
    visibility: visible;
  }
  21.1111111111%, 100% {
    transform: scale(0.1);
  }
}
@keyframes credits-title-fade {
  0% {
    animation-timing-function: steps(1);
    opacity: 1;
    visibility: hidden;
  }
  7.7777777778%, 21.1111111111% {
    animation-timing-function: linear;
    opacity: 1;
    visibility: visible;
  }
  21.6666666667%, 100% {
    opacity: 0;
  }
}
@keyframes credits-text {
  0%, 14.4444444444% {
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    transform: translate3d(0, -100%, 0);
  }
}
/* -----------------------------------*\
  #DOC
\*----------------------------------- */
.re_doc_pagebar {
  position: relative;
  height: 48px;
  padding: 0 15px;
}
.re_doc_pagebar.bottom {
  height: calc(48px + var(--safe-bottom));
  padding-bottom: var(--safe-bottom);
}

.re_doc_main {
  height: calc(100% - 114px);
  padding-bottom: calc(49px + var(--safe-bottom));
}

.re_doc_infobar {
  flex-shrink: 0;
  height: 64px;
  padding: 0 20px;
}
.re_doc_infobar_progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  transition: background-color 0.3s var(--bezier);
}
.re_doc_infobar_progress-fill {
  background-color: var(--primary);
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: background-color 0.3s var(--bezier), transform 0.3s var(--bezier);
}
.re_doc_infobar_progress-fill.max {
  opacity: 0;
  transition: background-color 0.3s var(--bezier), opacity 0.3s 0.3s var(--bezier), transform 0.3s var(--bezier);
}
.re_doc_infobar_title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 10px;
  min-width: 0;
}

.re_doc_left,
.re_doc_right {
  display: none;
  position: absolute;
  z-index: 8;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: -49px;
  padding-bottom: calc(49px + var(--safe-bottom));
  box-shadow: 0 -1px var(--light-border2);
  flex-shrink: 0;
  flex-direction: column;
  flex-grow: 1;
  transition: background-color 0.3s, box-shadow 0.3s;
}

.re_doc_left.open,
.re_doc_right.open {
  display: flex;
}

.re_doc_left.in,
.re_doc_right.in {
  animation: come-in-up 0.3s var(--bezier) forwards;
}

.re_doc_left.out,
.re_doc_right.out {
  animation: come-out-down 0.4s var(--bezier) forwards;
}

/**
 * Tablet
 */
.w768 .re_doc_pagebar {
  padding: 0 max(24px, var(--safe-right)) 0 max(24px, var(--safe-left));
}
.w768 .re_doc_infobar_title {
  max-width: 250px;
}
.w768 .re_doc_left,
.w768 .re_doc_right {
  padding-bottom: 0;
  position: static;
  width: 280px;
  max-width: 280px;
  transition: background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
.w768 .re_doc_left {
  right: auto;
  border-right: 1px solid var(--light-border2);
}
.w768 .re_doc_right {
  left: auto;
  border-left: 1px solid var(--light-border2);
}
.w768 .re_doc_left.in {
  animation: come-in-right 0.3s var(--bezier) forwards;
}
.w768 .re_doc_right.in {
  animation: come-in-left 0.3s var(--bezier) forwards;
}
.w768 .re_doc_left.out {
  animation: come-out-left 0.4s var(--bezier) forwards;
}
.w768 .re_doc_right.out {
  animation: come-out-right 0.4s var(--bezier) forwards;
}

/**
 * Desktop
 */
.w1024 .re_doc_main {
  padding-bottom: 0;
}
.w1024 .re_doc_left.open,
.w1024 .re_doc_right.open {
  display: none;
}
.w1024 .re_doc_left.open-m,
.w1024 .re_doc_right.open-m {
  display: flex;
}

.re_review_bar {
  background-color: var(--grey100);
  border-radius: 4px;
  display: flex;
  height: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transition: background-color 0.3s;
}
.re_review_bar-fill {
  background-color: var(--primary);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s var(--bezier), transform 0.3s var(--bezier);
}
.re_review_bar-fill.grey {
  background-color: var(--grey500);
}
.re_review_bar-segment {
  outline: transparent;
  position: relative;
  height: 8px;
  transition: background-color 0.3s var(--bezier), flex-grow 0.3s var(--bezier);
}
.re_review_bar-segment::before {
  background-color: #000;
  border-radius: inherit;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s var(--bezier);
}
.re_review_bar-segment:focus::before, .re_review_bar-segment:hover::before {
  opacity: 0.2;
}
.re_review_bar-segment:first-child {
  border-radius: 4px 0 0 4px;
}
.re_review_bar-segment:last-child {
  border-radius: 0 4px 4px 0;
}
.re_review_bar-segment:only-child {
  border-radius: 4px;
}
.re_review_bar-fill.green, .re_review_bar-segment.green {
  background-color: var(--green);
}

@supports selector(:focus-visible) {
  .re_review_bar-segment:focus::before {
    opacity: 0;
  }
  .re_review_bar-segment:focus-visible::before, .re_review_bar-segment:hover::before {
    opacity: 0.2;
  }
}
.re_doc_info_arrow {
  position: relative;
}
.re_doc_info_arrow::after {
  border-top: 7px solid transparent;
  border-right: 8px solid var(--purple);
  border-bottom: 7px solid transparent;
  content: "";
  display: none;
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  width: 0;
  height: 0;
}
.re_doc_info_arrow.active::after {
  display: block;
}
.re_doc_info-label {
  color: var(--grey600);
  margin-right: 12px;
}
.re_doc_info-row {
  background-color: var(--grey50);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 11px 12px;
  transition: background-color 0.3s;
}
.re_doc_info-group, .re_doc_info-tabs {
  font-size: 1.2rem;
}
.re_doc_info-tabs {
  display: flex;
  flex-shrink: 0;
  height: 48px;
  padding-bottom: 2px;
  position: relative;
  font-weight: 500;
}
.re_doc_info-tab {
  color: var(--grey500);
  transition: color 0.3s;
  width: 100%;
}
.re_doc_info-tab:focus, .re_doc_info-tab:hover, .re_doc_info-tab.active {
  color: var(--txt);
}
.re_doc_info-tab-line {
  background-color: currentcolor;
  height: 2px;
  position: absolute;
  bottom: 0;
  transition: transform 0.3s var(--bezier);
  width: 50%;
}
.re_doc_info-tab.active:nth-child(2) ~ .re_doc_info-tab-line {
  transform: translate3d(100%, 0, 0);
}

.re_table:hover .re_page_in_box_overlay:not(.show),
.re_table.reveal .re_page_in_box_overlay:not(.show) {
  display: none;
}

.re_table_border {
  border-right: solid 1px var(--grey500-01);
  border-bottom: solid 1px var(--grey500-01);
}

.re_table_cell,
.re_table_cell_entity {
  position: relative;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.re_table_cell.cross {
  text-decoration: line-through;
}

.re_table_cell.cross::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-color: var(--red);
  opacity: 0.1;
}

.re_table_cell_entity {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.re_table_cell.active {
  box-shadow: inset 0 0 0 1px;
}

.re_table_cell.reveal,
.reveal > .re_table_cell_entity {
  width: max-content;
  min-width: -webkit-fill-available;
  white-space: normal;
  word-break: break-word;
}

.re_table_cell_size {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  cursor: ew-resize;
}

.re_table_cell_entity_ {
  color: transparent;
  pointer-events: auto;
  border-radius: 2px;
}
.re_table_cell_entity_.low {
  background-color: var(--low-severity02);
}
.re_table_cell_entity_.medium {
  background-color: var(--medium-severity02);
}
.re_table_cell_entity_.high {
  background-color: var(--high-severity02);
}
.re_table_cell_entity_.fill {
  background-color: var(--grey500-02);
  box-shadow: inset 0 -2px #000;
}

.highlight > .re_table_cell_entity_,
.re_table_cell_entity_:hover {
  z-index: 100;
}
.highlight > .re_table_cell_entity_.low,
.re_table_cell_entity_:hover.low {
  box-shadow: 0 0 0 2px var(--low-severity);
}
.highlight > .re_table_cell_entity_.medium,
.re_table_cell_entity_:hover.medium {
  box-shadow: 0 0 0 2px var(--medium-severity);
}
.highlight > .re_table_cell_entity_.high,
.re_table_cell_entity_:hover.high {
  box-shadow: 0 0 0 2px var(--high-severity);
}

.selected > .re_table_cell_entity_ {
  box-shadow: 0 0 0 2px var(--primary);
}
.selected > .re_table_cell_entity_.low {
  box-shadow: 0 0 0 2px var(--primary);
}
.selected > .re_table_cell_entity_.medium {
  box-shadow: 0 0 0 2px var(--primary);
}
.selected > .re_table_cell_entity_.high {
  box-shadow: 0 0 0 2px var(--primary);
}

.re_table:hover .re_table_cell_entity_:hover {
  border-radius: 1px;
  z-index: 100;
}

/* -----------------------------------*\
   #IMAGE CONTAINER
\*----------------------------------- */
img.aa_img,
.aa_img > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img.aa_img--contain,
.aa_img--contain > img {
  object-fit: contain;
}

img.aa_img--left,
.aa_img--left > img {
  object-position: left;
}

img.aa_img--right,
.aa_img--right > img {
  object-position: right;
}

img.aa_auto {
  width: 100%;
  height: auto;
}

/* -----------------------------------*\
   #ANIMATIONS
\*----------------------------------- */
.aa_fade-in {
  animation: fade-in 0.3s;
}

.aa_fade-out {
  animation: fade-out 0.3s;
}

.aa_spin {
  animation: spin 0.5s linear infinite;
}

.aa_spin-reverse,
.aa_spin-reverse2 {
  animation: spin 0.5s linear infinite reverse;
}

.aa_spin-reverse2 {
  transform-origin: 50px 56px;
}

.aa_spin-shadow {
  animation: spin-shadow 0.5s linear infinite;
  transform-origin: 50px 86px;
}

.aa_spin.ri-loop,
.aa_spin-reverse.ri-loop {
  transform-origin: 54.5% 52.5%;
}

.aa_spin.ri-wait,
.aa_spin-reverse.ri-wait {
  transform-origin: 50% 55%;
}

.aa_come-in-up-s {
  animation: come-in-up-s 0.3s var(--bezier) forwards;
}

.aa_come-in-up {
  animation: come-in-up 0.3s var(--bezier) forwards;
}

.aa_come-in-down {
  animation: come-in-down 0.3s var(--bezier) forwards;
}

.aa_come-in-left {
  animation: come-in-left 0.3s var(--bezier) forwards;
}

.aa_come-in-right {
  animation: come-in-right 0.3s var(--bezier) forwards;
}

.aa_come-out-up {
  animation: come-out-up 0.3s var(--bezier) forwards;
}

.aa_come-out-down {
  animation: come-out-down 0.3s var(--bezier) forwards;
}

.aa_come-out-left {
  animation: come-out-left 0.3s var(--bezier) forwards;
}

.aa_come-out-left-disappear {
  animation: come-out-left-disappear 0.3s var(--bezier) forwards;
}

.aa_come-out-right {
  animation: come-out-right 0.3s var(--bezier) forwards;
}

.aa_fade-in-slide-up {
  animation: fade-in-slide-up 0.3s forwards;
}

.aa_fade-out-slide-down {
  animation: fade-out-slide-down 0.3s forwards;
}

.aa_fade-scale-in-shrink {
  animation: fade-scale-in-shrink 0.3s forwards;
}

.aa_fade-out-no-move {
  animation: fade-out 0.3s forwards;
}

.aa_check-draw1n2 {
  animation: check-draw1 0.65s ease-in, check-draw2 0.4s 0.65s linear forwards;
}

.aa_check-draw3 {
  animation: check-draw3 0.4s 0.65s linear forwards;
}

.aa_check-draw4 {
  animation: check-draw4 0.25s 1.05s var(--bezier) forwards;
}

.aa_disappear {
  animation: disappear 0.4s 0.65s var(--bezier) forwards;
}

.aa_copy-feedback {
  animation: copy-feedback 2s linear forwards;
}

.aa_noanimate {
  animation: none;
}

.aa_skipanimate {
  animation-duration: 0s;
  animation-delay: 0s;
}

.aa_anim-delay--0 {
  animation-delay: 0s;
}

.aa_anim-delay--5 {
  animation-delay: 0.05s;
}

.aa_anim-delay--10 {
  animation-delay: 0.1s;
}

.aa_anim-delay--15 {
  animation-delay: 0.15s;
}

.aa_anim-delay--20 {
  animation-delay: 0.2s;
}

.aa_anim-delay--25 {
  animation-delay: 0.25s;
}

.aa_anim-delay--30 {
  animation-delay: 0.3s;
}

.aa_anim-delay--35 {
  animation-delay: 0.35s;
}

.aa_anim-delay--40 {
  animation-delay: 0.4s;
}

.aa_anim-delay--45 {
  animation-delay: 0.45s;
}

.aa_anim-delay--50 {
  animation-delay: 0.5s;
}

@keyframes bar-scale {
  0%, 75%, 100% {
    transform: scaleX(0);
  }
  25%, 50% {
    transform: scaleX(1);
  }
}
@keyframes light-move {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(220%, 0, 0);
  }
}
@keyframes light-move-s {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(200%, 0, 0);
  }
}
@keyframes light-move-m {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(175%, 0, 0);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(-100px) scaleX(1) scaleY(1);
  }
  90% {
    transform: translateY(-12px) scaleX(1) scaleY(1);
  }
  100% {
    transform: translateY(0) scaleX(1.1) scaleY(0.6);
  }
}
@keyframes bounce-shadow {
  0% {
    opacity: 0.3;
    transform: scaleX(0.5) scaleY(0.5);
  }
  90% {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
  }
  100% {
    transform: scaleX(1) scaleY(1);
  }
}
@keyframes check-draw1 {
  0% {
    stroke-dashoffset: var(--start-check-draw);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes check-draw2 {
  0% {
    stroke-dasharray: 116.2 0 0 0;
    stroke-dashoffset: 0.01;
    animation-timing-function: cubic-bezier(0.56, 0.74, 1, 1);
  }
  69% {
    stroke-dasharray: 0 97.2 19 0;
    stroke-dashoffset: 0.01;
    animation-timing-function: cubic-bezier(0.28, 0.37, 0.67, 0.77);
  }
  81% {
    stroke-dasharray: 0 97.2 0 19;
    stroke-dashoffset: 0.01;
    visibility: visible;
  }
  81.1%, 100% {
    stroke-dasharray: 0 97.2 0 19;
    stroke-dashoffset: 0.01;
    visibility: hidden;
  }
}
@keyframes check-draw3 {
  0%, 69% {
    stroke-dashoffset: 80;
    animation-timing-function: cubic-bezier(0.37, 0.56, 0.7, 1);
  }
  100% {
    stroke-dashoffset: 48;
  }
}
@keyframes check-draw4 {
  0% {
    clip-path: circle(0%);
  }
  100% {
    clip-path: circle(50%);
  }
}
@keyframes come-in-left {
  0% {
    transform: translate3d(106%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-in-right {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-in-out-right {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes come-in-up {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-in-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-in-up-s {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-in-up-sc {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes come-out-up {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes come-out-down {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes come-out-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes come-out-left-disappear {
  0% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes come-out-right {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(106%, 0, 0);
  }
}
@keyframes come-up {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-up-p {
  0% {
    transform: translate3d(-50%, 100%, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes fly-in-top {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes dashoffset {
  0% {
    stroke-dashoffset: 246px;
  }
  25% {
    stroke-dashoffset: 164px;
  }
  50% {
    stroke-dashoffset: 164px;
  }
  100% {
    stroke-dashoffset: 82px;
  }
}
@keyframes dashoffset-back {
  0% {
    stroke-dashoffset: 82px;
  }
  25% {
    stroke-dashoffset: 164px;
  }
  50% {
    stroke-dashoffset: 164px;
  }
  100% {
    stroke-dashoffset: 246px;
  }
}
@keyframes disappear {
  0%, 58% {
    opacity: 1;
    visibility: visible;
  }
  89%, 99.9% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes loader {
  0% {
    transform: translate3d(-100%, 0, 0) scaleX(1);
  }
  100% {
    transform: translate3d(55%, 0, 0) scaleX(0.1);
  }
}
@keyframes redact {
  0% {
    transform: translate(0, 0) scaleX(0);
  }
  10% {
    transform: translate(0, 0) scaleX(1);
  }
  60% {
    transform: translate(0, 0) scaleX(1);
  }
  70%, 100% {
    transform: translate(100%, 0) scaleX(0);
  }
}
@keyframes reveal-box {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes redact-box {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation-back {
  0% {
    transform: rotate(340deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-shadow {
  0%, 100% {
    transform: scaleX(1);
  }
  25%, 75% {
    transform: scaleX(1.5);
  }
  50% {
    transform: scaleX(1.25);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scale-up-x {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-out-slide-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
@keyframes fade-scale-in-shrink {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes note-enter {
  0% {
    transform: translate3d(calc(100% + 30px), 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes copy-feedback {
  0%, 100% {
    opacity: 0;
  }
  10%, 50% {
    opacity: 1;
  }
}
@keyframes icon-light1 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
}
@keyframes icon-light2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100%);
  }
}
@keyframes icon-dark1 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.625);
  }
}
@keyframes icon-dark2 {
  0%, 100% {
    transform: translateY(100%) scale(0);
  }
  50% {
    transform: translateY(0) scale(1);
  }
}
@keyframes icon-dark3 {
  0%, 100% {
    transform: translate(-100%, 100%) scale(0);
  }
  50% {
    transform: translate(0) scale(1);
  }
}
@keyframes icon-dark4 {
  0%, 100% {
    transform: translate(-100%, 50%) scale(0);
  }
  50% {
    transform: translate(0) scale(1);
  }
}
@keyframes icon-dark5 {
  0%, 100% {
    transform: translateX(-100%) scale(0);
  }
  50% {
    transform: translateX(0) scale(1);
  }
}
@keyframes icon-auto1 {
  0% {
    transform: rotate(0.03125turn);
  }
  100% {
    transform: rotate(1.03125turn);
  }
}
@keyframes icon-auto2 {
  0% {
    transform: rotate(0.375turn);
  }
  100% {
    transform: rotate(3.375turn);
  }
}
@keyframes icon-sad1 {
  0%, 100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: translateY(0);
  }
  50% {
    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
    transform: translateY(25%);
  }
}
@keyframes icon-sad2 {
  0%, 100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: translateY(0);
  }
  50% {
    clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 100%);
    transform: translateY(25%);
  }
}
@keyframes icon-sad3 {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(12.5%) scale(0.875);
  }
}
@keyframes icon-happy1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25%);
  }
}
@keyframes icon-happy2 {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-25%) scale(1.125);
  }
}
@keyframes loading {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(22px, 0, 0);
  }
}
@keyframes come-in-right2 {
  0% {
    transform: translate3d(-105%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes come-out-left2 {
  0% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(-105%, 0, 0);
  }
}
/* -----------------------------------*\
   #ALIGN
\*----------------------------------- */
.aa_pull--left {
  float: left;
}
.aa_pull--right {
  float: right;
}

.aa_clearfix::before, .aa_clearfix::after {
  content: "";
  display: table;
}
.aa_clearfix::after {
  clear: both;
}

.aa_clear {
  clear: both;
}
.aa_clear-left {
  clear: left;
}
.aa_clear-right {
  clear: right;
}

/* clear below screen sizes */
.ember-application:not(.w480) .aa_clear--xs {
  clear: both;
}

/**
 * Tablet
 */
.w768 .aa_pull--left-s {
  float: left;
}
.w768 .aa_pull--right-s {
  float: right;
}

/**
 * Desktop
 */
.w1024 .aa_pull--left-m {
  float: left;
}
.w1024 .aa_pull--right-m {
  float: right;
}

.w1280 .aa_pull--left-l {
  float: left;
}
.w1280 .aa_pull--right-l {
  float: right;
}

/* -----------------------------------*\
   #OPACITY
\*----------------------------------- */
.aa_opacity--0 {
  opacity: 0;
}

.aa_opacity--01 {
  opacity: 0.1;
}

.aa_opacity--02 {
  opacity: 0.2;
}

.aa_opacity--03 {
  opacity: 0.3;
}

.aa_opacity--04 {
  opacity: 0.4;
}

.aa_opacity--05 {
  opacity: 0.5;
}

.aa_opacity--06 {
  opacity: 0.6;
}

.aa_opacity--07 {
  opacity: 0.7;
}

.aa_opacity--08 {
  opacity: 0.8;
}

.aa_opacity--09 {
  opacity: 0.9;
}

.aa_opacity--1 {
  opacity: 1;
}

.aa_opacity--012 {
  opacity: 0.12;
}

.aa_opacity--015 {
  opacity: 0.15;
}

.aa_opacity--045 {
  opacity: 0.45;
}

.aa_opacity--05 {
  opacity: 0.5;
}

.aa_opacity--hover-t {
  opacity: 0;
}

.aa_opacity--hover-t:focus,
.aa_hover-t:hover .aa_opacity--hover-t,
.aa_hover-t:active .aa_opacity--hover-t,
.aa_hover-t.hover .aa_opacity--hover-t {
  opacity: 1;
}

/* -----------------------------------*\
   #TEXT FORMATTING
\*----------------------------------- */
.aa_text--base {
  font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.aa_text--condensed {
  font-family: "Roboto Condensed", sans-serif;
}
.aa_text--display {
  font-family: "Playfair Display", serif;
}
.aa_text--monospace {
  font-family: monospace;
}
.aa_text--left {
  text-align: left;
}
.aa_text--right {
  text-align: right;
}
.aa_text--center {
  text-align: center;
}
.aa_text--justify {
  text-align: justify;
}
.aa_text--nowrap {
  white-space: nowrap;
}
.aa_text--wrap {
  white-space: normal;
}
.aa_text--lowercase {
  text-transform: lowercase;
}
.aa_text--uppercase, .aa_text--sentence-case::first-letter {
  text-transform: uppercase;
}
.aa_text--capitalize {
  text-transform: capitalize;
}
.aa_text--thin {
  font-weight: 100;
}
.aa_text--light {
  font-weight: 300;
}
.aa_text--normal {
  font-weight: 400;
}
.aa_text--medium {
  font-weight: 500;
}
.aa_text--semibold {
  font-weight: 600;
}
.aa_text--bold {
  font-weight: 700;
}
.aa_text--black {
  font-weight: 900;
}
.aa_text--italic {
  font-style: italic;
}
.aa_text--kbd {
  background-color: var(--grey100);
  border-radius: 3px;
  display: inline-block;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  padding: 0 4px;
  min-width: 18px;
  text-align: center;
  transition: background-color 0.3s;
}
.aa_text--0 {
  font-size: 0;
}
.aa_text--08 {
  font-size: 0.8rem;
}
.aa_text--09 {
  font-size: 0.9rem;
}
.aa_text--10 {
  font-size: 1rem;
}
.aa_text--11 {
  font-size: 1.1rem;
}
.aa_text--12 {
  font-size: 1.2rem;
}
.aa_text--13 {
  font-size: 1.3rem;
}
.aa_text--14 {
  font-size: 1.4rem;
}
.aa_text--15 {
  font-size: 1.5rem;
}
.aa_text--16 {
  font-size: 1.6rem;
}
.aa_text--18 {
  font-size: 1.8rem;
}
.aa_text--20 {
  font-size: 2rem;
}
.aa_text--22 {
  font-size: 2.2rem;
}
.aa_text--24 {
  font-size: 2.4rem;
}
.aa_text--25 {
  font-size: 2.5rem;
}
.aa_text--26 {
  font-size: 2.6rem;
}
.aa_text--28 {
  font-size: 2.8rem;
}
.aa_text--30 {
  font-size: 3rem;
}
.aa_text--32 {
  font-size: 3.2rem;
}
.aa_text--34 {
  font-size: 3.4rem;
}
.aa_text--36 {
  font-size: 3.6rem;
}
.aa_text--40 {
  font-size: 4rem;
}
.aa_text--42 {
  font-size: 4.2rem;
}
.aa_text--44 {
  font-size: 4.4rem;
}
.aa_text--48 {
  font-size: 4.8rem;
}
.aa_text--50 {
  font-size: 5rem;
}
.aa_text--60 {
  font-size: 6rem;
}
.aa_text--64 {
  font-size: 6.4rem;
}
.aa_text--96 {
  font-size: 9.6rem;
}
.aa_text--100 {
  font-size: 10rem;
}
.aa_text--150 {
  font-size: 15rem;
}

.aa_lineh-00 {
  line-height: 0;
}

.aa_lineh-06 {
  line-height: 0.6;
}

.aa_lineh-08 {
  line-height: 0.8;
}

.aa_lineh-09 {
  line-height: 0.9;
}

.aa_lineh-10 {
  line-height: 1;
}

.aa_lineh-11 {
  line-height: 1.1;
}

.aa_lineh-12 {
  line-height: 1.2;
}

.aa_lineh-13 {
  line-height: 1.3;
}

.aa_lineh-14 {
  line-height: 1.4;
}

.aa_lineh-15 {
  line-height: 1.5;
}

.aa_lineh-16 {
  line-height: 1.6;
}

.aa_lineh-17 {
  line-height: 1.7;
}

.aa_lineh-18 {
  line-height: 1.8;
}

.aa_lineh-20 {
  line-height: 2;
}

.aa_lineh-125 {
  line-height: 1.25;
}
.aa_lineh-1333 {
  line-height: 1.333;
}
.aa_lineh-135 {
  line-height: 1.35;
}
.aa_lineh-1375 {
  line-height: 1.375;
}
.aa_lineh-1385 {
  line-height: 1.385;
}
.aa_lineh-1429 {
  line-height: 1.429;
}
.aa_lineh-1467 {
  line-height: 1.467;
}

.aa_text--cross {
  text-decoration: line-through;
}

.aa_text--underline, .aa_text--underline-hover:focus, .aa_text--underline-hover:hover {
  text-decoration: underline;
}

.aa_text--link-no-underline {
  color: currentcolor;
}
.aa_text--link-no-underline, .aa_text--link-no-underline:focus, .aa_text--link-no-underline:hover {
  text-decoration: none;
}

.aa_text--truncate,
.aa_truncate { /* truncate for one line */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aa_text--break-all {
  word-break: break-all;
}

.aa_text--break-word {
  word-break: break-word;
}

.aa_spacing-1 {
  letter-spacing: 1px;
}

.aa_spacing-2 {
  letter-spacing: 2px;
}

.aa_spacing-3 {
  letter-spacing: 3px;
}

.aa_spacing-4 {
  letter-spacing: 4px;
}

.aa_spacing-5 {
  letter-spacing: 5px;
}

.w480 .aa_text--13-xs {
  font-size: 1.3rem;
}
.w480 .aa_text--15-xs {
  font-size: 1.5rem;
}
.w480 .aa_text--16-xs {
  font-size: 1.6rem;
}
.w480 .aa_text--20-xs {
  font-size: 2rem;
}
.w480 .aa_text--24-xs {
  font-size: 2.4rem;
}
.w480 .aa_text--34-xs {
  font-size: 3.4rem;
}
.w480 .aa_text--48-xs {
  font-size: 4.8rem;
}

/**
 * Tablet
 */
.w768 .aa_text--10-s {
  font-size: 1rem;
}
.w768 .aa_text--12-s {
  font-size: 1.2rem;
}
.w768 .aa_text--13-s {
  font-size: 1.3rem;
}
.w768 .aa_text--14-s {
  font-size: 1.4rem;
}
.w768 .aa_text--15-s {
  font-size: 1.5rem;
}
.w768 .aa_text--16-s {
  font-size: 1.6rem;
}
.w768 .aa_text--20-s {
  font-size: 2rem;
}
.w768 .aa_text--24-s {
  font-size: 2.4rem;
}
.w768 .aa_text--25-s {
  font-size: 2.5rem;
}
.w768 .aa_text--34-s {
  font-size: 3.4rem;
}
.w768 .aa_text--48-s {
  font-size: 4.8rem;
}
.w768 .aa_text--60-s {
  font-size: 6rem;
}
.w768 .aa_text--left-s {
  text-align: left;
}
.w768 .aa_text--center-s {
  text-align: center;
}
.w768 .aa_text--normal-s {
  font-weight: 400;
}
.w768 .aa_text--medium-s {
  font-weight: 500;
}
.w768 .aa_text--semibold-s {
  font-weight: 600;
}
.w768 .aa_text--bold-s {
  font-weight: 700;
}
.w768 .aa_lineh-12-s {
  line-height: 1.2;
}
.w768 .aa_lineh-125-s {
  line-height: 1.25;
}
.w768 .aa_lineh-1375-s {
  line-height: 1.375;
}
.w768 .aa_lineh-14-s {
  line-height: 1.4;
}
.w768 .aa_lineh-15-s {
  line-height: 1.5;
}

/**
 * Desktop
 */
.w1024 .aa_text--left-m {
  text-align: left;
}
.w1024 .aa_text--right-m {
  text-align: right;
}
.w1024 .aa_text--center-m {
  text-align: center;
}
.w1024 .aa_text--medium-m {
  font-weight: 500;
}
.w1024 .aa_text--09-m {
  font-size: 0.9rem;
}
.w1024 .aa_text--13-m {
  font-size: 1.3rem;
}
.w1024 .aa_text--15-m {
  font-size: 1.5rem;
}
.w1024 .aa_text--16-m {
  font-size: 1.6rem;
}
.w1024 .aa_text--20-m {
  font-size: 2rem;
}
.w1024 .aa_text--24-m {
  font-size: 2.4rem;
}
.w1024 .aa_text--34-m {
  font-size: 3.4rem;
}
.w1024 .aa_text--60-m {
  font-size: 6rem;
}
.w1024 .aa_lineh-12-m {
  line-height: 1.2;
}
.w1024 .aa_spacing-0-m {
  letter-spacing: 0;
}

.w1280 .aa_text--left-l {
  text-align: left;
}

/* -----------------------------------*\
   #BOX FORMATTING
\*----------------------------------- */
.aa_display--block {
  display: block;
}

.aa_display--inline {
  display: inline-block;
  vertical-align: top;
}

.aa_display--inline-block {
  display: inline-block;
}

.aa_display--flex {
  display: flex;
}

.aa_display--inline-flex {
  display: inline-flex;
}

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

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

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

.aa_flex-basis--0 {
  flex-basis: 0;
}

.aa_flex-grow--1 {
  flex-grow: 1;
  min-width: 0;
}

.aa_flex-grow--10 {
  flex-grow: 10;
  min-width: 0;
}

.aa_flex-1 {
  flex: 1;
}

.aa_flex-0-0-auto {
  flex: 0 0 auto;
}

.aa_flex-column > .aa_flex-grow--1 {
  min-height: 0;
} /* chrome bug fix */
.aa_flex-column > .aa_flex-grow--10 {
  min-height: 0;
} /* chrome bug fix */
.aa_noshrink {
  flex-shrink: 0;
}

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

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

.aa_order-1 {
  order: 1;
}

.aa_order-2 {
  order: 2;
}

.aa_order-3 {
  order: 3;
}

.aa_align-top {
  vertical-align: top;
}

.aa_align-middle {
  vertical-align: middle;
}

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

.aa_align-start {
  align-items: flex-start;
}

.aa_align-end {
  align-items: end;
}

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

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

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

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

.aa_justify-start {
  justify-content: flex-start;
}

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

.aa_justify-even {
  justify-content: space-evenly;
}

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

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

.aa_justify-self-center {
  justify-self: center;
}

.aa_gap-15 {
  gap: 15px;
}

.aa_display--grid {
  display: grid;
}

.aa_grid-gap-0-15 {
  grid-gap: 0 15px;
}

.aa_grid-gap-16-0 {
  grid-gap: 16px 0;
}

.aa_grid-gap-24-0 {
  grid-gap: 24px 0;
}

.aa_grid-gap-24-30 {
  grid-gap: 24px 30px;
}

.aa_grid-gap-0-24 {
  grid-gap: 0 24px;
}

.aa_column-gap-10 {
  column-gap: 10px;
}

.aa_row-gap-10 {
  row-gap: 10px;
}

.aa_grid-temp-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.aa_grid-temp-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.aa_grid-temp-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.aa_grid-temp-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.aa_grid-temp-cols-22p3-17p2 {
  grid-template-columns: repeat(3, 22%) repeat(2, 17%);
}

.aa_grid-all-cols {
  grid-column: 1/-1;
}

.aa_align-content-start {
  align-content: start;
}

.aa_place-items-center {
  place-items: center;
}

.aa_table {
  min-width: 600px;
  border: solid 1px;
  font-size: 0;
}

.aa_table_row {
  display: flex;
}

.aa_table_cell {
  padding: 5px;
  border-right: solid 1px var(--grey500-01);
  border-bottom: solid 1px var(--grey500-01);
}

.aa_rotate--90 {
  transform: rotate(-90deg);
}

.aa_rotate-90 {
  transform: rotate(90deg);
}

.aa_rotate-180 {
  transform: rotate(180deg);
}

.aa_rotate-tl {
  transform-origin: 0 0;
}

.aa_rotate-bl {
  transform-origin: 0 100%;
}

.aa_height--auto {
  height: auto;
}

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

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

.aa_height--100vh {
  height: calc(var(--h) * 1px);
}

.aa_w-65vh {
  width: calc(var(--h) * 0.65px);
}

.aa_width--10 {
  width: 10%;
}

.aa_width--16 {
  width: 16.66667%;
}

.aa_width--20 {
  width: 20%;
}

.aa_width--25 {
  width: 25%;
}

.aa_width--30 {
  width: 30%;
}

.aa_width--33 {
  width: 33.33337%;
}

.aa_width--40 {
  width: 40%;
}

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

.aa_width--60 {
  width: 60%;
}

.aa_width--66 {
  width: 66.66667%;
}

.aa_width--70 {
  width: 70%;
}

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

.aa_width--80 {
  width: 80%;
}

.aa_width--90 {
  width: 90%;
}

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

.aa_width--150 {
  width: 150%;
}

.aa_width--200 {
  width: 200%;
}

.aa_wh-50 {
  width: 50px;
  height: 50px;
}

.aa_wh-100 {
  width: 100px;
  height: 100px;
}

.aa_w-0 {
  width: 0px;
}

.aa_w-1 {
  width: 1px;
}

.aa_w-2 {
  width: 2px;
}

.aa_w-3 {
  width: 3px;
}

.aa_w-4 {
  width: 4px;
}

.aa_w-5 {
  width: 5px;
}

.aa_w-8 {
  width: 8px;
}

.aa_w-10 {
  width: 10px;
}

.aa_w-12 {
  width: 12px;
}

.aa_w-14 {
  width: 14px;
}

.aa_w-15 {
  width: 15px;
}

.aa_w-16 {
  width: 16px;
}

.aa_w-20 {
  width: 20px;
}

.aa_w-22 {
  width: 22px;
}

.aa_w-24 {
  width: 24px;
}

.aa_w-25 {
  width: 25px;
}

.aa_w-26 {
  width: 26px;
}

.aa_w-28 {
  width: 28px;
}

.aa_w-30 {
  width: 30px;
}

.aa_w-32 {
  width: 32px;
}

.aa_w-34 {
  width: 34px;
}

.aa_w-36 {
  width: 36px;
}

.aa_w-40 {
  width: 40px;
}

.aa_w-48 {
  width: 48px;
}

.aa_w-50 {
  width: 50px;
}

.aa_w-60 {
  width: 60px;
}

.aa_w-70 {
  width: 70px;
}

.aa_w-72 {
  width: 72px;
}

.aa_w-80 {
  width: 80px;
}

.aa_w-85 {
  width: 85px;
}

.aa_w-88 {
  width: 88px;
}

.aa_w-90 {
  width: 90px;
}

.aa_w-97 {
  width: 97px;
}

.aa_w-100 {
  width: 100px;
}

.aa_w-120 {
  width: 120px;
}

.aa_w-126 {
  width: 126px;
}

.aa_w-130 {
  width: 130px;
}

.aa_w-144 {
  width: 144px;
}

.aa_w-148 {
  width: 148px;
}

.aa_w-150 {
  width: 150px;
}

.aa_w-160 {
  width: 160px;
}

.aa_w-175 {
  width: 175px;
}

.aa_w-180 {
  width: 180px;
}

.aa_w-185 {
  width: 185px;
}

.aa_w-190 {
  width: 190px;
}

.aa_w-200 {
  width: 200px;
}

.aa_w-203 {
  width: 203px;
}

.aa_w-208 {
  width: 208px;
}

.aa_w-220 {
  width: 220px;
}

.aa_w-224 {
  width: 224px;
}

.aa_w-230 {
  width: 230px;
}

.aa_w-232 {
  width: 232px;
}

.aa_w-240 {
  width: 240px;
}

.aa_w-242 {
  width: 242px;
}

.aa_w-245 {
  width: 245px;
}

.aa_w-248 {
  width: 248px;
}

.aa_w-250 {
  width: 250px;
}

.aa_w-256 {
  width: 256px;
}

.aa_w-260 {
  width: 260px;
}

.aa_w-272 {
  width: 272px;
}

.aa_w-279 {
  width: 279px;
}

.aa_w-280 {
  width: 280px;
}

.aa_w-288 {
  width: 288px;
}

.aa_w-300 {
  width: 300px;
}

.aa_w-308 {
  width: 308px;
}

.aa_w-320 {
  width: 320px;
}

.aa_w-100p-56 {
  width: calc(100% - 56px);
}

.aa_w-auto {
  width: auto;
}

.aa_w-fit {
  width: fit-content;
}

.aa_minw-0 {
  min-width: 0px;
}

.aa_minw-1 {
  min-width: 1px;
}

.aa_minw-2 {
  min-width: 2px;
}

.aa_minw-16 {
  min-width: 16px;
}

.aa_minw-20 {
  min-width: 20px;
}

.aa_minw-22 {
  min-width: 22px;
}

.aa_minw-23 {
  min-width: 23px;
}

.aa_minw-24 {
  min-width: 24px;
}

.aa_minw-28 {
  min-width: 28px;
}

.aa_minw-32 {
  min-width: 32px;
}

.aa_minw-36 {
  min-width: 36px;
}

.aa_minw-40 {
  min-width: 40px;
}

.aa_minw-50 {
  min-width: 50px;
}

.aa_minw-70 {
  min-width: 70px;
}

.aa_minw-100 {
  min-width: 100px;
}

.aa_minw-102 {
  min-width: 102px;
}

.aa_minw-128 {
  min-width: 128px;
}

.aa_minw-136 {
  min-width: 136px;
}

.aa_minw-138 {
  min-width: 138px;
}

.aa_minw-146 {
  min-width: 146px;
}

.aa_minw-150 {
  min-width: 150px;
}

.aa_minw-200 {
  min-width: 200px;
}

.aa_minw-220 {
  min-width: 220px;
}

.aa_minw-240 {
  min-width: 240px;
}

.aa_minw-250 {
  min-width: 250px;
}

.aa_minw-300 {
  min-width: 300px;
}

.aa_minw-100p {
  min-width: 100%;
}

.w768:not(.w1024) .aa_minw-100vw-768-1024 {
  min-width: calc(100% - 8px);
}

.aa_maxw-70 {
  max-width: 70px;
}

.aa_maxw-80 {
  max-width: 80px;
}

.aa_maxw-100 {
  max-width: 100px;
}

.aa_maxw-130 {
  max-width: 130px;
}

.aa_maxw-150 {
  max-width: 150px;
}

.aa_maxw-170 {
  max-width: 170px;
}

.aa_maxw-175 {
  max-width: 175px;
}

.aa_maxw-184 {
  max-width: 184px;
}

.aa_maxw-190 {
  max-width: 190px;
}

.aa_maxw-200 {
  max-width: 200px;
}

.aa_maxw-250 {
  max-width: 250px;
}

.aa_maxw-284 {
  max-width: 284px;
}

.aa_maxw-292 {
  max-width: 292px;
}

.aa_maxw-300 {
  max-width: 300px;
}

.aa_maxw-400 {
  max-width: 400px;
}

.aa_maxw-450 {
  max-width: 450px;
}

.aa_maxw-460 {
  max-width: 460px;
}

.aa_maxw-480 {
  max-width: 480px;
}

.aa_maxw-500 {
  max-width: 500px;
}

.aa_maxw-600 {
  max-width: 600px;
}

.aa_maxw-640 {
  max-width: 640px;
}

.aa_maxw-680 {
  max-width: 680px;
}

.aa_maxw-768 {
  max-width: 768px;
}

.aa_maxw-1024 {
  max-width: 1024px;
}

.aa_maxw-100vw {
  max-width: calc(var(--w) * 1px);
}

.aa_h-0 {
  height: 0px;
}

.aa_h-2 {
  height: 2px;
}

.aa_h-3 {
  height: 3px;
}

.aa_h-4 {
  height: 4px;
}

.aa_h-5 {
  height: 5px;
}

.aa_h-8 {
  height: 8px;
}

.aa_h-10 {
  height: 10px;
}

.aa_h-12 {
  height: 12px;
}

.aa_h-14 {
  height: 14px;
}

.aa_h-15 {
  height: 15px;
}

.aa_h-16 {
  height: 16px;
}

.aa_h-19 {
  height: 19px;
}

.aa_h-20 {
  height: 20px;
}

.aa_h-22 {
  height: 22px;
}

.aa_h-24 {
  height: 24px;
}

.aa_h-25 {
  height: 25px;
}

.aa_h-26 {
  height: 26px;
}

.aa_h-27 {
  height: 27px;
}

.aa_h-28 {
  height: 28px;
}

.aa_h-30 {
  height: 30px;
}

.aa_h-32 {
  height: 32px;
}

.aa_h-33 {
  height: 33px;
}

.aa_h-34 {
  height: 34px;
}

.aa_h-36 {
  height: 36px;
}

.aa_h-38 {
  height: 38px;
}

.aa_h-40 {
  height: 40px;
}

.aa_h-41 {
  height: 41px;
}

.aa_h-42 {
  height: 42px;
}

.aa_h-44 {
  height: 44px;
}

.aa_h-45 {
  height: 45px;
}

.aa_h-46 {
  height: 46px;
}

.aa_h-48 {
  height: 48px;
}

.aa_h-50 {
  height: 50px;
}

.aa_h-55 {
  height: 55px;
}

.aa_h-56 {
  height: 56px;
}

.aa_h-58 {
  height: 58px;
}

.aa_h-60 {
  height: 60px;
}

.aa_h-66 {
  height: 66px;
}

.aa_h-70 {
  height: 70px;
}

.aa_h-72 {
  height: 72px;
}

.aa_h-80 {
  height: 80px;
}

.aa_h-84 {
  height: 84px;
}

.aa_h-85 {
  height: 85px;
}

.aa_h-88 {
  height: 88px;
}

.aa_h-92 {
  height: 92px;
}

.aa_h-96 {
  height: 96px;
}

.aa_h-110 {
  height: 110px;
}

.aa_h-118 {
  height: 118px;
}

.aa_h-150 {
  height: 150px;
}

.aa_h-176 {
  height: 176px;
}

.aa_h-190 {
  height: 190px;
}

.aa_h-200 {
  height: 200px;
}

.aa_h-224 {
  height: 224px;
}

.aa_h-250 {
  height: 250px;
}

.aa_h-300 {
  height: 300px;
}

.aa_h-654 {
  height: 654px;
}

.aa_h-10p {
  height: 10%;
}

.aa_h-20p {
  height: 20%;
}

.aa_h-30p {
  height: 30%;
}

.aa_h-40p {
  height: 40%;
}

.aa_h-45p {
  height: 45%;
}

.aa_h-50p {
  height: 50%;
}

.aa_h-60p {
  height: 60%;
}

.aa_h-70p {
  height: 70%;
}

.aa_h-80p {
  height: 80%;
}

.aa_h-90p {
  height: 90%;
}

.aa_h-100p {
  height: 100%;
}

.aa_minh-0 {
  min-height: 0px;
}

.aa_minh-16 {
  min-height: 16px;
}

.aa_minh-18 {
  min-height: 18px;
}

.aa_minh-20 {
  min-height: 20px;
}

.aa_minh-25 {
  min-height: 25px;
}

.aa_minh-26 {
  min-height: 26px;
}

.aa_minh-30 {
  min-height: 30px;
}

.aa_minh-32 {
  min-height: 32px;
}

.aa_minh-34 {
  min-height: 34px;
}

.aa_minh-36 {
  min-height: 36px;
}

.aa_minh-40 {
  min-height: 40px;
}

.aa_minh-44 {
  min-height: 44px;
}

.aa_minh-45 {
  min-height: 45px;
}

.aa_minh-48 {
  min-height: 48px;
}

.aa_minh-50 {
  min-height: 50px;
}

.aa_minh-64 {
  min-height: 64px;
}

.aa_minh-85 {
  min-height: 85px;
}

.aa_minh-300 {
  min-height: 300px;
}

.aa_minh-80vh {
  min-height: calc(var(--h) * 0.8px);
}

.aa_minh-mincontent {
  min-height: min-content;
}

.aa_maxh-0 {
  max-height: 0;
}

.aa_maxh-180 {
  max-height: 180px;
}

.aa_maxh-200 {
  max-height: 200px;
}

.aa_maxh-85vh {
  max-height: calc(var(--h) * 0.85px);
}

.aa_maxh-90vh {
  max-height: calc(var(--h) * 0.9px);
}

.aa_maxh-100vh-114 {
  max-height: calc(var(--h) * 1px - 114px);
}

.aa_maxh-50vh-33 {
  max-height: calc(var(--h) * 0.5px - 33px);
}

.w768 .aa_maxh-100vh-114-s {
  max-height: calc(var(--h) * 1px - 114px);
}

.aa_maxh-70vh {
  max-height: calc(var(--h) * 0.7px);
}

.aa_maxh-190 {
  max-height: 190px;
}

.aa_maxh-200 {
  max-height: 200px;
}

.aa_maxh-262 {
  max-height: 262px;
}

.aa_maxh-300 {
  max-height: 300px;
}

.aa_maxh-360 {
  max-height: 360px;
}

.aa_stick {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}

.aa_stick-btm {
  top: auto;
  bottom: 0;
}

.aa_stick-left {
  top: auto;
  left: 0;
}

.aa_stick-tl {
  top: 0;
  left: 0;
}

.aa_position--relative {
  position: relative;
}

.aa_position--absolute {
  position: absolute;
}

.aa_position--fixed {
  position: fixed;
}

.aa_z-index--0 {
  z-index: 0;
}

.aa_z-index--1 {
  z-index: 1;
}

.aa_z-index--2 {
  z-index: 2;
}

.aa_z-index--3 {
  z-index: 3;
}

.aa_z-index--4 {
  z-index: 4;
}

.aa_z-index--5 {
  z-index: 5;
}

.aa_z-index--6 {
  z-index: 6;
}

.aa_z-index--7 {
  z-index: 7;
}

.aa_z-index--8 {
  z-index: 8;
}

.aa_z-index--9 {
  z-index: 9;
}

.aa_z-index--10 {
  z-index: 10;
}

.aa_z-index--11 {
  z-index: 11;
}

.aa_top-0 {
  top: 0;
}

.aa_top-10 {
  top: 10px;
}

.aa_top-20 {
  top: 20px;
}

.aa_top-25 {
  top: 25px;
}

.aa_top-30 {
  top: 30px;
}

.aa_top-40 {
  top: 40px;
}

.aa_top-64 {
  top: 64px;
}

.aa_top-76 {
  top: 76px;
}

.aa_top-114 {
  top: 114px;
}

.aa_top-115 {
  top: 115px;
}

.aa_top-116 {
  top: 116px;
}

.aa_top-117 {
  top: 117px;
}

.aa_top-50p {
  top: 50%;
}

.aa_top-100p {
  top: 100%;
}

.aa_right-0 {
  right: 0;
}

.aa_right-5-safe {
  right: max(5px, var(--safe-right));
}

.aa_right-20 {
  right: 20px;
}

.aa_right-28 {
  right: 28px;
}

.aa_bottom-0 {
  bottom: 0;
}

.aa_left-0 {
  left: 0;
}

.aa_left-48 {
  left: 48px;
}

.aa_left-50p {
  left: 50%;
}

.aa_left-70p {
  left: 70%;
}

.aa_bottom-70p {
  bottom: 70%;
}

.aa_center {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.aa_center-x {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.aa_scrollbar {
  scrollbar-color: var(--grey200) transparent;
}
.aa_scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.aa_scrollbar-bg::-webkit-scrollbar {
  background-color: var(--grey500-01);
}
.aa_scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--grey200);
  border-radius: 4px;
  transition: background-color 0.3s;
}

.aa_scroll {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.aa_scroll-hide::-webkit-scrollbar {
  display: none;
}

.aa_scroll-hover {
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.aa_scroll-hover.hover {
  overflow-y: scroll;
}
.aa_scroll-hover:not(.hover):hover {
  overflow-y: auto;
}
.aa_scroll-hover.aa_scrollbar {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
}
.aa_scroll-hover.aa_scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.aa_scroll-hover.aa_scrollbar:hover {
  scrollbar-color: var(--grey200) transparent;
}
.aa_scroll-hover.aa_scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: var(--grey200);
}
.aa_scroll-hover.aa_scrollbar:not(.hover):hover {
  overflow-y: scroll;
}

.aa_scroll-side,
.aa_scroll-btm {
  overflow-x: auto;
  overflow-y: hidden;
}

.aa_scroll-both {
  overflow-x: auto;
}

.aa_scroll-snap {
  scroll-snap-type: y mandatory;
}

.aa_scroll-side.aa_scroll-snap,
.aa_scroll-btm.aa_scroll-snap {
  scroll-snap-type: x mandatory;
}

.aa_scroll-snap_e {
  scroll-snap-align: start;
}

.aa_cursor-pointer {
  cursor: pointer;
}

.aa_cursor-wait {
  cursor: wait;
}

.aa_cursor-text {
  cursor: text;
}

.aa_cursor-crosshair {
  cursor: crosshair;
}

.aa_nopointer {
  pointer-events: none;
}

.aa_pointer {
  pointer-events: auto;
}

.aa_noverflow {
  overflow: hidden;
}

.aa_no-outline {
  outline: none;
}

.aa_margin--0,
.aa_margin--0-first:first-child,
.aa_nomargin {
  margin: 0;
}

.aa_margin-lr---32 {
  margin-left: -32px;
  margin-right: -32px;
}

.aa_margin-lr---31 {
  margin-left: -31px;
  margin-right: -31px;
}

.aa_margin-lr---24 {
  margin-left: -24px;
  margin-right: -24px;
}

.aa_margin-lr---20 {
  margin-left: -20px;
  margin-right: -20px;
}

.aa_margin-lr---16 {
  margin-left: -16px;
  margin-right: -16px;
}

.aa_margin-lr---15 {
  margin-left: -15px;
  margin-right: -15px;
}

.aa_margin-lr---10 {
  margin-left: -10px;
  margin-right: -10px;
}

.aa_margin-lr---8 {
  margin-left: -8px;
  margin-right: -8px;
}

.aa_margin-lr---5 {
  margin-left: -5px;
  margin-right: -5px;
}

.aa_margin-lr---4 {
  margin-left: -4px;
  margin-right: -4px;
}

.aa_margin-lr---2 {
  margin-left: -2px;
  margin-right: -2px;
}

.aa_margin-lr--auto {
  margin-left: auto;
  margin-right: auto;
}

.aa_margin-lr--1 {
  margin-left: 1px;
  margin-right: 1px;
}

.aa_margin-lr--3 {
  margin-left: 3px;
  margin-right: 3px;
}

.aa_margin-lr--5 {
  margin-left: 5px;
  margin-right: 5px;
}

.aa_margin-lr--6 {
  margin-left: 6px;
  margin-right: 6px;
}

.aa_margin-lr--8 {
  margin-left: 8px;
  margin-right: 8px;
}

.aa_margin-lr--10 {
  margin-left: 10px;
  margin-right: 10px;
}

.aa_margin-lr--12 {
  margin-left: 12px;
  margin-right: 12px;
}

.aa_margin-lr--14 {
  margin-left: 14px;
  margin-right: 14px;
}

.aa_margin-lr--15 {
  margin-left: 15px;
  margin-right: 15px;
}

.aa_margin-lr--16 {
  margin-left: 16px;
  margin-right: 16px;
}

.aa_margin-lr--20 {
  margin-left: 20px;
  margin-right: 20px;
}

.aa_margin-lr--22 {
  margin-left: 22px;
  margin-right: 22px;
}

.aa_margin-lr--24 {
  margin-left: 24px;
  margin-right: 24px;
}

.aa_margin-lr--25 {
  margin-left: 25px;
  margin-right: 25px;
}

.aa_margin-lr--30 {
  margin-left: 30px;
  margin-right: 30px;
}

.aa_margin-lr--40 {
  margin-left: 40px;
  margin-right: 40px;
}

.aa_margin-lr--50 {
  margin-left: 50px;
  margin-right: 50px;
}

.aa_margin-lr--60 {
  margin-left: 60px;
  margin-right: 60px;
}

.aa_margin-l---31 {
  margin-left: -31px;
}

.aa_margin-r---31 {
  margin-right: -31px;
}

.aa_margin-l---24 {
  margin-left: -24px;
}

.aa_margin-r---24 {
  margin-right: -24px;
}

.aa_margin-l---20 {
  margin-left: -20px;
}

.aa_margin-r---20 {
  margin-right: -20px;
}

.aa_margin-l---16 {
  margin-left: -16px;
}

.aa_margin-r---16 {
  margin-right: -16px;
}

.aa_margin-l---15 {
  margin-left: -15px;
}

.aa_margin-r---15 {
  margin-right: -15px;
}

.aa_margin-l---10 {
  margin-left: -10px;
}

.aa_margin-r---10 {
  margin-right: -10px;
}

.aa_margin-l---9 {
  margin-left: -9px;
}

.aa_margin-r---9 {
  margin-right: -9px;
}

.aa_margin-l---8 {
  margin-left: -8px;
}

.aa_margin-r---8 {
  margin-right: -8px;
}

.aa_margin-l---6 {
  margin-left: -6px;
}

.aa_margin-r---6 {
  margin-right: -6px;
}

.aa_margin-l---5 {
  margin-left: -5px;
}

.aa_margin-r---5 {
  margin-right: -5px;
}

.aa_margin-l---4 {
  margin-left: -4px;
}

.aa_margin-r---4 {
  margin-right: -4px;
}

.aa_margin-l---3 {
  margin-left: -3px;
}

.aa_margin-r---3 {
  margin-right: -3px;
}

.aa_margin-l---2 {
  margin-left: -2px;
}

.aa_margin-r---2 {
  margin-right: -2px;
}

.aa_margin-l---1 {
  margin-left: -1px;
}

.aa_margin-r---1 {
  margin-right: -1px;
}

.aa_margin-l--auto {
  margin-left: auto;
}

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

.aa_margin-l--1 {
  margin-left: 1px;
}

.aa_margin-r--1 {
  margin-right: 1px;
}

.aa_margin-l--2 {
  margin-left: 2px;
}

.aa_margin-r--2 {
  margin-right: 2px;
}

.aa_margin-l--3 {
  margin-left: 3px;
}

.aa_margin-r--3 {
  margin-right: 3px;
}

.aa_margin-l--4 {
  margin-left: 4px;
}

.aa_margin-r--4 {
  margin-right: 4px;
}

.aa_margin-l--5 {
  margin-left: 5px;
}

.aa_margin-r--5 {
  margin-right: 5px;
}

.aa_margin-l--6 {
  margin-left: 6px;
}

.aa_margin-r--6 {
  margin-right: 6px;
}

.aa_margin-l--7 {
  margin-left: 7px;
}

.aa_margin-r--7 {
  margin-right: 7px;
}

.aa_margin-l--8 {
  margin-left: 8px;
}

.aa_margin-r--8 {
  margin-right: 8px;
}

.aa_margin-l--9 {
  margin-left: 9px;
}

.aa_margin-r--9 {
  margin-right: 9px;
}

.aa_margin-l--10 {
  margin-left: 10px;
}

.aa_margin-r--10 {
  margin-right: 10px;
}

.aa_margin-l--11 {
  margin-left: 11px;
}

.aa_margin-r--11 {
  margin-right: 11px;
}

.aa_margin-l--12 {
  margin-left: 12px;
}

.aa_margin-r--12 {
  margin-right: 12px;
}

.aa_margin-l--13 {
  margin-left: 13px;
}

.aa_margin-r--13 {
  margin-right: 13px;
}

.aa_margin-l--14 {
  margin-left: 14px;
}

.aa_margin-r--14 {
  margin-right: 14px;
}

.aa_margin-l--15 {
  margin-left: 15px;
}

.aa_margin-r--15 {
  margin-right: 15px;
}

.aa_margin-l--16 {
  margin-left: 16px;
}

.aa_margin-r--16 {
  margin-right: 16px;
}

.aa_margin-l--17 {
  margin-left: 17px;
}

.aa_margin-r--17 {
  margin-right: 17px;
}

.aa_margin-l--18 {
  margin-left: 18px;
}

.aa_margin-r--18 {
  margin-right: 18px;
}

.aa_margin-l--20 {
  margin-left: 20px;
}

.aa_margin-r--20 {
  margin-right: 20px;
}

.aa_margin-l--21 {
  margin-left: 21px;
}

.aa_margin-r--21 {
  margin-right: 21px;
}

.aa_margin-l--22 {
  margin-left: 22px;
}

.aa_margin-r--22 {
  margin-right: 22px;
}

.aa_margin-l--23 {
  margin-left: 23px;
}

.aa_margin-r--23 {
  margin-right: 23px;
}

.aa_margin-l--24 {
  margin-left: 24px;
}

.aa_margin-r--24 {
  margin-right: 24px;
}

.aa_margin-l--25 {
  margin-left: 25px;
}

.aa_margin-r--25 {
  margin-right: 25px;
}

.aa_margin-l--28 {
  margin-left: 28px;
}

.aa_margin-r--28 {
  margin-right: 28px;
}

.aa_margin-l--29 {
  margin-left: 29px;
}

.aa_margin-r--29 {
  margin-right: 29px;
}

.aa_margin-l--30 {
  margin-left: 30px;
}

.aa_margin-r--30 {
  margin-right: 30px;
}

.aa_margin-l--32 {
  margin-left: 32px;
}

.aa_margin-r--32 {
  margin-right: 32px;
}

.aa_margin-l--35 {
  margin-left: 35px;
}

.aa_margin-r--35 {
  margin-right: 35px;
}

.aa_margin-l--40 {
  margin-left: 40px;
}

.aa_margin-r--40 {
  margin-right: 40px;
}

.aa_margin-l--42 {
  margin-left: 42px;
}

.aa_margin-r--42 {
  margin-right: 42px;
}

.aa_margin-l--44 {
  margin-left: 44px;
}

.aa_margin-r--44 {
  margin-right: 44px;
}

.aa_margin-l--48 {
  margin-left: 48px;
}

.aa_margin-r--48 {
  margin-right: 48px;
}

.aa_margin-l--50 {
  margin-left: 50px;
}

.aa_margin-r--50 {
  margin-right: 50px;
}

.aa_margin-l--57 {
  margin-left: 57px;
}

.aa_margin-r--57 {
  margin-right: 57px;
}

.aa_margin-l--60 {
  margin-left: 60px;
}

.aa_margin-r--60 {
  margin-right: 60px;
}

.aa_margin-l--70 {
  margin-left: 70px;
}

.aa_margin-r--70 {
  margin-right: 70px;
}

.aa_margin-l--72 {
  margin-left: 72px;
}

.aa_margin-r--72 {
  margin-right: 72px;
}

.aa_margin-l--75 {
  margin-left: 75px;
}

.aa_margin-r--75 {
  margin-right: 75px;
}

.aa_margin-l--76 {
  margin-left: 76px;
}

.aa_margin-r--76 {
  margin-right: 76px;
}

.aa_margin-l--80 {
  margin-left: 80px;
}

.aa_margin-r--80 {
  margin-right: 80px;
}

.aa_margin-l--82 {
  margin-left: 82px;
}

.aa_margin-r--82 {
  margin-right: 82px;
}

.aa_margin-l--87 {
  margin-left: 87px;
}

.aa_margin-r--87 {
  margin-right: 87px;
}

.aa_margin-l--168 {
  margin-left: 168px;
}

.aa_margin-r--168 {
  margin-right: 168px;
}

.aa_margin-tb---20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.aa_margin-tb---15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.aa_margin-tb---10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.aa_margin-tb---8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.aa_margin-tb---5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.aa_margin-tb---3 {
  margin-top: -3px;
  margin-bottom: -3px;
}

.aa_margin-tb---2 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.aa_margin-tb---4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.aa_margin-tb---1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.aa_margin-tb--auto {
  margin-top: auto;
  margin-bottom: auto;
}

.aa_margin-tb--2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.aa_margin-tb--3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.aa_margin-tb--4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.aa_margin-tb--5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.aa_margin-tb--6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.aa_margin-tb--7 {
  margin-top: 7px;
  margin-bottom: 7px;
}

.aa_margin-tb--8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.aa_margin-tb--9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.aa_margin-tb--10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.aa_margin-tb--11 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.aa_margin-tb--12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.aa_margin-tb--14 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.aa_margin-tb--15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.aa_margin-tb--16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.aa_margin-tb--20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.aa_margin-tb--24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.aa_margin-tb--30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.aa_margin-tb--32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.aa_margin-tb--40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.aa_margin-tb--50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.aa_margin-tb--60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.aa_margin-tb--69 {
  margin-top: 69px;
  margin-bottom: 69px;
}

.aa_margin-tb--72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.aa_margin-tb--95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.aa_margin-t---115 {
  margin-top: -115px;
}

.aa_margin-b---115 {
  margin-bottom: -115px;
}

.aa_margin-t---75 {
  margin-top: -75px;
}

.aa_margin-b---75 {
  margin-bottom: -75px;
}

.aa_margin-t---72 {
  margin-top: -72px;
}

.aa_margin-b---72 {
  margin-bottom: -72px;
}

.aa_margin-t---70 {
  margin-top: -70px;
}

.aa_margin-b---70 {
  margin-bottom: -70px;
}

.aa_margin-t---50 {
  margin-top: -50px;
}

.aa_margin-b---50 {
  margin-bottom: -50px;
}

.aa_margin-t---40 {
  margin-top: -40px;
}

.aa_margin-b---40 {
  margin-bottom: -40px;
}

.aa_margin-t---32 {
  margin-top: -32px;
}

.aa_margin-b---32 {
  margin-bottom: -32px;
}

.aa_margin-t---30 {
  margin-top: -30px;
}

.aa_margin-b---30 {
  margin-bottom: -30px;
}

.aa_margin-t---27 {
  margin-top: -27px;
}

.aa_margin-b---27 {
  margin-bottom: -27px;
}

.aa_margin-t---24 {
  margin-top: -24px;
}

.aa_margin-b---24 {
  margin-bottom: -24px;
}

.aa_margin-t---21 {
  margin-top: -21px;
}

.aa_margin-b---21 {
  margin-bottom: -21px;
}

.aa_margin-t---20 {
  margin-top: -20px;
}

.aa_margin-b---20 {
  margin-bottom: -20px;
}

.aa_margin-t---16 {
  margin-top: -16px;
}

.aa_margin-b---16 {
  margin-bottom: -16px;
}

.aa_margin-t---15 {
  margin-top: -15px;
}

.aa_margin-b---15 {
  margin-bottom: -15px;
}

.aa_margin-t---14 {
  margin-top: -14px;
}

.aa_margin-b---14 {
  margin-bottom: -14px;
}

.aa_margin-t---11 {
  margin-top: -11px;
}

.aa_margin-b---11 {
  margin-bottom: -11px;
}

.aa_margin-t---10 {
  margin-top: -10px;
}

.aa_margin-b---10 {
  margin-bottom: -10px;
}

.aa_margin-t---8 {
  margin-top: -8px;
}

.aa_margin-b---8 {
  margin-bottom: -8px;
}

.aa_margin-t---6 {
  margin-top: -6px;
}

.aa_margin-b---6 {
  margin-bottom: -6px;
}

.aa_margin-t---5 {
  margin-top: -5px;
}

.aa_margin-b---5 {
  margin-bottom: -5px;
}

.aa_margin-t---4 {
  margin-top: -4px;
}

.aa_margin-b---4 {
  margin-bottom: -4px;
}

.aa_margin-t---3 {
  margin-top: -3px;
}

.aa_margin-b---3 {
  margin-bottom: -3px;
}

.aa_margin-t---2 {
  margin-top: -2px;
}

.aa_margin-b---2 {
  margin-bottom: -2px;
}

.aa_margin-t---1 {
  margin-top: -1px;
}

.aa_margin-b---1 {
  margin-bottom: -1px;
}

.aa_margin-t--0 {
  margin-top: 0px;
}

.aa_margin-b--0 {
  margin-bottom: 0px;
}

.aa_margin-t--1 {
  margin-top: 1px;
}

.aa_margin-b--1 {
  margin-bottom: 1px;
}

.aa_margin-t--2 {
  margin-top: 2px;
}

.aa_margin-b--2 {
  margin-bottom: 2px;
}

.aa_margin-t--3 {
  margin-top: 3px;
}

.aa_margin-b--3 {
  margin-bottom: 3px;
}

.aa_margin-t--4 {
  margin-top: 4px;
}

.aa_margin-b--4 {
  margin-bottom: 4px;
}

.aa_margin-t--5 {
  margin-top: 5px;
}

.aa_margin-b--5 {
  margin-bottom: 5px;
}

.aa_margin-t--6 {
  margin-top: 6px;
}

.aa_margin-b--6 {
  margin-bottom: 6px;
}

.aa_margin-t--7 {
  margin-top: 7px;
}

.aa_margin-b--7 {
  margin-bottom: 7px;
}

.aa_margin-t--8 {
  margin-top: 8px;
}

.aa_margin-b--8 {
  margin-bottom: 8px;
}

.aa_margin-t--9 {
  margin-top: 9px;
}

.aa_margin-b--9 {
  margin-bottom: 9px;
}

.aa_margin-t--10 {
  margin-top: 10px;
}

.aa_margin-b--10 {
  margin-bottom: 10px;
}

.aa_margin-t--11 {
  margin-top: 11px;
}

.aa_margin-b--11 {
  margin-bottom: 11px;
}

.aa_margin-t--12 {
  margin-top: 12px;
}

.aa_margin-b--12 {
  margin-bottom: 12px;
}

.aa_margin-t--13 {
  margin-top: 13px;
}

.aa_margin-b--13 {
  margin-bottom: 13px;
}

.aa_margin-t--14 {
  margin-top: 14px;
}

.aa_margin-b--14 {
  margin-bottom: 14px;
}

.aa_margin-t--15 {
  margin-top: 15px;
}

.aa_margin-b--15 {
  margin-bottom: 15px;
}

.aa_margin-t--16 {
  margin-top: 16px;
}

.aa_margin-b--16 {
  margin-bottom: 16px;
}

.aa_margin-t--17 {
  margin-top: 17px;
}

.aa_margin-b--17 {
  margin-bottom: 17px;
}

.aa_margin-t--18 {
  margin-top: 18px;
}

.aa_margin-b--18 {
  margin-bottom: 18px;
}

.aa_margin-t--19 {
  margin-top: 19px;
}

.aa_margin-b--19 {
  margin-bottom: 19px;
}

.aa_margin-t--20 {
  margin-top: 20px;
}

.aa_margin-b--20 {
  margin-bottom: 20px;
}

.aa_margin-t--21 {
  margin-top: 21px;
}

.aa_margin-b--21 {
  margin-bottom: 21px;
}

.aa_margin-t--22 {
  margin-top: 22px;
}

.aa_margin-b--22 {
  margin-bottom: 22px;
}

.aa_margin-t--23 {
  margin-top: 23px;
}

.aa_margin-b--23 {
  margin-bottom: 23px;
}

.aa_margin-t--24 {
  margin-top: 24px;
}

.aa_margin-b--24 {
  margin-bottom: 24px;
}

.aa_margin-t--25 {
  margin-top: 25px;
}

.aa_margin-b--25 {
  margin-bottom: 25px;
}

.aa_margin-t--26 {
  margin-top: 26px;
}

.aa_margin-b--26 {
  margin-bottom: 26px;
}

.aa_margin-t--27 {
  margin-top: 27px;
}

.aa_margin-b--27 {
  margin-bottom: 27px;
}

.aa_margin-t--28 {
  margin-top: 28px;
}

.aa_margin-b--28 {
  margin-bottom: 28px;
}

.aa_margin-t--29 {
  margin-top: 29px;
}

.aa_margin-b--29 {
  margin-bottom: 29px;
}

.aa_margin-t--30 {
  margin-top: 30px;
}

.aa_margin-b--30 {
  margin-bottom: 30px;
}

.aa_margin-t--31 {
  margin-top: 31px;
}

.aa_margin-b--31 {
  margin-bottom: 31px;
}

.aa_margin-t--32 {
  margin-top: 32px;
}

.aa_margin-b--32 {
  margin-bottom: 32px;
}

.aa_margin-t--34 {
  margin-top: 34px;
}

.aa_margin-b--34 {
  margin-bottom: 34px;
}

.aa_margin-t--36 {
  margin-top: 36px;
}

.aa_margin-b--36 {
  margin-bottom: 36px;
}

.aa_margin-t--38 {
  margin-top: 38px;
}

.aa_margin-b--38 {
  margin-bottom: 38px;
}

.aa_margin-t--40 {
  margin-top: 40px;
}

.aa_margin-b--40 {
  margin-bottom: 40px;
}

.aa_margin-t--43 {
  margin-top: 43px;
}

.aa_margin-b--43 {
  margin-bottom: 43px;
}

.aa_margin-t--44 {
  margin-top: 44px;
}

.aa_margin-b--44 {
  margin-bottom: 44px;
}

.aa_margin-t--45 {
  margin-top: 45px;
}

.aa_margin-b--45 {
  margin-bottom: 45px;
}

.aa_margin-t--47 {
  margin-top: 47px;
}

.aa_margin-b--47 {
  margin-bottom: 47px;
}

.aa_margin-t--48 {
  margin-top: 48px;
}

.aa_margin-b--48 {
  margin-bottom: 48px;
}

.aa_margin-t--50 {
  margin-top: 50px;
}

.aa_margin-b--50 {
  margin-bottom: 50px;
}

.aa_margin-t--52 {
  margin-top: 52px;
}

.aa_margin-b--52 {
  margin-bottom: 52px;
}

.aa_margin-t--54 {
  margin-top: 54px;
}

.aa_margin-b--54 {
  margin-bottom: 54px;
}

.aa_margin-t--55 {
  margin-top: 55px;
}

.aa_margin-b--55 {
  margin-bottom: 55px;
}

.aa_margin-t--56 {
  margin-top: 56px;
}

.aa_margin-b--56 {
  margin-bottom: 56px;
}

.aa_margin-t--60 {
  margin-top: 60px;
}

.aa_margin-b--60 {
  margin-bottom: 60px;
}

.aa_margin-t--62 {
  margin-top: 62px;
}

.aa_margin-b--62 {
  margin-bottom: 62px;
}

.aa_margin-t--64 {
  margin-top: 64px;
}

.aa_margin-b--64 {
  margin-bottom: 64px;
}

.aa_margin-t--70 {
  margin-top: 70px;
}

.aa_margin-b--70 {
  margin-bottom: 70px;
}

.aa_margin-t--80 {
  margin-top: 80px;
}

.aa_margin-b--80 {
  margin-bottom: 80px;
}

.aa_margin-t--82 {
  margin-top: 82px;
}

.aa_margin-b--82 {
  margin-bottom: 82px;
}

.aa_margin-t--85 {
  margin-top: 85px;
}

.aa_margin-b--85 {
  margin-bottom: 85px;
}

.aa_margin-t--88 {
  margin-top: 88px;
}

.aa_margin-b--88 {
  margin-bottom: 88px;
}

.aa_margin-t--90 {
  margin-top: 90px;
}

.aa_margin-b--90 {
  margin-bottom: 90px;
}

.aa_margin-t--145 {
  margin-top: 145px;
}

.aa_margin-b--145 {
  margin-bottom: 145px;
}

.aa_padding--3 {
  padding: 3px;
}

.aa_padding--4 {
  padding: 4px;
}

.aa_padding--5 {
  padding: 5px;
}

.aa_padding--7 {
  padding: 7px;
}

.aa_padding--0 {
  padding: 0;
}

.aa_padding-lr--0 {
  padding-left: 0;
  padding-right: 0;
}

.aa_padding-lr--1 {
  padding-left: 1px;
  padding-right: 1px;
}

.aa_padding-lr--2 {
  padding-left: 2px;
  padding-right: 2px;
}

.aa_padding-lr--3 {
  padding-left: 3px;
  padding-right: 3px;
}

.aa_padding-lr--4 {
  padding-left: 4px;
  padding-right: 4px;
}

.aa_padding-lr--5 {
  padding-left: 5px;
  padding-right: 5px;
}

.aa_padding-lr--6 {
  padding-left: 6px;
  padding-right: 6px;
}

.aa_padding-lr--8 {
  padding-left: 8px;
  padding-right: 8px;
}

.aa_padding-lr--9 {
  padding-left: 9px;
  padding-right: 9px;
}

.aa_padding-lr--10 {
  padding-left: 10px;
  padding-right: 10px;
}

.aa_padding-lr--11 {
  padding-left: 11px;
  padding-right: 11px;
}

.aa_padding-lr--12 {
  padding-left: 12px;
  padding-right: 12px;
}

.aa_padding-lr--14 {
  padding-left: 14px;
  padding-right: 14px;
}

.aa_padding-lr--15 {
  padding-left: 15px;
  padding-right: 15px;
}

.aa_padding-lr--16 {
  padding-left: 16px;
  padding-right: 16px;
}

.aa_padding-lr--20 {
  padding-left: 20px;
  padding-right: 20px;
}

.aa_padding-lr--22 {
  padding-left: 22px;
  padding-right: 22px;
}

.aa_padding-lr--24 {
  padding-left: 24px;
  padding-right: 24px;
}

.aa_padding-lr--25 {
  padding-left: 25px;
  padding-right: 25px;
}

.aa_padding-lr--28 {
  padding-left: 28px;
  padding-right: 28px;
}

.aa_padding-lr--30 {
  padding-left: 30px;
  padding-right: 30px;
}

.aa_padding-lr--31 {
  padding-left: 31px;
  padding-right: 31px;
}

.aa_padding-lr--32 {
  padding-left: 32px;
  padding-right: 32px;
}

.aa_padding-lr--35 {
  padding-left: 35px;
  padding-right: 35px;
}

.aa_padding-lr--40 {
  padding-left: 40px;
  padding-right: 40px;
}

.aa_padding-lr--50 {
  padding-left: 50px;
  padding-right: 50px;
}

.aa_padding-l--0 {
  padding-left: 0;
}

.aa_padding-r--0 {
  padding-right: 0;
}

.aa_padding-l--2 {
  padding-left: 2px;
}

.aa_padding-r--2 {
  padding-right: 2px;
}

.aa_padding-l--3 {
  padding-left: 3px;
}

.aa_padding-r--3 {
  padding-right: 3px;
}

.aa_padding-l--5 {
  padding-left: 5px;
}

.aa_padding-r--5 {
  padding-right: 5px;
}

.aa_padding-l--6 {
  padding-left: 6px;
}

.aa_padding-r--6 {
  padding-right: 6px;
}

.aa_padding-l--7 {
  padding-left: 7px;
}

.aa_padding-r--7 {
  padding-right: 7px;
}

.aa_padding-l--10 {
  padding-left: 10px;
}

.aa_padding-r--10 {
  padding-right: 10px;
}

.aa_padding-l--12 {
  padding-left: 12px;
}

.aa_padding-r--12 {
  padding-right: 12px;
}

.aa_padding-l--15 {
  padding-left: 15px;
}

.aa_padding-r--15 {
  padding-right: 15px;
}

.aa_padding-l--16 {
  padding-left: 16px;
}

.aa_padding-r--16 {
  padding-right: 16px;
}

.aa_padding-l--20 {
  padding-left: 20px;
}

.aa_padding-r--20 {
  padding-right: 20px;
}

.aa_padding-l--21 {
  padding-left: 21px;
}

.aa_padding-r--21 {
  padding-right: 21px;
}

.aa_padding-l--24 {
  padding-left: 24px;
}

.aa_padding-r--24 {
  padding-right: 24px;
}

.aa_padding-l--25 {
  padding-left: 25px;
}

.aa_padding-r--25 {
  padding-right: 25px;
}

.aa_padding-l--30 {
  padding-left: 30px;
}

.aa_padding-r--30 {
  padding-right: 30px;
}

.aa_padding-l--33 {
  padding-left: 33px;
}

.aa_padding-r--33 {
  padding-right: 33px;
}

.aa_padding-l--34 {
  padding-left: 34px;
}

.aa_padding-r--34 {
  padding-right: 34px;
}

.aa_padding-l--40 {
  padding-left: 40px;
}

.aa_padding-r--40 {
  padding-right: 40px;
}

.aa_padding-l--44 {
  padding-left: 44px;
}

.aa_padding-r--44 {
  padding-right: 44px;
}

.aa_padding-l--45 {
  padding-left: 45px;
}

.aa_padding-r--45 {
  padding-right: 45px;
}

.aa_padding-l--50 {
  padding-left: 50px;
}

.aa_padding-r--50 {
  padding-right: 50px;
}

.aa_padding-l--53 {
  padding-left: 53px;
}

.aa_padding-r--53 {
  padding-right: 53px;
}

.aa_padding-l--90 {
  padding-left: 90px;
}

.aa_padding-r--90 {
  padding-right: 90px;
}

.aa_padding-tb--0 {
  padding-top: 0;
  padding-bottom: 0;
}

.aa_padding-tb--1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.aa_padding-tb--2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.aa_padding-tb--3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.aa_padding-tb--4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.aa_padding-tb--5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.aa_padding-tb--6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.aa_padding-tb--7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.aa_padding-tb--8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.aa_padding-tb--9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.aa_padding-tb--10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.aa_padding-tb--11 {
  padding-top: 11px;
  padding-bottom: 11px;
}

.aa_padding-tb--12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.aa_padding-tb--13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.aa_padding-tb--15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.aa_padding-tb--16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.aa_padding-tb--17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.aa_padding-tb--18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.aa_padding-tb--20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.aa_padding-tb--21 {
  padding-top: 21px;
  padding-bottom: 21px;
}

.aa_padding-tb--22 {
  padding-top: 22px;
  padding-bottom: 22px;
}

.aa_padding-tb--23 {
  padding-top: 23px;
  padding-bottom: 23px;
}

.aa_padding-tb--24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.aa_padding-tb--25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.aa_padding-tb--26 {
  padding-top: 26px;
  padding-bottom: 26px;
}

.aa_padding-tb--28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.aa_padding-tb--30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.aa_padding-tb--31 {
  padding-top: 31px;
  padding-bottom: 31px;
}

.aa_padding-tb--32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.aa_padding-tb--40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.aa_padding-tb--44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.aa_padding-tb--48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.aa_padding-tb--50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.aa_padding-t--0 {
  padding-top: 0;
}

.aa_padding-b--0 {
  padding-bottom: 0;
}

.aa_padding-t--1 {
  padding-top: 1px;
}

.aa_padding-b--1 {
  padding-bottom: 1px;
}

.aa_padding-t--2 {
  padding-top: 2px;
}

.aa_padding-b--2 {
  padding-bottom: 2px;
}

.aa_padding-t--3 {
  padding-top: 3px;
}

.aa_padding-b--3 {
  padding-bottom: 3px;
}

.aa_padding-t--4 {
  padding-top: 4px;
}

.aa_padding-b--4 {
  padding-bottom: 4px;
}

.aa_padding-t--5 {
  padding-top: 5px;
}

.aa_padding-b--5 {
  padding-bottom: 5px;
}

.aa_padding-t--6 {
  padding-top: 6px;
}

.aa_padding-b--6 {
  padding-bottom: 6px;
}

.aa_padding-t--7 {
  padding-top: 7px;
}

.aa_padding-b--7 {
  padding-bottom: 7px;
}

.aa_padding-t--8 {
  padding-top: 8px;
}

.aa_padding-b--8 {
  padding-bottom: 8px;
}

.aa_padding-t--9 {
  padding-top: 9px;
}

.aa_padding-b--9 {
  padding-bottom: 9px;
}

.aa_padding-t--10 {
  padding-top: 10px;
}

.aa_padding-b--10 {
  padding-bottom: 10px;
}

.aa_padding-t--11 {
  padding-top: 11px;
}

.aa_padding-b--11 {
  padding-bottom: 11px;
}

.aa_padding-t--12 {
  padding-top: 12px;
}

.aa_padding-b--12 {
  padding-bottom: 12px;
}

.aa_padding-t--13 {
  padding-top: 13px;
}

.aa_padding-b--13 {
  padding-bottom: 13px;
}

.aa_padding-t--14 {
  padding-top: 14px;
}

.aa_padding-b--14 {
  padding-bottom: 14px;
}

.aa_padding-t--15 {
  padding-top: 15px;
}

.aa_padding-b--15 {
  padding-bottom: 15px;
}

.aa_padding-t--16 {
  padding-top: 16px;
}

.aa_padding-b--16 {
  padding-bottom: 16px;
}

.aa_padding-t--17 {
  padding-top: 17px;
}

.aa_padding-b--17 {
  padding-bottom: 17px;
}

.aa_padding-t--18 {
  padding-top: 18px;
}

.aa_padding-b--18 {
  padding-bottom: 18px;
}

.aa_padding-t--19 {
  padding-top: 19px;
}

.aa_padding-b--19 {
  padding-bottom: 19px;
}

.aa_padding-t--20 {
  padding-top: 20px;
}

.aa_padding-b--20 {
  padding-bottom: 20px;
}

.aa_padding-t--21 {
  padding-top: 21px;
}

.aa_padding-b--21 {
  padding-bottom: 21px;
}

.aa_padding-t--22 {
  padding-top: 22px;
}

.aa_padding-b--22 {
  padding-bottom: 22px;
}

.aa_padding-t--24 {
  padding-top: 24px;
}

.aa_padding-b--24 {
  padding-bottom: 24px;
}

.aa_padding-t--25 {
  padding-top: 25px;
}

.aa_padding-b--25 {
  padding-bottom: 25px;
}

.aa_padding-t--27 {
  padding-top: 27px;
}

.aa_padding-b--27 {
  padding-bottom: 27px;
}

.aa_padding-t--30 {
  padding-top: 30px;
}

.aa_padding-b--30 {
  padding-bottom: 30px;
}

.aa_padding-t--32 {
  padding-top: 32px;
}

.aa_padding-b--32 {
  padding-bottom: 32px;
}

.aa_padding-t--35 {
  padding-top: 35px;
}

.aa_padding-b--35 {
  padding-bottom: 35px;
}

.aa_padding-t--36 {
  padding-top: 36px;
}

.aa_padding-b--36 {
  padding-bottom: 36px;
}

.aa_padding-t--37 {
  padding-top: 37px;
}

.aa_padding-b--37 {
  padding-bottom: 37px;
}

.aa_padding-t--40 {
  padding-top: 40px;
}

.aa_padding-b--40 {
  padding-bottom: 40px;
}

.aa_padding-t--42 {
  padding-top: 42px;
}

.aa_padding-b--42 {
  padding-bottom: 42px;
}

.aa_padding-t--46 {
  padding-top: 46px;
}

.aa_padding-b--46 {
  padding-bottom: 46px;
}

.aa_padding-t--47 {
  padding-top: 47px;
}

.aa_padding-b--47 {
  padding-bottom: 47px;
}

.aa_padding-t--48 {
  padding-top: 48px;
}

.aa_padding-b--48 {
  padding-bottom: 48px;
}

.aa_padding-t--49 {
  padding-top: 49px;
}

.aa_padding-b--49 {
  padding-bottom: 49px;
}

.aa_padding-t--50 {
  padding-top: 50px;
}

.aa_padding-b--50 {
  padding-bottom: 50px;
}

.aa_padding-t--56 {
  padding-top: 56px;
}

.aa_padding-b--56 {
  padding-bottom: 56px;
}

.aa_padding-t--57 {
  padding-top: 57px;
}

.aa_padding-b--57 {
  padding-bottom: 57px;
}

.aa_padding-t--60 {
  padding-top: 60px;
}

.aa_padding-b--60 {
  padding-bottom: 60px;
}

.aa_padding-t--62 {
  padding-top: 62px;
}

.aa_padding-b--62 {
  padding-bottom: 62px;
}

.aa_padding-t--64 {
  padding-top: 64px;
}

.aa_padding-b--64 {
  padding-bottom: 64px;
}

.aa_padding-t--70 {
  padding-top: 70px;
}

.aa_padding-b--70 {
  padding-bottom: 70px;
}

.aa_padding-t--84 {
  padding-top: 84px;
}

.aa_padding-b--84 {
  padding-bottom: 84px;
}

.aa_padding-t--100 {
  padding-top: 100px;
}

.aa_padding-b--100 {
  padding-bottom: 100px;
}

.aa_pb {
  position: relative;
}

.aa_pb_e {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aa_pb--05 {
  padding-bottom: 5%;
}

.aa_pb--10 {
  padding-bottom: 10%;
}

.aa_pb--15 {
  padding-bottom: 15%;
}

.aa_pb--20 {
  padding-bottom: 20%;
}

.aa_pb--25 {
  padding-bottom: 25%;
}

.aa_pb--28 {
  padding-bottom: 28%;
}

.aa_pb--30 {
  padding-bottom: 30%;
}

.aa_pb--35 {
  padding-bottom: 35%;
}

.aa_pb--40 {
  padding-bottom: 40%;
}

.aa_pb--45 {
  padding-bottom: 45%;
}

.aa_pb--50 {
  padding-bottom: 50%;
}

.aa_pb--55 {
  padding-bottom: 55%;
}

.aa_pb--60 {
  padding-bottom: 60%;
}

.aa_pb--65 {
  padding-bottom: 65%;
}

.aa_pb--70 {
  padding-bottom: 70%;
}

.aa_pb--75 {
  padding-bottom: 75%;
}

.aa_pb--80 {
  padding-bottom: 80%;
}

.aa_pb--85 {
  padding-bottom: 85%;
}

.aa_pb--90 {
  padding-bottom: 90%;
}

.aa_pb--95 {
  padding-bottom: 95%;
}

.aa_pb--100 {
  padding-bottom: 100%;
}

.aa_pb--105 {
  padding-bottom: 105%;
}

.aa_pb--110 {
  padding-bottom: 110%;
}

.aa_pb--133 {
  padding-bottom: 133%;
}

.aa_pb--150 {
  padding-bottom: 150%;
}

.aa_ratio-2 {
  aspect-ratio: 2;
}

.aa_brad-0 {
  border-radius: 0px;
}

.aa_brad-tl-0 {
  border-top-left-radius: 0px;
}

.aa_brad-tr-0 {
  border-top-right-radius: 0px;
}

.aa_brad-bl-0 {
  border-bottom-left-radius: 0px;
}

.aa_brad-br-0 {
  border-bottom-right-radius: 0px;
}

.aa_brad-1 {
  border-radius: 1px;
}

.aa_brad-tl-1 {
  border-top-left-radius: 1px;
}

.aa_brad-tr-1 {
  border-top-right-radius: 1px;
}

.aa_brad-bl-1 {
  border-bottom-left-radius: 1px;
}

.aa_brad-br-1 {
  border-bottom-right-radius: 1px;
}

.aa_brad-2 {
  border-radius: 2px;
}

.aa_brad-tl-2 {
  border-top-left-radius: 2px;
}

.aa_brad-tr-2 {
  border-top-right-radius: 2px;
}

.aa_brad-bl-2 {
  border-bottom-left-radius: 2px;
}

.aa_brad-br-2 {
  border-bottom-right-radius: 2px;
}

.aa_brad-3 {
  border-radius: 3px;
}

.aa_brad-tl-3 {
  border-top-left-radius: 3px;
}

.aa_brad-tr-3 {
  border-top-right-radius: 3px;
}

.aa_brad-bl-3 {
  border-bottom-left-radius: 3px;
}

.aa_brad-br-3 {
  border-bottom-right-radius: 3px;
}

.aa_brad-4 {
  border-radius: 4px;
}

.aa_brad-tl-4 {
  border-top-left-radius: 4px;
}

.aa_brad-tr-4 {
  border-top-right-radius: 4px;
}

.aa_brad-bl-4 {
  border-bottom-left-radius: 4px;
}

.aa_brad-br-4 {
  border-bottom-right-radius: 4px;
}

.aa_brad-5 {
  border-radius: 5px;
}

.aa_brad-tl-5 {
  border-top-left-radius: 5px;
}

.aa_brad-tr-5 {
  border-top-right-radius: 5px;
}

.aa_brad-bl-5 {
  border-bottom-left-radius: 5px;
}

.aa_brad-br-5 {
  border-bottom-right-radius: 5px;
}

.aa_brad-6 {
  border-radius: 6px;
}

.aa_brad-tl-6 {
  border-top-left-radius: 6px;
}

.aa_brad-tr-6 {
  border-top-right-radius: 6px;
}

.aa_brad-bl-6 {
  border-bottom-left-radius: 6px;
}

.aa_brad-br-6 {
  border-bottom-right-radius: 6px;
}

.aa_brad-7 {
  border-radius: 7px;
}

.aa_brad-tl-7 {
  border-top-left-radius: 7px;
}

.aa_brad-tr-7 {
  border-top-right-radius: 7px;
}

.aa_brad-bl-7 {
  border-bottom-left-radius: 7px;
}

.aa_brad-br-7 {
  border-bottom-right-radius: 7px;
}

.aa_brad-8 {
  border-radius: 8px;
}

.aa_brad-tl-8 {
  border-top-left-radius: 8px;
}

.aa_brad-tr-8 {
  border-top-right-radius: 8px;
}

.aa_brad-bl-8 {
  border-bottom-left-radius: 8px;
}

.aa_brad-br-8 {
  border-bottom-right-radius: 8px;
}

.aa_brad-9 {
  border-radius: 9px;
}

.aa_brad-tl-9 {
  border-top-left-radius: 9px;
}

.aa_brad-tr-9 {
  border-top-right-radius: 9px;
}

.aa_brad-bl-9 {
  border-bottom-left-radius: 9px;
}

.aa_brad-br-9 {
  border-bottom-right-radius: 9px;
}

.aa_brad-10 {
  border-radius: 10px;
}

.aa_brad-tl-10 {
  border-top-left-radius: 10px;
}

.aa_brad-tr-10 {
  border-top-right-radius: 10px;
}

.aa_brad-bl-10 {
  border-bottom-left-radius: 10px;
}

.aa_brad-br-10 {
  border-bottom-right-radius: 10px;
}

.aa_brad-11 {
  border-radius: 11px;
}

.aa_brad-tl-11 {
  border-top-left-radius: 11px;
}

.aa_brad-tr-11 {
  border-top-right-radius: 11px;
}

.aa_brad-bl-11 {
  border-bottom-left-radius: 11px;
}

.aa_brad-br-11 {
  border-bottom-right-radius: 11px;
}

.aa_brad-12 {
  border-radius: 12px;
}

.aa_brad-tl-12 {
  border-top-left-radius: 12px;
}

.aa_brad-tr-12 {
  border-top-right-radius: 12px;
}

.aa_brad-bl-12 {
  border-bottom-left-radius: 12px;
}

.aa_brad-br-12 {
  border-bottom-right-radius: 12px;
}

.aa_brad-13 {
  border-radius: 13px;
}

.aa_brad-tl-13 {
  border-top-left-radius: 13px;
}

.aa_brad-tr-13 {
  border-top-right-radius: 13px;
}

.aa_brad-bl-13 {
  border-bottom-left-radius: 13px;
}

.aa_brad-br-13 {
  border-bottom-right-radius: 13px;
}

.aa_brad-14 {
  border-radius: 14px;
}

.aa_brad-tl-14 {
  border-top-left-radius: 14px;
}

.aa_brad-tr-14 {
  border-top-right-radius: 14px;
}

.aa_brad-bl-14 {
  border-bottom-left-radius: 14px;
}

.aa_brad-br-14 {
  border-bottom-right-radius: 14px;
}

.aa_brad-15 {
  border-radius: 15px;
}

.aa_brad-tl-15 {
  border-top-left-radius: 15px;
}

.aa_brad-tr-15 {
  border-top-right-radius: 15px;
}

.aa_brad-bl-15 {
  border-bottom-left-radius: 15px;
}

.aa_brad-br-15 {
  border-bottom-right-radius: 15px;
}

.aa_brad-16 {
  border-radius: 16px;
}

.aa_brad-tl-16 {
  border-top-left-radius: 16px;
}

.aa_brad-tr-16 {
  border-top-right-radius: 16px;
}

.aa_brad-bl-16 {
  border-bottom-left-radius: 16px;
}

.aa_brad-br-16 {
  border-bottom-right-radius: 16px;
}

.aa_brad-50p {
  border-radius: 50%;
}

.aa_border--dashed {
  border-style: dashed;
}

.aa_border--0 {
  border: 0;
}

.aa_border--2 {
  border-width: 2px;
}

/**
 * Mobile
 */
.w375 .aa_w-auto-xs {
  width: auto;
}
.w375 .aa_flex-row-xs {
  flex-direction: row;
}
.w375 .aa_display--flex-xs {
  display: flex;
}
.w375 .aa_justify-between-xs {
  justify-content: space-between;
}
.w375 .aa_order-1-xs {
  order: 1;
}
.w375 .aa_order-2-xs {
  order: 2;
}
.w375 .aa_order-3-xs {
  order: 3;
}
.w375 .aa_margin-r--0-xs {
  margin-right: 0;
}
.w375 .aa_margin-b--0-xs {
  margin-bottom: 0;
}
.w375 .aa_margin-l--0-xs {
  margin-left: 0;
}
.w375 .aa_margin-r--15-xs {
  margin-right: 15px;
}
.w375 .aa_margin-r--22-xs {
  margin-right: 22px;
}
.w375 .aa_padding-lr--16-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.w375 .aa_pb--05-xs {
  padding-bottom: 5%;
}
.w375 .aa_pb--10-xs {
  padding-bottom: 10%;
}
.w375 .aa_pb--15-xs {
  padding-bottom: 15%;
}
.w375 .aa_pb--20-xs {
  padding-bottom: 20%;
}
.w375 .aa_pb--25-xs {
  padding-bottom: 25%;
}
.w375 .aa_pb--28-xs {
  padding-bottom: 28%;
}
.w375 .aa_pb--30-xs {
  padding-bottom: 30%;
}
.w375 .aa_pb--35-xs {
  padding-bottom: 35%;
}
.w375 .aa_pb--40-xs {
  padding-bottom: 40%;
}
.w375 .aa_pb--45-xs {
  padding-bottom: 45%;
}
.w375 .aa_pb--50-xs {
  padding-bottom: 50%;
}
.w375 .aa_pb--55-xs {
  padding-bottom: 55%;
}
.w375 .aa_pb--60-xs {
  padding-bottom: 60%;
}
.w375 .aa_pb--65-xs {
  padding-bottom: 65%;
}
.w375 .aa_pb--70-xs {
  padding-bottom: 70%;
}
.w375 .aa_pb--75-xs {
  padding-bottom: 75%;
}
.w375 .aa_pb--80-xs {
  padding-bottom: 80%;
}
.w375 .aa_pb--85-xs {
  padding-bottom: 85%;
}
.w375 .aa_pb--90-xs {
  padding-bottom: 90%;
}
.w375 .aa_pb--95-xs {
  padding-bottom: 95%;
}
.w375 .aa_pb--100-xs {
  padding-bottom: 100%;
}
.w375 .aa_pb--105-xs {
  padding-bottom: 105%;
}
.w375 .aa_pb--110-xs {
  padding-bottom: 110%;
}

.w480 .aa_width--10-xs {
  width: 10%;
}
.w480 .aa_width--16-xs {
  width: 16.66667%;
}
.w480 .aa_width--20-xs {
  width: 20%;
}
.w480 .aa_width--25-xs {
  width: 25%;
}
.w480 .aa_width--30-xs {
  width: 30%;
}
.w480 .aa_width--33-xs {
  width: 33.33337%;
}
.w480 .aa_width--40-xs {
  width: 40%;
}
.w480 .aa_width--50-xs {
  width: 50%;
}
.w480 .aa_width--60-xs {
  width: 60%;
}
.w480 .aa_width--66-xs {
  width: 66.66667%;
}
.w480 .aa_width--70-xs {
  width: 70%;
}
.w480 .aa_width--75-xs {
  width: 75%;
}
.w480 .aa_width--80-xs {
  width: 80%;
}
.w480 .aa_width--90-xs {
  width: 90%;
}
.w480 .aa_width--100-xs {
  width: 100%;
}
.w480 .aa_w-250-xs {
  width: 250px;
}
.w480 .aa_h-100p-xs {
  height: 100%;
}
.w480 .aa_pb--05-s {
  padding-bottom: 5%;
}
.w480 .aa_pb--10-s {
  padding-bottom: 10%;
}
.w480 .aa_pb--15-s {
  padding-bottom: 15%;
}
.w480 .aa_pb--20-s {
  padding-bottom: 20%;
}
.w480 .aa_pb--25-s {
  padding-bottom: 25%;
}
.w480 .aa_pb--28-s {
  padding-bottom: 28%;
}
.w480 .aa_pb--30-s {
  padding-bottom: 30%;
}
.w480 .aa_pb--35-s {
  padding-bottom: 35%;
}
.w480 .aa_pb--40-s {
  padding-bottom: 40%;
}
.w480 .aa_pb--45-s {
  padding-bottom: 45%;
}
.w480 .aa_pb--50-s {
  padding-bottom: 50%;
}
.w480 .aa_pb--55-s {
  padding-bottom: 55%;
}
.w480 .aa_pb--60-s {
  padding-bottom: 60%;
}
.w480 .aa_pb--65-s {
  padding-bottom: 65%;
}
.w480 .aa_pb--70-s {
  padding-bottom: 70%;
}
.w480 .aa_pb--75-s {
  padding-bottom: 75%;
}
.w480 .aa_pb--80-s {
  padding-bottom: 80%;
}
.w480 .aa_pb--85-s {
  padding-bottom: 85%;
}
.w480 .aa_pb--90-s {
  padding-bottom: 90%;
}
.w480 .aa_pb--95-s {
  padding-bottom: 95%;
}
.w480 .aa_pb--100-s {
  padding-bottom: 100%;
}
.w480 .aa_pb--105-s {
  padding-bottom: 105%;
}
.w480 .aa_pb--110-s {
  padding-bottom: 110%;
}

/**
 * Tablet
 */
.w768 .aa_flex-row-s {
  flex-direction: row;
}
.w768 .aa_flex-row-reverse-s {
  flex-direction: row-reverse;
}
.w768 .aa_display--flex-s {
  display: flex;
}
.w768 .aa_justify-start-s {
  justify-content: flex-start;
}
.w768 .aa_justify-center-s {
  justify-content: center;
}
.w768 .aa_justify-between-s {
  justify-content: space-between;
}
.w768 .aa_align-start-s {
  align-items: flex-start;
}
.w768 .aa_align-center-s {
  align-items: center;
}
.w768 .aa_align-flex-end-s {
  align-items: flex-end;
}
.w768 .aa_noshrink-s {
  flex-shrink: 0;
}
.w768 .aa_flex-wrap-s {
  flex-wrap: wrap;
}
.w768 .aa_flex-column-s {
  flex-direction: column;
}
.w768 .aa_flex-column-reverse-s {
  flex-direction: column-reverse;
}
.w768 .aa_flex-basis--100-s {
  flex-basis: 100%;
}
.w768 .aa_flex-1-s {
  flex: 1;
}
.w768 .aa_flex-1-5-s {
  flex: 1.5;
}
.w768 .aa_order-0-s {
  order: 0;
}
.w768 .aa_order-1-s {
  order: 1;
}
.w768 .aa_order-2-s {
  order: 2;
}
.w768 .aa_order-3-s {
  order: 3;
}
.w768 .aa_width--10-s {
  width: 10%;
}
.w768 .aa_width--16-s {
  width: 16.66667%;
}
.w768 .aa_width--20-s {
  width: 20%;
}
.w768 .aa_width--25-s {
  width: 25%;
}
.w768 .aa_width--30-s {
  width: 30%;
}
.w768 .aa_width--33-s {
  width: 33.33337%;
}
.w768 .aa_width--40-s {
  width: 40%;
}
.w768 .aa_width--50-s {
  width: 50%;
}
.w768 .aa_width--60-s {
  width: 60%;
}
.w768 .aa_width--66-s {
  width: 66.66667%;
}
.w768 .aa_width--70-s {
  width: 70%;
}
.w768 .aa_width--75-s {
  width: 75%;
}
.w768 .aa_width--80-s {
  width: 80%;
}
.w768 .aa_width--90-s {
  width: 90%;
}
.w768 .aa_width--100-s {
  width: 100%;
}
.w768 .aa_w-auto-s {
  width: auto;
}
.w768 .aa_w-0-s {
  width: 0;
}
.w768 .aa_w-80-s {
  width: 80px;
}
.w768 .aa_w-100-s {
  width: 100px;
}
.w768 .aa_w-200-s {
  width: 200px;
}
.w768 .aa_w-208-s {
  width: 208px;
}
.w768 .aa_w-230-s {
  width: 230px;
}
.w768 .aa_w-240-s {
  width: 240px;
}
.w768 .aa_w-250-s {
  width: 250px;
}
.w768 .aa_w-257-s {
  width: 257px;
}
.w768 .aa_w-288-s {
  width: 288px;
}
.w768 .aa_w-300-s {
  width: 300px;
}
.w768 .aa_w-308-s {
  width: 308px;
}
.w768 .aa_w-352-s {
  width: 352px;
}
.w768 .aa_w-392-s {
  width: 392px;
}
.w768 .aa_w-400-s {
  width: 400px;
}
.w768 .aa_w-416-s {
  width: 416px;
}
.w768 .aa_w-478-s {
  width: 478px;
}
.w768 .aa_w-720-s {
  width: 720px;
}
.w768 .aa_maxw-250-s {
  max-width: 250px;
}
.w768 .aa_maxw-280-s {
  max-width: 280px;
}
.w768 .aa_maxw-300-s {
  max-width: 300px;
}
.w768 .aa_h-0-s {
  height: 0;
}
.w768 .aa_h-22-s {
  height: 22px;
}
.w768 .aa_h-24-s {
  height: 24px;
}
.w768 .aa_h-46-s {
  height: 46px;
}
.w768 .aa_h-50-s {
  height: 50px;
}
.w768 .aa_h-60-s {
  height: 60px;
}
.w768 .aa_h-72-s {
  height: 72px;
}
.w768 .aa_h-81-s {
  height: 81px;
}
.w768 .aa_h-144-s {
  height: 144px;
}
.w768 .aa_maxh-322-s {
  max-height: 322px;
}
.w768 .aa_top-0--s {
  top: 0;
}
.w768 .aa_top-72--s {
  top: 72px;
}
.w768 .aa_top-81--s {
  top: 81px;
}
.w768 .aa_top-84--s {
  top: 84px;
}
.w768 .aa_bottom-0--s {
  bottom: 0;
}
.w768 .aa_w-mincontent-s {
  width: min-content;
}
.w768 .aa_minh-20-s {
  min-height: 20px;
}
.w768 .aa_minh-48-s {
  min-height: 48px;
}
.w768 .aa_pb--05-m {
  padding-bottom: 5%;
}
.w768 .aa_pb--10-m {
  padding-bottom: 10%;
}
.w768 .aa_pb--15-m {
  padding-bottom: 15%;
}
.w768 .aa_pb--20-m {
  padding-bottom: 20%;
}
.w768 .aa_pb--25-m {
  padding-bottom: 25%;
}
.w768 .aa_pb--28-m {
  padding-bottom: 28%;
}
.w768 .aa_pb--30-m {
  padding-bottom: 30%;
}
.w768 .aa_pb--35-m {
  padding-bottom: 35%;
}
.w768 .aa_pb--40-m {
  padding-bottom: 40%;
}
.w768 .aa_pb--45-m {
  padding-bottom: 45%;
}
.w768 .aa_pb--50-m {
  padding-bottom: 50%;
}
.w768 .aa_pb--55-m {
  padding-bottom: 55%;
}
.w768 .aa_pb--60-m {
  padding-bottom: 60%;
}
.w768 .aa_pb--65-m {
  padding-bottom: 65%;
}
.w768 .aa_pb--70-m {
  padding-bottom: 70%;
}
.w768 .aa_pb--75-m {
  padding-bottom: 75%;
}
.w768 .aa_pb--80-m {
  padding-bottom: 80%;
}
.w768 .aa_pb--85-m {
  padding-bottom: 85%;
}
.w768 .aa_pb--90-m {
  padding-bottom: 90%;
}
.w768 .aa_pb--95-m {
  padding-bottom: 95%;
}
.w768 .aa_pb--100-m {
  padding-bottom: 100%;
}
.w768 .aa_pb--105-m {
  padding-bottom: 105%;
}
.w768 .aa_pb--110-m {
  padding-bottom: 110%;
}
.w768 .aa_margin-tb---5-s {
  margin-top: -5px;
  margin-bottom: -5px;
}
.w768 .aa_margin-tb--7-s {
  margin-top: 7px;
  margin-bottom: 7px;
}
.w768 .aa_margin-lr--0-s {
  margin-left: 0;
  margin-right: 0;
}
.w768 .aa_margin-lr--8-s {
  margin-left: 8px;
  margin-right: 8px;
}
.w768 .aa_margin-lr---40-s {
  margin-left: -40px;
  margin-right: -40px;
}
.w768 .aa_margin-lr---32-s {
  margin-left: -32px;
  margin-right: -32px;
}
.w768 .aa_margin-lr---30-s {
  margin-left: -30px;
  margin-right: -30px;
}
.w768 .aa_margin-lr---24-s {
  margin-left: -24px;
  margin-right: -24px;
}
.w768 .aa_margin--0-s {
  margin: 0;
}
.w768 .aa_margin-b--0-s {
  margin-bottom: 0;
}
.w768 .aa_margin-r--0-s {
  margin-right: 0;
}
.w768 .aa_margin-t---10-s {
  margin-top: -10px;
}
.w768 .aa_margin-t--0-s {
  margin-top: 0;
}
.w768 .aa_margin-t--8-s {
  margin-top: 8px;
}
.w768 .aa_margin-t--24-s {
  margin-top: 24px;
}
.w768 .aa_margin-t--28-s {
  margin-top: 28px;
}
.w768 .aa_margin-t--64-s {
  margin-top: 64px;
}
.w768 .aa_margin-t--88-s {
  margin-top: 88px;
}
.w768 .aa_margin-b---24-s {
  margin-bottom: -24px;
}
.w768 .aa_margin-b---10-s {
  margin-bottom: -10px;
}
.w768 .aa_margin-b--4-s {
  margin-bottom: 4px;
}
.w768 .aa_margin-b--5-s {
  margin-bottom: 5px;
}
.w768 .aa_margin-b--7-s {
  margin-bottom: 7px;
}
.w768 .aa_margin-b--8-s {
  margin-bottom: 8px;
}
.w768 .aa_margin-b--10-s {
  margin-bottom: 10px;
}
.w768 .aa_margin-b--14-s {
  margin-bottom: 14px;
}
.w768 .aa_margin-b--16-s {
  margin-bottom: 16px;
}
.w768 .aa_margin-b--17-s {
  margin-bottom: 17px;
}
.w768 .aa_margin-b--18-s {
  margin-bottom: 18px;
}
.w768 .aa_margin-b--20-s {
  margin-bottom: 20px;
}
.w768 .aa_margin-b--22-s {
  margin-bottom: 22px;
}
.w768 .aa_margin-b--24-s {
  margin-bottom: 24px;
}
.w768 .aa_margin-b--27-s {
  margin-bottom: 27px;
}
.w768 .aa_margin-b--40-s {
  margin-bottom: 40px;
}
.w768 .aa_margin-b--43-s {
  margin-bottom: 43px;
}
.w768 .aa_margin-b--48-s {
  margin-bottom: 48px;
}
.w768 .aa_margin-b--56-s {
  margin-bottom: 56px;
}
.w768 .aa_margin-b--62-s {
  margin-bottom: 62px;
}
.w768 .aa_margin-r---24-s {
  margin-right: -24px;
}
.w768 .aa_margin-r---16-s {
  margin-right: -16px;
}
.w768 .aa_margin-r---8-s {
  margin-right: -8px;
}
.w768 .aa_margin-r---4-s {
  margin-right: -4px;
}
.w768 .aa_margin-r--8-s {
  margin-right: 8px;
}
.w768 .aa_margin-r--16-s {
  margin-right: 16px;
}
.w768 .aa_margin-r--18-s {
  margin-right: 18px;
}
.w768 .aa_margin-r--19-s {
  margin-right: 19px;
}
.w768 .aa_margin-r--20-s {
  margin-right: 20px;
}
.w768 .aa_margin-r--22-s {
  margin-right: 22px;
}
.w768 .aa_margin-r--24-s {
  margin-right: 24px;
}
.w768 .aa_margin-r--32-s {
  margin-right: 32px;
}
.w768 .aa_margin-r--64-s {
  margin-right: 64px;
}
.w768 .aa_margin-l---8-s {
  margin-left: -8px;
}
.w768 .aa_margin-l---6-s {
  margin-left: -6px;
}
.w768 .aa_margin-l--0-s {
  margin-left: 0;
}
.w768 .aa_margin-l--8-s {
  margin-left: 8px;
}
.w768 .aa_margin-l--10-s {
  margin-left: 10px;
}
.w768 .aa_margin-l--15-s {
  margin-left: 15px;
}
.w768 .aa_margin-l--16-s {
  margin-left: 16px;
}
.w768 .aa_margin-l--24-s {
  margin-left: 24px;
}
.w768 .aa_margin-l--28-s {
  margin-left: 28px;
}
.w768 .aa_margin-l--30-s {
  margin-left: 30px;
}
.w768 .aa_margin-l--32-s {
  margin-left: 32px;
}
.w768 .aa_margin-l--40-s {
  margin-left: 40px;
}
.w768 .aa_margin-l--48-s {
  margin-left: 48px;
}
.w768 .aa_margin-l--57-s {
  margin-left: 57px;
}
.w768 .aa_margin-r--auto-s {
  margin-right: auto;
}
.w768 .aa_margin-l--auto-s {
  margin-left: auto;
}
.w768 .aa_margin-lr--16-s {
  margin-left: 16px;
  margin-right: 16px;
}
.w768 .aa_margin-lr--22-s {
  margin-left: 22px;
  margin-right: 22px;
}
.w768 .aa_margin-lr--30-s {
  margin-left: 30px;
  margin-right: 30px;
}
.w768 .aa_margin-lr--32-s {
  margin-left: 32px;
  margin-right: 32px;
}
.w768 .aa_margin-t---49-s {
  margin-top: -49px;
}
.w768 .aa_margin-t--5-s {
  margin-top: 5px;
}
.w768 .aa_margin-t--6-s {
  margin-top: 6px;
}
.w768 .aa_margin-t--10-s {
  margin-top: 10px;
}
.w768 .aa_margin-t--12-s {
  margin-top: 12px;
}
.w768 .aa_margin-t--19-s {
  margin-top: 19px;
}
.w768 .aa_margin-t--40-s {
  margin-top: 40px;
}
.w768 .aa_margin-b--32-s {
  margin-bottom: 32px;
}
.w768 .aa_padding--0-s {
  padding: 0;
}
.w768 .aa_padding-tb--8-s {
  padding-top: 8px;
  padding-bottom: 8px;
}
.w768 .aa_padding-tb--10-s {
  padding-top: 10px;
  padding-bottom: 10px;
}
.w768 .aa_padding-tb--11-s {
  padding-top: 11px;
  padding-bottom: 11px;
}
.w768 .aa_padding-tb--13-s {
  padding-top: 13px;
  padding-bottom: 13px;
}
.w768 .aa_padding-tb--18-s {
  padding-top: 18px;
  padding-bottom: 18px;
}
.w768 .aa_padding-tb--24-s {
  padding-top: 24px;
  padding-bottom: 24px;
}
.w768 .aa_padding-tb--32-s {
  padding-top: 32px;
  padding-bottom: 32px;
}
.w768 .aa_padding-tb--40-s {
  padding-top: 40px;
  padding-bottom: 40px;
}
.w768 .aa_padding-lr--8-s {
  padding-left: 8px;
  padding-right: 8px;
}
.w768 .aa_padding-lr--16-s {
  padding-left: 16px;
  padding-right: 16px;
}
.w768 .aa_padding-lr--20-s {
  padding-left: 20px;
  padding-right: 20px;
}
.w768 .aa_padding-lr--24-s {
  padding-left: 24px;
  padding-right: 24px;
}
.w768 .aa_padding-lr--30-s {
  padding-left: 30px;
  padding-right: 30px;
}
.w768 .aa_padding-lr--32-s {
  padding-left: 32px;
  padding-right: 32px;
}
.w768 .aa_padding-lr--110-s {
  padding-left: 110px;
  padding-right: 110px;
}
.w768 .aa_padding-r--0-s {
  padding-right: 0;
}
.w768 .aa_padding-b--0-s {
  padding-bottom: 0;
}
.w768 .aa_padding-b--15-s {
  padding-bottom: 15px;
}
.w768 .aa_padding-b--18-s {
  padding-bottom: 18px;
}
.w768 .aa_padding-b--32-s {
  padding-bottom: 32px;
}
.w768 .aa_padding-r--15-s {
  padding-right: 15px;
}
.w768 .aa_padding-r--16-s {
  padding-right: 16px;
}
.w768 .aa_padding-r--21-s {
  padding-right: 21px;
}
.w768 .aa_padding-r--24-s {
  padding-right: 24px;
}
.w768 .aa_padding-r--44-s {
  padding-right: 44px;
}
.w768 .aa_padding-l--8-s {
  padding-left: 8px;
}
.w768 .aa_padding-l--24-s {
  padding-left: 24px;
}
.w768 .aa_padding-l--25-s {
  padding-left: 25px;
}
.w768 .aa_padding-l--40-s {
  padding-left: 40px;
}
.w768 .aa_padding-t--4-s {
  padding-top: 8px;
}
.w768 .aa_padding-t--8-s {
  padding-top: 8px;
}
.w768 .aa_padding-t--13-s {
  padding-top: 13px;
}
.w768 .aa_padding-t--16-s {
  padding-top: 16px;
}
.w768 .aa_padding-t--22-s {
  padding-top: 22px;
}
.w768 .aa_padding-t--24-s {
  padding-top: 24px;
}
.w768 .aa_padding-t--40-s {
  padding-top: 40px;
}
.w768 .aa_padding-t--70-s {
  padding-top: 70px;
}
.w768 .aa_padding-t--72-s {
  padding-top: 72px;
}
.w768 .aa_padding-r--30-s {
  padding-right: 30px;
}
.w768 .aa_padding-l--30-s {
  padding-left: 30px;
}
.w768 .aa_padding-l--32-s {
  padding-left: 32px;
}
.w768 .aa_grid-temp-cols-2-s {
  grid-template-columns: repeat(2, 1fr);
}
.w768 .aa_grid-temp-cols-3-s {
  grid-template-columns: repeat(3, 1fr);
}
.w768 .aa_grid-temp-cols-4-s {
  grid-template-columns: repeat(4, 1fr);
}
.w768 .aa_grid-temp-cols-132-1f-s {
  grid-template-columns: 132px 1fr;
}
.w768 .aa_grid-gap-56-24-s {
  grid-gap: 56px 24px;
}
.w768 .aa_grid-gap-0-16-s {
  grid-gap: 0 16px;
}
.w768 .aa_grid-gap-0-32-s {
  grid-gap: 0 32px;
}
.w768 .aa_grid-col-span--2-s {
  grid-column: span 2;
}
.w768 .aa_position--static-s {
  position: static;
}
.w768 .aa_position--relative-s {
  position: relative;
}
.w768 .aa_position--absolute-s {
  position: absolute;
}
.w768 .aa_top-48-s {
  top: 48px;
}
.w768 .aa_right-0-s {
  right: 0;
}
.w768 .aa_scroll-visible-s {
  overflow: visible;
}

/**
 * Desktop
 */
.w1024 .aa_display--flex-m {
  display: flex;
}
.w1024 .aa_justify-center-m {
  justify-content: center;
}
.w1024 .aa_flex-row-m {
  flex-direction: row;
}
.w1024 .aa_flex-1-m {
  flex: 1;
}
.w1024 .aa_order-1-m {
  order: 1;
}
.w1024 .aa_order-2-m {
  order: 2;
}
.w1024 .aa_order-3-m {
  order: 3;
}
.w1024 .aa_grid-col-2-m {
  grid-column: 2;
}
.w1024 .aa_grid-row-2-m {
  grid-row: 2;
}
.w1024 .aa_grid-row-3-m {
  grid-row: 3;
}
.w1024 .aa_width--10-m {
  width: 10%;
}
.w1024 .aa_width--16-m {
  width: 16.66667%;
}
.w1024 .aa_width--20-m {
  width: 20%;
}
.w1024 .aa_width--25-m {
  width: 25%;
}
.w1024 .aa_width--30-m {
  width: 30%;
}
.w1024 .aa_width--33-m {
  width: 33.33337%;
}
.w1024 .aa_width--40-m {
  width: 40%;
}
.w1024 .aa_width--50-m {
  width: 50%;
}
.w1024 .aa_width--60-m {
  width: 60%;
}
.w1024 .aa_width--66-m {
  width: 66.66667%;
}
.w1024 .aa_width--70-m {
  width: 70%;
}
.w1024 .aa_width--75-m {
  width: 75%;
}
.w1024 .aa_width--80-m {
  width: 80%;
}
.w1024 .aa_width--90-m {
  width: 90%;
}
.w1024 .aa_width--100-m {
  width: 100%;
}
.w1024 .aa_pb--05-l {
  padding-bottom: 5%;
}
.w1024 .aa_pb--10-l {
  padding-bottom: 10%;
}
.w1024 .aa_pb--15-l {
  padding-bottom: 15%;
}
.w1024 .aa_pb--20-l {
  padding-bottom: 20%;
}
.w1024 .aa_pb--25-l {
  padding-bottom: 25%;
}
.w1024 .aa_pb--28-l {
  padding-bottom: 28%;
}
.w1024 .aa_pb--30-l {
  padding-bottom: 30%;
}
.w1024 .aa_pb--35-l {
  padding-bottom: 35%;
}
.w1024 .aa_pb--40-l {
  padding-bottom: 40%;
}
.w1024 .aa_pb--45-l {
  padding-bottom: 45%;
}
.w1024 .aa_pb--50-l {
  padding-bottom: 50%;
}
.w1024 .aa_pb--55-l {
  padding-bottom: 55%;
}
.w1024 .aa_pb--60-l {
  padding-bottom: 60%;
}
.w1024 .aa_pb--65-l {
  padding-bottom: 65%;
}
.w1024 .aa_pb--70-l {
  padding-bottom: 70%;
}
.w1024 .aa_pb--75-l {
  padding-bottom: 75%;
}
.w1024 .aa_pb--80-l {
  padding-bottom: 80%;
}
.w1024 .aa_pb--85-l {
  padding-bottom: 85%;
}
.w1024 .aa_pb--90-l {
  padding-bottom: 90%;
}
.w1024 .aa_pb--95-l {
  padding-bottom: 95%;
}
.w1024 .aa_pb--100-l {
  padding-bottom: 100%;
}
.w1024 .aa_pb--105-l {
  padding-bottom: 105%;
}
.w1024 .aa_pb--110-l {
  padding-bottom: 110%;
}
.w1024 .aa_w-auto-m {
  width: auto;
}
.w1024 .aa_w-200-m {
  width: 200px;
}
.w1024 .aa_w-216-m {
  width: 216px;
}
.w1024 .aa_w-256-m {
  width: 256px;
}
.w1024 .aa_w-288-m {
  width: 288px;
}
.w1024 .aa_w-300-m {
  width: 300px;
}
.w1024 .aa_w-450-m {
  width: 450px;
}
.w1024 .aa_h-80-m {
  height: 80px;
}
.w1024 .aa_minh-28-m {
  min-height: 28px;
}
.w1024 .aa_margin-lr---40-m {
  margin-left: -40px;
  margin-right: -40px;
}
.w1024 .aa_margin-lr---9-m {
  margin-left: -9px;
  margin-right: -9px;
}
.w1024 .aa_margin-lr--auto-m {
  margin-right: auto;
  margin-left: auto;
}
.w1024 .aa_margin--0-m {
  margin: 0;
}
.w1024 .aa_margin-t--0-m {
  margin-top: 0;
}
.w1024 .aa_margin-t--10-m {
  margin-top: 10px;
}
.w1024 .aa_margin-t--20-m {
  margin-top: 20px;
}
.w1024 .aa_margin-t--22-m {
  margin-top: 22px;
}
.w1024 .aa_margin-t--24-m {
  margin-top: 24px;
}
.w1024 .aa_margin-t--82-m {
  margin-top: 82px;
}
.w1024 .aa_margin-t--96-m {
  margin-top: 96px;
}
.w1024 .aa_margin-r---24-m {
  margin-right: -24px;
}
.w1024 .aa_margin-r--0-m {
  margin-right: 0;
}
.w1024 .aa_margin-r--auto-m {
  margin-right: auto;
}
.w1024 .aa_margin-r--8-m {
  margin-right: 8px;
}
.w1024 .aa_margin-r--32-m {
  margin-right: 32px;
}
.w1024 .aa_margin-r--45-m {
  margin-right: 45px;
}
.w1024 .aa_margin-b--0-m {
  margin-bottom: 0;
}
.w1024 .aa_margin-b---9-m {
  margin-bottom: -9px;
}
.w1024 .aa_margin-b--11-m {
  margin-bottom: 11px;
}
.w1024 .aa_margin-b--20-m {
  margin-bottom: 20px;
}
.w1024 .aa_margin-b--32-m {
  margin-bottom: 32px;
}
.w1024 .aa_margin-b--40-m {
  margin-bottom: 40px;
}
.w1024 .aa_margin-l---30-m {
  margin-left: -30px;
}
.w1024 .aa_margin-l---20-m {
  margin-left: -20px;
}
.w1024 .aa_margin-l--auto-m {
  margin-left: auto;
}
.w1024 .aa_margin-l--0-m {
  margin-left: 0;
}
.w1024 .aa_margin-l--10-m {
  margin-left: 10px;
}
.w1024 .aa_margin-tb--30-m {
  margin-top: 30px;
  margin-bottom: 30px;
}
.w1024 .aa_margin-lr--10-m {
  margin-right: 10px;
  margin-left: 10px;
}
.w1024 .aa_padding--0-m {
  padding: 0;
}
.w1024 .aa_padding-l--0-m {
  padding-left: 0;
}
.w1024 .aa_padding-tb--15-m {
  padding-top: 15px;
  padding-bottom: 15px;
}
.w1024 .aa_padding-tb--20-m {
  padding-top: 20px;
  padding-bottom: 20px;
}
.w1024 .aa_padding-b--9-m {
  padding-bottom: 9px;
}
.w1024 .aa_padding-lr--4-m {
  padding-left: 4px;
  padding-right: 4px;
}
.w1024 .aa_padding-lr--16-m {
  padding-left: 16px;
  padding-right: 16px;
}
.w1024 .aa_position--static-m {
  position: static;
}
.w1024 .aa_top-0-m {
  top: 0;
}
.w1024 .aa_top-20-m {
  top: 20px;
}
.w1024 .aa_top-57-m {
  top: 57px;
}
.w1024 .aa_top-60-m {
  top: 60px;
}

.w1280 .aa_display--flex-l {
  display: flex;
}
.w1280 .aa_order-1-l {
  order: 1;
}
.w1280 .aa_order-2-l {
  order: 2;
}
.w1280 .aa_order-3-l {
  order: 3;
}
.w1280 .aa_width--10-l {
  width: 10%;
}
.w1280 .aa_width--16-l {
  width: 16.66667%;
}
.w1280 .aa_width--20-l {
  width: 20%;
}
.w1280 .aa_width--25-l {
  width: 25%;
}
.w1280 .aa_width--30-l {
  width: 30%;
}
.w1280 .aa_width--33-l {
  width: 33.33337%;
}
.w1280 .aa_width--40-l {
  width: 40%;
}
.w1280 .aa_width--50-l {
  width: 50%;
}
.w1280 .aa_width--60-l {
  width: 60%;
}
.w1280 .aa_width--66-l {
  width: 66.66667%;
}
.w1280 .aa_width--70-l {
  width: 70%;
}
.w1280 .aa_width--75-l {
  width: 75%;
}
.w1280 .aa_width--80-l {
  width: 80%;
}
.w1280 .aa_width--90-l {
  width: 90%;
}
.w1280 .aa_width--100-l {
  width: 100%;
}
.w1280 .aa_w-300-l {
  width: 300px;
}
.w1280 .aa_w-70-l {
  width: 70px;
}
.w1280 .aa_w-80-l {
  width: 80px;
}
.w1280 .aa_w-432-l {
  width: 432px;
}
.w1280 .aa_w-100p-224-l {
  width: calc(100% - 224px);
}
.w1280 .aa_minw-auto-l {
  min-width: auto;
}
.w1280 .aa_maxw-200-l {
  max-width: 200px;
}
.w1280 .aa_margin-lr--auto-l {
  margin-right: auto;
  margin-left: auto;
}
.w1280 .aa_margin-r--112-l {
  margin-right: 112px;
}
.w1280 .aa_margin-r--148-l {
  margin-right: 148px;
}
.w1280 .aa_margin-b--30-l {
  margin-bottom: 30px;
}
.w1280 .aa_pb--05-xl {
  padding-bottom: 5%;
}
.w1280 .aa_pb--10-xl {
  padding-bottom: 10%;
}
.w1280 .aa_pb--15-xl {
  padding-bottom: 15%;
}
.w1280 .aa_pb--20-xl {
  padding-bottom: 20%;
}
.w1280 .aa_pb--25-xl {
  padding-bottom: 25%;
}
.w1280 .aa_pb--28-xl {
  padding-bottom: 28%;
}
.w1280 .aa_pb--30-xl {
  padding-bottom: 30%;
}
.w1280 .aa_pb--35-xl {
  padding-bottom: 35%;
}
.w1280 .aa_pb--40-xl {
  padding-bottom: 40%;
}
.w1280 .aa_pb--45-xl {
  padding-bottom: 45%;
}
.w1280 .aa_pb--50-xl {
  padding-bottom: 50%;
}
.w1280 .aa_pb--55-xl {
  padding-bottom: 55%;
}
.w1280 .aa_pb--60-xl {
  padding-bottom: 60%;
}
.w1280 .aa_pb--65-xl {
  padding-bottom: 65%;
}
.w1280 .aa_pb--70-xl {
  padding-bottom: 70%;
}
.w1280 .aa_pb--75-xl {
  padding-bottom: 75%;
}
.w1280 .aa_pb--80-xl {
  padding-bottom: 80%;
}
.w1280 .aa_pb--85-xl {
  padding-bottom: 85%;
}
.w1280 .aa_pb--90-xl {
  padding-bottom: 90%;
}
.w1280 .aa_pb--95-xl {
  padding-bottom: 95%;
}
.w1280 .aa_pb--100-xl {
  padding-bottom: 100%;
}
.w1280 .aa_pb--105-xl {
  padding-bottom: 105%;
}
.w1280 .aa_pb--110-xl {
  padding-bottom: 110%;
}

.w1440 .aa_display--block-xl {
  display: block;
}
.w1440 .aa_display--flex-xl {
  display: flex;
}
.w1440 .aa_order-1-xl {
  order: 1;
}
.w1440 .aa_order-2-xl {
  order: 2;
}
.w1440 .aa_order-3-xl {
  order: 3;
}
.w1440 .aa_margin--0-xl {
  margin: 0;
}
.w1440 .aa_margin-l---16-xl {
  margin-left: -16px;
}
.w1440 .aa_margin-r--16-xl {
  margin-right: 16px;
}
.w1440 .aa_padding-lr--40-xl {
  padding-right: 40px;
  padding-left: 40px;
}
.w1440 .aa_width--10-xl {
  width: 10%;
}
.w1440 .aa_width--16-xl {
  width: 16.66667%;
}
.w1440 .aa_width--20-xl {
  width: 20%;
}
.w1440 .aa_width--25-xl {
  width: 25%;
}
.w1440 .aa_width--30-xl {
  width: 30%;
}
.w1440 .aa_width--33-xl {
  width: 33.33337%;
}
.w1440 .aa_width--40-xl {
  width: 40%;
}
.w1440 .aa_width--50-xl {
  width: 50%;
}
.w1440 .aa_width--60-xl {
  width: 60%;
}
.w1440 .aa_width--66-xl {
  width: 66.66667%;
}
.w1440 .aa_width--70-xl {
  width: 70%;
}
.w1440 .aa_width--75-xl {
  width: 75%;
}
.w1440 .aa_width--80-xl {
  width: 80%;
}
.w1440 .aa_width--90-xl {
  width: 90%;
}
.w1440 .aa_width--100-xl {
  width: 100%;
}
.w1440 .aa_w-200-xl {
  width: 200px;
}

.w1600 .aa_margin-l--60-xxl {
  margin-left: 60px;
}
.w1600 .aa_w-200-xxl {
  width: 200px;
}

/* -----------------------------------*\
   #COLORS AND GRADIENTS
\*----------------------------------- */
.aa_bg-000--004-hover:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.aa_bgc-black {
  background-color: rgb(0, 0, 0);
}
.aa_bgc-transparent {
  background-color: transparent;
}
.aa_bgc-purple {
  background-color: var(--purple);
}
.aa_bgc-purple008 {
  background-color: var(--purple008);
}
.aa_bgc-red {
  background-color: var(--red500);
}
.aa_bgc-red200 {
  background-color: var(--red200);
}
.aa_bgc-destructive {
  background-color: var(--destructive);
}
.aa_bgc-orange01 {
  background-color: var(--orange01);
}
.aa_bgc-orange {
  background-color: var(--orange500);
}
.aa_bgc-yellow {
  background-color: var(--yellow);
}
.aa_bgc-green01 {
  background-color: var(--green01);
}
.aa_bgc-green {
  background-color: var(--green500);
}
.aa_bgc-green100 {
  background-color: var(--green100);
}
.aa_bgc-orange100 {
  background-color: var(--orange100);
}
.aa_bgc-blue {
  background-color: var(--blue);
}
.aa_bgc-grey50 {
  background-color: var(--grey50);
}
.aa_bgc-grey100 {
  background-color: var(--grey100);
}
.aa_bgc-grey500 {
  background-color: var(--grey500);
}
.aa_bgc-grey500-005 {
  background-color: var(--grey500-005);
}
.aa_bgc-grey500-01 {
  background-color: var(--grey500-01);
}
.aa_bgc-grey500-02 {
  background-color: var(--grey500-02);
}
.aa_bgc-grey600 {
  background-color: var(--grey600);
}
.aa_bgc-grey900 {
  background-color: var(--grey900);
}
.aa_bgc-primary01 {
  background-color: var(--primary01);
}
.aa_bgc-primary {
  background-color: var(--primary500);
}
.aa_bgc-primary50 {
  background-color: var(--primary50);
}
.aa_bgc-primary100 {
  background-color: var(--primary100);
}
.aa_bgc-primary200 {
  background-color: var(--primary200);
}
.aa_bgc-white {
  background-color: var(--white);
}
.aa_bgc-white2 {
  background-color: var(--white2);
}
.aa_bgc-white09 {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.aa_bgc-white002 {
  background-color: hsla(0, 0%, 100%, 0.02);
}
.aa_bgc-base {
  background-color: var(--bg1);
}
.aa_bgc-base-o {
  background-color: var(--bg1d);
}
.aa_bgc-disabled {
  background-color: var(--grey100);
}
.aa_bgc-low {
  background-color: var(--low-severity);
}
.aa_bgc-low-01 {
  background-color: var(--low-severity01);
}
.aa_bgc-medium {
  background-color: var(--medium-severity);
}
.aa_bgc-medium-01 {
  background-color: var(--medium-severity01);
}
.aa_bgc-high {
  background-color: var(--high-severity);
}
.aa_bgc-high-01 {
  background-color: var(--high-severity01);
}
.aa_bgc-BIOMETRIC {
  background-color: var(--biometric);
}
.aa_bgc-BIOMETRIC-01 {
  background-color: var(--biometric01);
}
.aa_bgc-COMPANY {
  background-color: var(--company);
}
.aa_bgc-COMPANY-01 {
  background-color: var(--company01);
}
.aa_bgc-CONFIDENTIAL {
  background-color: var(--confidential);
}
.aa_bgc-CONFIDENTIAL-01 {
  background-color: var(--confidential01);
}
.aa_bgc-CUSTOM {
  background-color: var(--custom);
}
.aa_bgc-CUSTOM-01 {
  background-color: var(--customl01);
}
.aa_bgc-LOCATION {
  background-color: var(--location);
}
.aa_bgc-LOCATION-01 {
  background-color: var(--location01);
}
.aa_bgc-MEDICAL {
  background-color: var(--medical);
}
.aa_bgc-MEDICAL-01 {
  background-color: var(--medical01);
}
.aa_bgc-OTHER {
  background-color: var(--other);
}
.aa_bgc-OTHER-01 {
  background-color: var(--other01);
}
.aa_bgc-PERSONAL {
  background-color: var(--personal);
}
.aa_bgc-PERSONAL-01 {
  background-color: var(--personal01);
}
.aa_bgc-PRODUCT {
  background-color: var(--product);
}
.aa_bgc-PRODUCT-01 {
  background-color: var(--product01);
}
.aa_bgc-QUANTITY {
  background-color: var(--quantity);
}
.aa_bgc-QUANTITY-01 {
  background-color: var(--quantity01);
}
.aa_palette-1 {
  background-color: #c62828;
}
.aa_palette-2 {
  background-color: #ad1457;
}
.aa_palette-3 {
  background-color: #6a1b9a;
}
.aa_palette-4 {
  background-color: #4527a0;
}
.aa_palette-5 {
  background-color: #283593;
}
.aa_palette-6 {
  background-color: #1565c0;
}
.aa_palette-7 {
  background-color: #0277bd;
}
.aa_palette-8 {
  background-color: #00838f;
}
.aa_palette-9 {
  background-color: #00695c;
}
.aa_palette-10 {
  background-color: #2e7d32;
}
.aa_palette-11 {
  background-color: #558b2f;
}
.aa_palette-12 {
  background-color: #9e9d24;
}
.aa_palette-13 {
  background-color: #827717;
}
.aa_palette-14 {
  background-color: #f9a825;
}
.aa_palette-15 {
  background-color: #ff8f00;
}
.aa_palette-16 {
  background-color: #ef6c00;
}
.aa_palette-17 {
  background-color: #d84315;
}
.aa_palette-18 {
  background-color: #4e342e;
}
.aa_palette-19 {
  background-color: #424242;
}
.aa_palette-20 {
  background-color: #37474f;
}
.aa_grad-0 {
  background: linear-gradient(45deg, #24c6dc, #514a9d);
}
.aa_grad-1 {
  background: linear-gradient(45deg, #1cd8d2, #93edc7);
}
.aa_grad-2 {
  background: linear-gradient(45deg, #5c258d, #4389a2);
}
.aa_grad-3 {
  background: linear-gradient(45deg, #134e5e, #71b280);
}
.aa_grad-4 {
  background: linear-gradient(45deg, #4776e6, #8e54e9);
}
.aa_grad-5 {
  background: linear-gradient(45deg, #ff8008, #ffc837);
}
.aa_grad-6 {
  background: linear-gradient(45deg, #1d976c, #93f9b9);
}
.aa_grad-7 {
  background: linear-gradient(45deg, #eb3349, #f45c43);
}
.aa_grad-8 {
  background: linear-gradient(45deg, #aa076b, #61045f);
}
.aa_grad-9 {
  background: linear-gradient(45deg, #dce35b, #45b649);
}
.aa_fill-primary200 {
  fill: var(--primary200);
}
.aa_fill-grey100 {
  fill: var(--grey100);
}
.aa_fill-BIOMETRIC {
  fill: var(--biometric);
}
.aa_fill-COMPANY {
  fill: var(--company);
}
.aa_fill-CONFIDENTIAL {
  fill: var(--confidential);
}
.aa_fill-CUSTOM {
  fill: var(--custom);
}
.aa_fill-LOCATION {
  fill: var(--location);
}
.aa_fill-MEDICAL {
  fill: var(--medical);
}
.aa_fill-OTHER {
  fill: var(--other);
}
.aa_fill-PERSONAL {
  fill: var(--personal);
}
.aa_fill-PRODUCT {
  fill: var(--product);
}
.aa_fill-QUANTITY {
  fill: var(--quantity);
}
.aa_stroke-primary {
  stroke: var(--primary);
}
.aa_stroke-base {
  stroke: var(--txt);
}
.aa_stroke-base-o {
  stroke: var(--txtd);
}
.aa_txtc-white {
  color: #fff;
}
.aa_txtc-white04 {
  color: rgba(255, 255, 255, 0.4);
}
.aa_txtc-white053 {
  color: rgba(255, 255, 255, 0.53);
}
.aa_txtc-black, .aa_txtc-black-hover:focus, .aa_txtc-black-hover:hover {
  color: #000;
}
.aa_txtc-black05 {
  color: hsla(0, 0%, 0%, 0.5);
}
.aa_txtc-blue {
  color: var(--blue);
}
.aa_txtc-green {
  color: var(--green);
}
.aa_txtc-yellow {
  color: var(--yellow);
}
.aa_txtc-orange {
  color: var(--orange);
}
.aa_txtc-red {
  color: var(--red);
}
.aa_txtc-red500 {
  color: var(--red500);
}
.aa_txtc-red700 {
  color: var(--red700);
}
.aa_txtc-destructive {
  color: var(--destructive);
}
.aa_txtc-purple {
  color: var(--purple);
}
.aa_txtc-grey {
  color: var(--grey500);
}
.aa_txtc-grey500-01 {
  color: var(--grey500-01);
}
.aa_txtc-grey500-02 {
  color: var(--grey500-02);
}
.aa_txtc-grey500-03 {
  color: var(--grey500-03);
}
.aa_txtc-grey100 {
  color: var(--grey100);
}
.aa_txtc-grey200 {
  color: var(--grey200);
}
.aa_txtc-grey400 {
  color: var(--grey400);
}
.aa_txtc-grey500 {
  color: var(--grey500);
}
.aa_txtc-grey600 {
  color: var(--grey600);
}
.aa_txtc-grey700 {
  color: var(--grey700);
}
.aa_txtc-grey800 {
  color: var(--grey800);
}
.aa_txtc-primary {
  color: var(--primary);
}
.aa_txtc-primary200 {
  color: var(--primary200);
}
.aa_txtc-primary300 {
  color: var(--primary300);
}
.aa_txtc-primary600 {
  color: var(--primary600);
}
.aa_txtc-primary800 {
  color: var(--primary800);
}
.aa_txtc-base {
  color: var(--txt);
}
.aa_txtc-base-o {
  color: var(--txtd);
}
.aa_txtc-danger {
  color: var(--red600);
}
.aa_txtc-disabled {
  color: var(--grey100);
}
.aa_txtc-brand {
  color: var(--brand);
}
.aa_txtc-low {
  color: var(--low-severity);
}
.aa_txtc-medium {
  color: var(--medium-severity);
}
.aa_txtc-high {
  color: var(--high-severity);
}
.aa_txtc-BIOMETRIC {
  color: var(--biometric);
}
.aa_txtc-COMPANY {
  color: var(--company);
}
.aa_txtc-CONFIDENTIAL {
  color: var(--confidential);
}
.aa_txtc-CUSTOM {
  color: var(--custom);
}
.aa_txtc-LOCATION {
  color: var(--location);
}
.aa_txtc-MEDICAL {
  color: var(--medical);
}
.aa_txtc-OTHER {
  color: var(--other);
}
.aa_txtc-PERSONAL {
  color: var(--personal);
}
.aa_txtc-PRODUCT {
  color: var(--product);
}
.aa_txtc-QUANTITY {
  color: var(--quantity);
}
.aa_line-grey100 {
  border-bottom: 1px solid var(--grey100);
}

.aa_bgc-grey-h:hover {
  background-color: rgb(136, 136, 136);
}

.aa_bgc-grey500-01-h:focus,
.aa_bgc-grey500-01-h:hover {
  background-color: var(--grey500-01);
}

.aa_bgc-grey500-02-h:hover {
  background-color: var(--grey500-02);
}

@supports selector(:focus-visible) {
  .aa_bgc-grey500-01-h:focus {
    background-color: var(--grey500-0);
  }
  .aa_bgc-grey500-01-h:focus-visible,
  .aa_bgc-grey500-01-h:hover {
    background-color: var(--grey500-01);
  }
}
/**
 * Tablet
 */
.w768 .aa_bgc-grey500-01-s {
  background-color: var(--grey500-01);
}

/* -----------------------------------*\
   #VISIBILITY
\*----------------------------------- */
.aa_hidden {
  display: none;
  visibility: hidden;
}

.aa_visibility-hidden {
  visibility: hidden;
}

.touchevents .aa_hide--touchdevice,
.aa_hide--only-child:only-child {
  display: none;
}

.aa_invisible {
  opacity: 0;
  pointer-events: none;
}

:hover > .aa_hide--hover,
:active > .aa_hide--hover,
.aa_hover-t:hover .aa_hide--hover-t,
.aa_hover-t:active .aa_hide--hover-t {
  display: none;
}

.aa_show--only-child {
  display: none;
}

.aa_show--only-child:only-child {
  display: block;
}

.aa_show--hover,
.aa_show--hover-t {
  display: none;
}

:hover > .aa_show--hover,
:active > .aa_show--hover,
.aa_hover-t:hover .aa_show--hover-t,
.aa_hover-t:active .aa_show--hover-t,
.aa_hover-t.hover .aa_show--hover-t {
  display: initial;
}

.aa_visible--hover {
  visibility: hidden;
}

.aa_overflow-y-auto {
  overflow-y: auto;
}

:hover > .aa_visible--hover,
:active > .aa_visible--hover {
  visibility: visible;
}

.aa_force-hide {
  display: none !important;
}

.aa_sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}

.w480 .aa_hide--xs {
  display: none;
}

.ember-application:not(.w375) .aa_show--xxs {
  display: none;
}
.ember-application:not(.w375) .aa_hide-z40 {
  display: none;
}

.ember-application:not(.w480) .aa_show--xs {
  display: none;
}
.ember-application:not(.w480) .aa_hide-z30 {
  display: none;
}

/* show above these screen sizes + 1px */
.ember-application:not(.w768) .aa_show--s {
  display: none;
}
.ember-application:not(.w768) :hover > .aa_show--hover.aa_show--s,
.ember-application:not(.w768) :active > .aa_show--hover.aa_show--s {
  display: none;
}

.ember-application:not(.w1024) .aa_show--m {
  display: none;
}

.ember-application:not(.w1280) .aa_show--l {
  display: none;
}
.ember-application:not(.w1280) .aa_hide-z20 {
  display: none;
}

.ember-application:not(.w1440) .aa_show--xl {
  display: none;
}
.ember-application:not(.w1440) .aa_hide-z10 {
  display: none;
}

/**
 * Tablet
 */
.w768 .aa_hide--s {
  display: none;
}
.w768 .aa_sr-only--s {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}

/**
 * Desktop
 */
/* hide above these screen sizes */
.w1024 .aa_hide--m {
  display: none;
}
.w1024 .aa_sr-only--m {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}

.w1280 .aa_hide--l {
  display: none;
}

.w1440 .aa_hide--xl {
  display: none;
}

/* -----------------------------------*\
   #MISCELLANEOUS
\*----------------------------------- */
.aa_code {
  color: #080808;
}

.aa_code-key {
  color: #95009a;
}

.aa_code-str {
  color: #007f00;
}

.aa_code-num {
  color: #0051f4;
}

.aa_code-bool {
  color: #0034ba;
}

.dark .aa_code {
  color: #d97317;
}

.dark .aa_code-key {
  color: #9e74ae;
}

.dark .aa_code-str {
  color: #628854;
}

.dark .aa_code-num {
  color: #5999bf;
}

.dark .aa_code-bool {
  color: #d97317;
}

.aa_code-lvl-1 {
  padding-left: 0em;
}

.aa_code-lvl-2 {
  padding-left: 1.3em;
}

.aa_code-lvl-3 {
  padding-left: 2.6em;
}

.aa_code-lvl-4 {
  padding-left: 3.9em;
}

.aa_code-lvl-5 {
  padding-left: 5.2em;
}

.aa_code-lvl-6 {
  padding-left: 6.5em;
}

.aa_code-lvl-7 {
  padding-left: 7.8em;
}

.aa_code-lvl-8 {
  padding-left: 9.1em;
}

.aa_code-lvl-9 {
  padding-left: 10.4em;
}

.aa_code-lvl-10 {
  padding-left: 11.7em;
}

.aa_filter-greyscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.aa_filter-invert {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.aa_shadow-none {
  box-shadow: none;
}
.aa_shadow-down {
  box-shadow: 0 2px;
}
.aa_shadow-down-2 {
  box-shadow: 0 1px 0 var(--light-border2);
}
.aa_shadow-down-3 {
  box-shadow: 0 6px 12px hsla(0, 0%, 0%, 0.16);
}
.aa_shadow-down-4 {
  box-shadow: 0 -3px 0 inset;
}
.aa_shadow-right {
  box-shadow: 1px 0 0 var(--light-border2);
}
.aa_shadow-round {
  box-shadow: 0 0 0 1px;
}
.aa_shadow-round-red {
  box-shadow: 0 0 0 1px var(--red500);
}
.aa_shadow-round-grey200 {
  box-shadow: 0 0 0 1px var(--grey200);
}
.aa_shadow-round-grey500-01 {
  box-shadow: 0 0 0 1px var(--grey500-01);
}
.aa_shadow-round-grey500-02 {
  box-shadow: 0 0 0 1px var(--grey500-02);
}
.aa_shadow-round-border {
  box-shadow: 0 0 0 1px var(--light-border2);
}
.aa_shadow-round-border-2 {
  box-shadow: 0 0 0 1px var(--grey100);
}
.aa_shadow-round-2 {
  box-shadow: 0 0 0 2px;
}
.aa_shadow-inset-up-4 {
  box-shadow: inset 0 -4px;
}
.aa_shadow-inset-up-down-2 {
  box-shadow: 0 -2px inset, 0 2px;
}

.aa_sr {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}

.pika-single {
  border: none;
}

.aa_transform-left--106pc {
  transform: translate3d(106%, 0, 0);
}

.aa_transform-3d {
  transform: translate3d(0, 0, 0);
}

.aa_transform-none {
  transform: none;
}

.aa_trans-delay--0 {
  transition-delay: 0s;
}

.aa_transition-none {
  transition: none;
}
.aa_transition-all, .aa_transition-all2 {
  transition: all 0.3s;
}
.aa_transition-all2 {
  transition-timing-function: var(--bezier);
}
.aa_transition-bgc {
  transition: background-color 0.3s;
}
.aa_transition-shadow {
  transition: box-shadow 0.3s;
}
.aa_transition-bgc-shadow {
  transition: background-color 0.3s, box-shadow 0.3s;
}
.aa_transition-color {
  transition: color 0.3s;
}
.aa_transition-bgc-color {
  transition: background-color 0.3s, color 0.3s;
}
.aa_transition-transform {
  transition: transform 0.3s var(--bezier);
}
.aa_transition-maxh {
  transition: max-height 0.3s var(--bezier);
}
.aa_transition-filter {
  transition: -webkit-filter 0.3s, filter 0.3s;
}
.aa_transition-stroke-dashoffset {
  transition: stroke-dashoffset 0.3s var(--bezier);
}
.aa_transition-wh {
  transition: width 0.3s var(--bezier), height 0.3s var(--bezier);
}

/**
 * Tablet
 */
.w768 .aa_shadow-round-border-s, .w768 .aa_shadow-round-page {
  box-shadow: 0 0 0 1px var(--light-border2);
}

.aa_zigzag {
  background-image: radial-gradient(var(--bg1) 50%, transparent 50%);
  background-size: 10px 10px;
  background-position: 1px -5px;
  background-repeat: repeat-x;
}

.dark .aa_zigzag {
  background-image: radial-gradient(var(--bg1d) 50%, transparent 50%);
  background-size: 10px 10px;
  background-position: 1px -5px;
  background-repeat: repeat-x;
}

/* -----------------------------------*\
  #DARK THEME
\*----------------------------------- */
.ember-application.dark,
.dark .ember-application {
  color: var(--txtd);
  background-color: var(--bg1d);
}

.dark {
  scrollbar-color: var(--grey600) transparent;
  /* -----------------------------------*\
    #LINE
  \*----------------------------------- */
  /* -----------------------------------*\
    #TAG
  \*----------------------------------- */
  /* -----------------------------------*\
    #NAV
  \*----------------------------------- */
  /* -----------------------------------*\
    #ACTION BAR
  \*----------------------------------- */
  /* -----------------------------------*\
    #AVATAR
  \*----------------------------------- */
  /* -----------------------------------*\
    #TABS
  \*----------------------------------- */
  /* -----------------------------------*\
    #ENTITY
  \*----------------------------------- */
  /* -----------------------------------*\
    #ROW
  \*----------------------------------- */
  /* -----------------------------------*\
    #PLACEHOLDER ROW
  \*----------------------------------- */
  /* -----------------------------------*\
    #TOOL SELECT
  \*----------------------------------- */
  /* -----------------------------------*\
    #BUTTON
  \*----------------------------------- */
  /* -----------------------------------*\
    #CHECK
  \*----------------------------------- */
  /* -----------------------------------*\
    #SEGMENTED
  \*----------------------------------- */
  /* -----------------------------------*\
    #PROGRESS
  \*----------------------------------- */
  /* -----------------------------------*\
    #INPUT
  \*----------------------------------- */
  /* -----------------------------------*\
    #SWITCH
  \*----------------------------------- */
  /* -----------------------------------*\
    #DRAG
  \*----------------------------------- */
  /* -----------------------------------*\
    #COLORS AND GRADIENTS
  \*----------------------------------- */
  /* -----------------------------------*\
    #HOVER INFO AND TIP
  \*----------------------------------- */
  /* -----------------------------------*\
    #NOTES
  \*----------------------------------- */
  /* -----------------------------------*\
    #DROP
  \*----------------------------------- */
  /* -----------------------------------*\
    #NEXT DOC
  \*----------------------------------- */
  /* -----------------------------------*\
    #SPINNER
  \*----------------------------------- */
  /* -----------------------------------*\
     #MISCELLANEOUS
  \*----------------------------------- */
  /* -----------------------------------*\
    #ONBOARDING
  \*----------------------------------- */
  /* -----------------------------------*\
    #BREADCRUMBS
  \*----------------------------------- */
  /* -----------------------------------*\
    #ACCORDION
  \*----------------------------------- */
  /* -----------------------------------*\
    #SEARCH
  \*----------------------------------- */
  /* -----------------------------------*\
    #SPLASH SCREEN
  \*----------------------------------- */
  /* -----------------------------------*\
    #CREDITS
  \*----------------------------------- */
  /* -----------------------------------*\
    #DOC
  \*----------------------------------- */
}
.dark a {
  color: var(--primary200);
}
.dark .re_bg {
  background-color: var(--bg1d);
}
.dark .re_bg2 {
  background-color: var(--bg2d);
}
.dark .re_bg3 {
  background-color: var(--bg3d);
}
.dark .re_popup_, .dark .re_popup.full {
  background-color: var(--bg1d);
}
.dark .re_popup_ {
  border: 1px solid var(--dark-border);
  box-shadow: var(--dark-drop-shadow);
}
.dark .re_popup_upload-region {
  border: 2px dashed var(--grey700);
}
.dark .re_popup_upload-region:focus, .dark .re_popup_upload-region:hover {
  background-color: rgba(204, 204, 204, 0.1);
}
.dark .re_card {
  background-color: var(--bg2d);
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 17.1%);
  color: var(--txtd);
}
.dark .re_card-drop {
  background-color: var(--grey900);
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 17.1%), var(--dark-drop-shadow);
}
.dark .re_card-drop-borderless {
  box-shadow: none;
}
.dark .re_card-point.bordered {
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 17.1%) inset;
}
.dark .re_session-expired {
  background-color: var(--orange800);
  color: var(--orange100);
}
.dark .re_page_in::after {
  box-shadow: 0 0 0 1px var(--grey800) inset;
}
.dark .re_page_in_hidden-redacted-thumb::before {
  background: hsla(240, 2%, 20%, 0.9);
}
.dark .re_page_in_hidden-removed-thumb {
  background-color: hsla(240, 3%, 11.4%, 0.9);
}
.dark .re_page_in_hidden-removed-thumb::before {
  background: linear-gradient(53deg, var(--grey800-0) 49.5%, var(--grey800) 49.6% 50.4%, var(--grey800-0) 50.5%), linear-gradient(-53deg, var(--grey800-0) 49.5%, var(--grey800) 49.6% 50.4%, var(--grey800-0) 50.5%);
}
.dark .re_h_p .re_page_in::after {
  box-shadow: 0 0 0 2px hsl(0, 0%, 95%) inset;
}
.dark .re_page_thumb {
  background-color: #000;
}
.dark .re_page_thumb::after {
  box-shadow: 0 0 0 1px var(--dark-border);
  display: block;
}
.dark .re_page_thumb.highlight::before {
  background-color: hsl(240, 1%, 28.6%);
}
.dark .re_peek_btn {
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 28.6%) inset;
}
.dark .re_peek_btn-full {
  background: hsl(var(--hue), 1%, 28.6%);
}
.dark .re_peek_btn-half {
  background: linear-gradient(to right, transparent 0%, transparent 50%, hsl(var(--hue), 1%, 28.6%) 50%);
}
.dark .re_card_tab.active {
  background-color: var(--bg2d);
}
.dark .re_loader_chip1 {
  stroke: var(--grey700);
}
.dark .re_loader_text {
  background-color: var(--bg1d);
}
.dark .re_drag_ball {
  background-color: hsl(240, 1%, 17.1%);
}
.dark .re_dl-row_check-fill-circle_svg > polyline, .dark .re_dl-row_delete_svg > line {
  stroke: var(--bg1d);
}
.dark .re_table_border {
  border-right: solid 1px var(--grey500-03);
  border-bottom: solid 1px var(--grey500-03);
}
.dark .re_line-page {
  border-bottom: solid 1px var(--dark-border);
}
.dark .re_tag.bw, .dark .re_tag.grey {
  color: #000;
}
.dark .re_tag.bw {
  background-color: #fff;
}
.dark .re_nav_top {
  background-color: var(--nav-bg-dark);
}
.dark .re_nav_logo {
  background-color: #fff;
}
.dark .re_nav_logo-link:focus .re_nav_logo-link-focus, .dark .re_nav_logo-link:hover .re_nav_logo-link-focus {
  background-color: rgba(255, 255, 255, 0.15);
}
.dark .re_actionbar {
  background-color: var(--grey900);
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 17.1%), var(--dark-drop-shadow);
  color: var(--txtd);
}
.dark .re_avatar {
  color: #000;
}
.dark .re_avatar_sample {
  background-color: #fff;
}
.dark .re_avatar_sample::before, .dark .re_avatar_sample::after {
  background-color: #000;
}
.dark .re_avatar_border {
  box-shadow: 0 0 0 1px var(--grey700);
}
.dark .re_avatar_button {
  box-shadow: 0 0 0 0 var(--grey700), 0 0 0 3px transparent;
}
.dark .re_avatar_button:focus {
  box-shadow: 0 0 0 0 var(--grey700), 0 0 0 3px var(--primary200);
}
.dark .re_avatar_button-bordered {
  box-shadow: 0 0 0 1px var(--grey700), 0 0 0 4px transparent;
}
.dark .re_avatar_button-bordered:focus {
  box-shadow: 0 0 0 1px var(--grey700), 0 0 0 4px var(--primary200);
}
.dark .re_tab, .dark .re_tab-link {
  color: var(--grey400);
}
.dark .re_tab[aria-selected=true], .dark .re_tab:hover[aria-selected=false] {
  color: currentcolor;
}
.dark .re_tab-link:hover, .dark .re_tab-link.selected {
  color: #fff;
}
.dark .re_tablist_header {
  color: var(--grey400);
}
.dark .re_entity_sel_ {
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 28.6%) inset;
}
.dark .re_entity_text::before {
  background-color: hsl(var(--hue), 2%, 20%);
}
.dark .re_entity_risk-bar-inner {
  background-color: #fff;
}
.dark .half .re_entity_sel_ {
  background: linear-gradient(to right, transparent 0%, transparent 50%, hsl(var(--hue), 1%, 28.6%) 50%);
}
.dark .full .re_entity_sel_ {
  background: hsl(var(--hue), 1%, 28.6%);
}
.dark .full > .re_entity_text::before,
.dark .half > .re_entity_text::before {
  background-color: hsl(var(--hue), 1%, 28.6%);
}
.dark .re_row-selected > .re_row-inner {
  background-color: #fff;
  color: #000;
}
.dark .re_row-hover:focus > .re_row-inner, .dark .re_row-hover:hover > .re_row-inner, .dark .re_row-hover:active > .re_row-inner, .dark .re_row-hover.active > .re_row-inner {
  background-color: rgba(204, 204, 204, 0.1);
}
.dark .re_row-hover:focus > .aa_bgc-low-01-hover, .dark .re_row-hover:hover > .aa_bgc-low-01-hover, .dark .re_row-hover:active > .aa_bgc-low-01-hover, .dark .re_row-hover.active > .aa_bgc-low-01-hover {
  background-color: var(--low-severity01);
}
.dark .re_row-hover:focus > .aa_bgc-medium-01-hover, .dark .re_row-hover:hover > .aa_bgc-medium-01-hover, .dark .re_row-hover:active > .aa_bgc-medium-01-hover, .dark .re_row-hover.active > .aa_bgc-medium-01-hover {
  background-color: var(--medium-severity01);
}
.dark .re_row-hover:focus > .aa_bgc-high-01-hover, .dark .re_row-hover:hover > .aa_bgc-high-01-hover, .dark .re_row-hover:active > .aa_bgc-high-01-hover, .dark .re_row-hover.active > .aa_bgc-high-01-hover {
  background-color: var(--high-severity01);
}
.dark .re_row-hover:focus > .aa_bgc-BIOMETRIC-01-hover, .dark .re_row-hover:hover > .aa_bgc-BIOMETRIC-01-hover, .dark .re_row-hover:active > .aa_bgc-BIOMETRIC-01-hover, .dark .re_row-hover.active > .aa_bgc-BIOMETRIC-01-hover {
  background-color: var(--biometric01);
}
.dark .re_row-hover:focus > .aa_bgc-COMPANY-01-hover, .dark .re_row-hover:hover > .aa_bgc-COMPANY-01-hover, .dark .re_row-hover:active > .aa_bgc-COMPANY-01-hover, .dark .re_row-hover.active > .aa_bgc-COMPANY-01-hover {
  background-color: var(--company01);
}
.dark .re_row-hover:focus > .aa_bgc-CONFIDENTIAL-01-hover, .dark .re_row-hover:hover > .aa_bgc-CONFIDENTIAL-01-hover, .dark .re_row-hover:active > .aa_bgc-CONFIDENTIAL-01-hover, .dark .re_row-hover.active > .aa_bgc-CONFIDENTIAL-01-hover {
  background-color: var(--confidential01);
}
.dark .re_row-hover:focus > .aa_bgc-CUSTOM-01-hover, .dark .re_row-hover:hover > .aa_bgc-CUSTOM-01-hover, .dark .re_row-hover:active > .aa_bgc-CUSTOM-01-hover, .dark .re_row-hover.active > .aa_bgc-CUSTOM-01-hover {
  background-color: var(--custom01);
}
.dark .re_row-hover:focus > .aa_bgc-LOCATION-01-hover, .dark .re_row-hover:hover > .aa_bgc-LOCATION-01-hover, .dark .re_row-hover:active > .aa_bgc-LOCATION-01-hover, .dark .re_row-hover.active > .aa_bgc-LOCATION-01-hover {
  background-color: var(--location01);
}
.dark .re_row-hover:focus > .aa_bgc-MEDICAL-01-hover, .dark .re_row-hover:hover > .aa_bgc-MEDICAL-01-hover, .dark .re_row-hover:active > .aa_bgc-MEDICAL-01-hover, .dark .re_row-hover.active > .aa_bgc-MEDICAL-01-hover {
  background-color: var(--medical01);
}
.dark .re_row-hover:focus > .aa_bgc-OTHER-01-hover, .dark .re_row-hover:hover > .aa_bgc-OTHER-01-hover, .dark .re_row-hover:active > .aa_bgc-OTHER-01-hover, .dark .re_row-hover.active > .aa_bgc-OTHER-01-hover {
  background-color: var(--other01);
}
.dark .re_row-hover:focus > .aa_bgc-PERSONAL-01-hover, .dark .re_row-hover:hover > .aa_bgc-PERSONAL-01-hover, .dark .re_row-hover:active > .aa_bgc-PERSONAL-01-hover, .dark .re_row-hover.active > .aa_bgc-PERSONAL-01-hover {
  background-color: var(--personal01);
}
.dark .re_row-hover:focus > .aa_bgc-PRODUCT-01-hover, .dark .re_row-hover:hover > .aa_bgc-PRODUCT-01-hover, .dark .re_row-hover:active > .aa_bgc-PRODUCT-01-hover, .dark .re_row-hover.active > .aa_bgc-PRODUCT-01-hover {
  background-color: var(--product01);
}
.dark .re_row-hover:focus > .aa_bgc-QUANTITY-01-hover, .dark .re_row-hover:hover > .aa_bgc-QUANTITY-01-hover, .dark .re_row-hover:active > .aa_bgc-QUANTITY-01-hover, .dark .re_row-hover.active > .aa_bgc-QUANTITY-01-hover {
  background-color: var(--quantity01);
}
.dark .re_row-link, .dark .re_row-inner-link {
  color: currentcolor;
}
.dark .re_row-link:focus .re_row-inner, .dark .re_row-link:hover .re_row-inner, .dark .re_row-inner-link:focus + .re_row-inner-link-area, .dark .re_row-inner-link:hover + .re_row-inner-link-area {
  background-color: var(--grey800);
}
.dark .re_row-selected:focus > .re_row-inner, .dark .re_row-selected:hover > .re_row-inner, .dark .re_row-selected:active > .re_row-inner, .dark .re_row-selected.active > .re_row-inner {
  background-color: #fff;
  color: #000;
}
.dark .re_row-nav-btn:focus > .re_row-inner, .dark .re_row-nav-btn:hover > .re_row-inner, .dark .re_row-nav-btn:active > .re_row-inner, .dark .re_row-nav-btn.active > .re_row-inner {
  background-color: rgba(255, 255, 255, 0.15);
}
.dark .re_placeholder-row_square, .dark .re_placeholder-row_x-long-rect, .dark .re_placeholder-row_long-rect, .dark .re_placeholder-row_medium-rect, .dark .re_placeholder-row_short-rect {
  background-color: var(--grey700);
}
.dark .re_tool:not(.light):not(.disable) {
  box-shadow: 0 0 0 0 var(--grey500-0) inset;
}
.dark .re_tool:not(.light):not(.disable):focus, .dark .re_tool:not(.light):not(.disable).focus, .dark .re_tool:not(.light):not(.disable):hover {
  background-color: var(--grey700);
}
.dark .re_tool:not(.light):not(.disable):active, .dark .re_tool:not(.light):not(.disable).active, .dark .re_tool:not(.light):not(.disable).open {
  background-color: #fff;
  color: #000;
}
.dark .re_tool-thin:not(.light):not(.disable):focus, .dark .re_tool-thin:not(.light):not(.disable):hover, .dark .re_tool-thin:not(.light):not(.disable):active, .dark .re_tool-thin:not(.light):not(.disable).active {
  background-color: transparent;
  color: currentcolor;
}
.dark .re_tool-bordered:not(.light):not(.disable) {
  box-shadow: 0 0 0 1px var(--grey700) inset;
}
.dark .re_tool-bordered:not(.light):not(.disable):focus, .dark .re_tool-bordered:not(.light):not(.disable):hover, .dark .re_tool-bordered:not(.light):not(.disable):active, .dark .re_tool-bordered:not(.light):not(.disable).active, .dark .re_tool-bordered:not(.light):not(.disable).open {
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--grey600) inset;
  color: currentcolor;
}
.dark .re_btn:not(.disable):hover > .re_btn_:not(.fill) {
  box-shadow: 0 0 0 1px var(--grey600) inset;
}
.dark .re_btn:not(:disabled):hover .re_btn_hover {
  background-color: var(--grey800);
}
.dark .re_btn.grey::after {
  border-color: var(--grey700);
}
.dark .re_btn:not(.color)::after {
  border-color: var(--grey700);
}
.dark .re_btn.disable::after {
  border-color: var(--grey700);
}
.dark .re_btn.disable-arrow {
  color: var(--grey600);
}
.dark .re_btn.selected:hover > .re_btn_:not(.fill) {
  box-shadow: none;
}
.dark .re_btn.selected:not(.color)::after {
  border-color: inherit;
}
.dark .re_btn.selected-fill:not(.disable):not(.color) > .re_btn_ {
  background-color: #fff;
  color: #000;
}
.dark .re_btn_tag {
  background: #fff;
  color: #000;
}
.dark .re_btn.selected-fill .re_btn_tag {
  background: #000;
  color: #fff;
}
.dark .re_btn_anim_icon-part--auto-1 ~ .re_btn_anim_icon-part--auto {
  background-color: var(--bg1d);
}
.dark .re_btn.selected-fill .re_btn_anim_icon-part--auto-2,
.dark .re_btn.selected-fill .re_btn_anim_icon-part--auto-3 {
  background: #fff;
}
.dark .re_btn-close {
  color: var(--grey600);
}
.dark .re_check::after {
  background-color: #fff;
}
.dark .re_check.grey::after {
  background-color: var(--grey500);
}
.dark .re_segmented {
  background-color: var(--grey800);
}
.dark .re_segmented_btn {
  color: #fff;
}
.dark .re_segmented_btn:focus, .dark .re_segmented_btn:hover {
  color: var(--grey400);
}
.dark .re_segmented_btn.active {
  color: #000;
}
.dark .re_segmented_bg::before {
  background-color: #fff;
}
.dark .re_progress-circle-bg {
  stroke: var(--grey700);
}
.dark .re_input:not(.light),
.dark .re_textarea:not(.light) {
  background-color: transparent;
}
.dark .re_input:not(.light):disabled,
.dark .re_textarea:not(.light):disabled {
  background-color: var(--grey800);
  color: var(--grey600);
  -webkit-text-fill-color: var(--grey600);
}
.dark .re_input:not(.light)::placeholder,
.dark .re_textarea:not(.light)::placeholder {
  color: var(--grey600);
}
.dark .re_input.shadow,
.dark .re_textarea.shadow {
  box-shadow: 0 0 0 1px var(--grey700), 0 0 0 4px transparent;
}
.dark .re_input.shadow:hover, .dark .re_input.shadow:active,
.dark .re_textarea.shadow:hover,
.dark .re_textarea.shadow:active {
  box-shadow: 0 0 0 1px var(--grey600), 0 0 0 4px transparent;
}
.dark .re_input.shadow:focus,
.dark .re_textarea.shadow:focus {
  box-shadow: 0 0 0 1px var(--primary), 0 0 0 4px var(--primary200);
}
.dark .re_input.line {
  box-shadow: 0 1px var(--grey700);
}
.dark .re_input.line:hover,
.dark .re_input.line:active {
  box-shadow: 0 1px var(--grey600);
}
.dark .re_input.line:focus {
  box-shadow: 0 1px var(--primary200);
}
.dark .re_input.light::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark .re_input-search:not(.light) {
  background-color: #000;
}
.dark .re_input-search.shadow {
  box-shadow: 0 0 0 1px var(--grey800), 0 0 0 4px transparent;
}
.dark .re_checkbox {
  box-shadow: 0 0 0 1px var(--grey600) inset;
}
.dark .re_checkbox:hover {
  box-shadow: 0 0 0 1px hsl(0, 0%, 65%) inset, 0 0 0 3px transparent;
}
.dark .re_checkbox::before {
  color: #000;
}
.dark .re_checkbox:indeterminate::after {
  background-color: #000;
}
.dark .re_checkbox:disabled {
  box-shadow: 0 0 0 1px var(--grey700) inset, 0 0 0 3px transparent;
}
.dark .re_checkbox:checked::before, .dark .re_checkbox:indeterminate::before {
  background-color: hsl(240, 23%, 97.5%);
}
.dark .re_checkbox:checked:disabled::before, .dark .re_checkbox:indeterminate:disabled::before {
  background-color: var(--grey700);
}
.dark .re_checkbox-row-select:checked::before {
  background-color: #000;
  color: #fff;
}
.dark .re_radio {
  box-shadow: 0 0 0 0 hsl(240, 23%, 97.5%) inset, 0 0 0 1px var(--grey600) inset;
}
.dark .re_radio:checked {
  box-shadow: 0 0 0 4px hsl(240, 23%, 97.5%) inset, 0 0 0 1px var(--grey600) inset;
}
.dark .re_radio:checked:disabled {
  box-shadow: 0 0 0 4px var(--grey600) inset, 0 0 0 1px var(--grey400) inset;
}
.dark .re_radio.lg:checked {
  box-shadow: 0 0 0 5px hsl(240, 23%, 97.5%) inset, 0 0 0 1px var(--grey600) inset;
}
.dark .re_radio.lg:checked:disabled {
  box-shadow: 0 0 0 5px var(--grey600) inset, 0 0 0 1px var(--grey400) inset;
}
.dark .re_checkbox:focus ~ .re_checkbox-label-hover,
.dark .re_checkbox:hover ~ .re_checkbox-label-hover,
.dark .re_radio:focus ~ .re_radio-label-hover,
.dark .re_radio:hover ~ .re_radio-label-hover {
  background-color: hsla(0, 0%, 100%, 0.08);
}
.dark .re_radio-option_title {
  color: hsl(0, 0%, 100%);
}
.dark .re_radio-option_desc {
  color: var(--grey200);
}
.dark .re_radio-option .re_radio:hover + .re_radio-option_box {
  background-color: var(--grey800);
}
.dark .re_radio-option .re_radio:checked {
  box-shadow: 0 0 0 5px #000 inset, 0 0 0 1px var(--grey400) inset;
}
.dark .re_radio-option .re_radio:checked + .re_radio-option_box {
  background-color: #fff;
}
.dark .re_radio-option :checked ~ .re_radio-option_text .re_radio-option_title {
  color: #000;
}
.dark .re_radio-option :checked ~ .re_radio-option_text .re_radio-option_desc {
  color: var(--grey700);
}
.dark .re_radio-option :disabled ~ .re_radio-option_text .re_radio-option_title {
  color: var(--grey500);
}
.dark .re_radio-option :disabled ~ .re_radio-option_text .re_radio-option_desc {
  color: var(--grey600);
}
.dark .re_radio-option .re_radio:disabled:hover + .re_radio-option_box {
  background-color: transparent;
}
.dark .re_radio-option .re_radio:checked:disabled:hover + .re_radio-option_box {
  background-color: #fff;
}
.dark .re_switch_ {
  background-color: var(--grey700);
}
.dark .re_switch_.active {
  background-color: var(--primary);
}
.dark .re_switch:hover .re_switch_ {
  background-color: hsl(0, 0%, 37%);
}
.dark .re_switch:hover .re_switch_.active {
  background-color: var(--primary600);
}
.dark .re_drag-track {
  background-color: var(--grey700);
}
.dark .re_drag[type=range]:disabled ~ .re_drag-track {
  background-color: var(--grey800);
}
.dark .re_drag[type=range]:disabled ~ .re_drag-fill {
  background-color: var(--grey700);
}
.dark .re_drag:disabled::-webkit-slider-thumb {
  background-color: var(--grey700);
  box-shadow: 0 0 0 1px var(--grey700) inset;
}
.dark .re_drag:disabled::-moz-range-thumb {
  background-color: var(--grey700);
  box-shadow: 0 0 0 1px var(--grey700) inset;
}
.dark .re_drag:disabled::-ms-thumb {
  background-color: var(--grey700);
  box-shadow: 0 0 0 1px var(--grey700) inset;
}
.dark .aa_bg-ccc--01d-hover:hover {
  background-color: rgba(204, 204, 204, 0.1);
}
.dark .aa_bgc-grey500-005 {
  background-color: var(--grey500-01);
}
.dark .aa_bgc-grey300d {
  background-color: var(--grey300);
}
.dark .aa_bgc-grey700d {
  background-color: var(--grey700);
}
.dark .aa_bgc-grey800d {
  background-color: var(--grey800);
}
.dark .aa_bgc-grey900d {
  background-color: var(--grey900);
}
.dark .aa_bgc-green03d {
  background-color: var(--green03);
}
.dark .aa_bgc-orange03d {
  background-color: var(--orange03);
}
.dark .aa_bgc-purple028d {
  background-color: var(--purple028);
}
.dark .aa_bgc-whited {
  background-color: #fff;
}
.dark .aa_bgc-blackd {
  background-color: #000;
}
.dark .aa_bgc-primary03d {
  background-color: var(--primary03);
}
.dark .aa_bgc-primary600d {
  background-color: var(--primary600);
}
.dark .aa_bgc-primary700d {
  background-color: var(--primary700);
}
.dark .aa_bgc-primary800d {
  background-color: var(--primary800);
}
.dark .aa_bgc-red900d {
  background-color: var(--red900);
}
.dark .aa_bgc-base {
  background-color: var(--bg1d);
}
.dark .aa_bgc-base-o {
  background-color: var(--bg1);
}
.dark .aa_bgc-disabled {
  background-color: var(--grey700);
}
.dark .aa_bgc-low-02d {
  background-color: var(--low-severity02);
}
.dark .aa_bgc-medium-02d {
  background-color: var(--medium-severity02);
}
.dark .aa_bgc-high-02d {
  background-color: var(--high-severity02);
}
.dark .aa_bgc-BIOMETRIC-02d {
  background-color: var(--biometric02);
}
.dark .aa_bgc-COMPANY-02d {
  background-color: var(--company02);
}
.dark .aa_bgc-CONFIDENTIAL-02d {
  background-color: var(--confidential02);
}
.dark .aa_bgc-CUSTOM-02d {
  background-color: var(--custom02);
}
.dark .aa_bgc-LOCATION-02d {
  background-color: var(--location02);
}
.dark .aa_bgc-MEDICAL-02d {
  background-color: var(--medical02);
}
.dark .aa_bgc-OTHER-02d {
  background-color: var(--other02);
}
.dark .aa_bgc-PERSONAL-02d {
  background-color: var(--personal02);
}
.dark .aa_bgc-PRODUCT-02d {
  background-color: var(--product02);
}
.dark .aa_bgc-QUANTITY-02d {
  background-color: var(--quantity02);
}
.dark .aa_fill-grey800d {
  fill: var(--grey800);
}
.dark .aa_fill-primary600d {
  fill: var(--primary600);
}
.dark .aa_stroke-base {
  stroke: var(--txtd);
}
.dark .aa_stroke-base-o {
  stroke: var(--txt);
}
.dark .aa_txtc-whited, .dark .aa_txtc-whited-hover:focus, .dark .aa_txtc-whited-hover:hover {
  color: var(--white);
}
.dark .aa_txtc-blackd {
  color: #000;
}
.dark .aa_txtc-base-o {
  color: var(--txt);
}
.dark .aa_txtc-base {
  color: var(--txtd);
}
.dark .aa_txtc-danger {
  color: var(--red300);
}
.dark .aa_txtc-disabled {
  color: var(--grey800);
}
.dark .aa_txtc-primary {
  color: var(--primary200);
}
.dark .aa_txtc-primary200d {
  color: var(--primary200);
}
.dark .aa_txtc-red300d {
  color: var(--red300);
}
.dark .aa_txtc-red500d {
  color: var(--red500);
}
.dark .aa_txtc-grey100d {
  color: var(--grey100);
}
.dark .aa_txtc-grey200d {
  color: var(--grey200);
}
.dark .aa_txtc-grey300d {
  color: var(--grey300);
}
.dark .aa_txtc-grey400d {
  color: var(--grey400);
}
.dark .aa_txtc-grey600d {
  color: var(--grey600);
}
.dark .aa_txtc-grey700d {
  color: var(--grey700);
}
.dark .aa_text--link-no-underline {
  color: currentcolor;
}
.dark .aa_text--kbd {
  background-color: var(--grey600);
}
.dark .re_tip {
  background-color: hsl(var(--hue), 3%, 11%);
  box-shadow: 0 0 0 1px hsla(0, 0%, 50%, 0.4), 0 2px 5px 0 hsla(0, 0%, 0%, 0.25);
  color: #fff;
}
.dark .re_note_ {
  background-color: var(--grey800);
  box-shadow: 0 0 0 1px hsl(0, 0%, 30%) inset, 0 6px 12px hsla(0, 0%, 0%, 0.24);
}
.dark .re_note_subtext {
  color: var(--grey400);
}
.dark .re_note_link {
  color: var(--primary300);
}
.dark .re_drop {
  background-color: var(--grey900);
  box-shadow: 0 0 0 1px hsl(var(--hue), 1%, 17.1%), var(--dark-drop-shadow);
  color: var(--txtd);
}
.dark .re_drop .active > .re_row-inner {
  background-color: hsla(var(--hue), 100%, 69%, 0.25);
}
.dark .re_drop .re_row-hover:focus > .re_row-inner, .dark .re_drop .re_row-hover:hover > .re_row-inner, .dark .re_drop .re_row-hover:active > .re_row-inner {
  background-color: var(--grey800);
}
.dark .re_drop .re_row-link:focus .re_row-inner, .dark .re_drop .re_row-link:hover .re_row-inner {
  background-color: var(--grey800);
}
.dark .re_drop-scroll::-webkit-scrollbar-thumb {
  background-color: var(--grey600);
}
.dark .re_drop-point {
  box-shadow: 1px 1px 0 hsl(var(--hue), 1%, 17.1%) inset;
}
.dark .re_next-doc {
  box-shadow: 0 1px 0 hsl(240, 1%, 17%) inset;
}
.dark .re_spinner .re_spinner_part {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.dark .re_spinner .re_spinner_part::before {
  background-color: #fff;
}
.dark .re_doc_entity-list-wrap {
  border-right-color: var(--dark-border);
}
.dark .re_doc_panel-wrap {
  border-left-color: var(--dark-border);
}
.dark .re_doc_left, .dark .re_doc_right {
  box-shadow: 0 -1px var(--dark-border);
}
.dark .re_doc_main-bg::before {
  background-color: var(--bg1d);
  border-top: solid 1px var(--dark-border);
}
.dark .re_doc_main-bg::after {
  background-color: var(--bg3d);
}
.dark .re_doc_info-label {
  color: var(--grey300);
}
.dark .re_doc_info-row {
  background-color: var(--grey800);
}
.dark .re_doc_info-tab {
  color: var(--grey400);
}
.dark .re_doc_info-tab:focus, .dark .re_doc_info-tab:hover, .dark .re_doc_info-tab.active {
  color: var(--txtd);
}
.dark .aa_scrollbar {
  scrollbar-color: var(--grey600) transparent;
}
.dark .aa_scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--grey600);
}
.dark .aa_scroll-hover.aa_scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.dark .aa_scroll-hover.aa_scrollbar:hover {
  scrollbar-color: var(--grey600) transparent;
}
.dark .aa_scroll-hover.aa_scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: var(--grey600);
}
.dark .aa_shadow-none {
  box-shadow: none;
}
.dark .aa_shadow-down-2 {
  box-shadow: 0 1px 0 var(--dark-border);
}
.dark .aa_shadow-down-3 {
  box-shadow: 0 6px 12px hsla(0, 0%, 0%, 0.24);
}
.dark .aa_shadow-right {
  box-shadow: 1px 0 0 var(--dark-border);
}
.dark .aa_shadow-round-border {
  box-shadow: 0 0 0 1px var(--dark-border);
}
.dark .aa_shadow-round-border-2 {
  box-shadow: 0 0 0 1px var(--grey800);
}
.dark .aa_shadow-round-red {
  box-shadow: 0 0 0 1px var(--red400);
}
.dark .aa_shadow-round-white {
  box-shadow: 0 0 0 1px #fff;
}
.dark .aa_shadow-round-grey700d {
  box-shadow: 0 0 0 1px var(--grey700);
}
.dark .aa_filter-none-d {
  -webkit-filter: none;
  filter: none;
}
.dark .re_onboarding {
  background-color: var(--bg1d);
}
.dark .re_onboarding-nav {
  box-shadow: 0 1px 0 var(--dark-border);
}
.dark .re_onboarding-bottom-nav {
  background: hsla(0, 0%, 0%, 0.6);
  box-shadow: 0 1px 0 var(--dark-border) inset;
}
.dark .re_onboarding-step {
  color: var(--grey600);
}
.dark .re_onboarding-step-no {
  box-shadow: 0 0 0 2px var(--grey600) inset;
}
.dark .re_onboarding-step.active {
  color: #fff;
}
.dark .re_onboarding-step.active .re_onboarding-step-no {
  background-color: #fff;
  color: #000;
}
.dark .re_onboarding-scroll-btn:focus, .dark .re_onboarding-scroll-btn:hover {
  filter: brightness(1.5);
  -webkit-filter: brightness(1.5);
}
.dark .re_onboarding-row:hover {
  background-color: hsla(0, 0%, 100%, 0.08);
}
.dark .re_onboarding-avatar::before, .dark .re_onboarding-avatar::after {
  background-color: #fff;
}
.dark .re_breadcrumbs_arrow {
  color: var(--grey100);
}
.dark .re_breadcrumbs_step {
  color: var(--grey300);
}
.dark .re_breadcrumbs_step-link {
  color: currentcolor;
}
.dark .re_breadcrumbs_step-link:focus, .dark .re_breadcrumbs_step-link:hover {
  color: var(--grey400);
}
.dark .re_accordion-btn:focus ~ .re_accordion-fill, .dark .re_accordion-btn:hover ~ .re_accordion-fill {
  background-color: var(--grey500-01);
}
.dark .re_search {
  color: #fff;
}
.dark .re_search_left-col {
  box-shadow: 1px 0 0 var(--dark-border);
}
.dark .re_search-dashboard-stat {
  border-right-color: var(--grey800);
}
.dark .re_search-filters {
  background: var(--bg1d);
  box-shadow: 1px 0 0 var(--dark-border), 3px 0 23px 3px hsla(0, 0%, 0%, 0.09);
}
.dark .re_search-filter-groups {
  color: #fff;
}
.dark .re_search-filter-group:not(.open):focus, .dark .re_search-filter-group:not(.open):hover {
  background-color: rgba(204, 204, 204, 0.1);
}
.dark .re_search-filter_category {
  color: #000;
}
.dark .re_search-filter_category-bg {
  background-color: #fff;
}
.dark .re_splash {
  color: #fff;
}
.dark .re_splash > .re_popup_ {
  box-shadow: var(--dark-drop-shadow), 0 0 0 1px var(--dark-border) inset;
}
.dark .re_splash_nav-dot::before {
  background-color: var(--grey600);
}
.dark .re_splash_nav-dot.active::before {
  background-color: #fff;
}
.dark .re_splash_still1-1 {
  fill: hsla(355, 100%, 60%, 0.2);
}
.dark .re_splash_still1-2 {
  fill: hsla(30, 100%, 50%, 0.2);
}
.dark .re_splash_still1-3 {
  fill: hsla(227, 100%, 66%, 0.2);
}
.dark .re_splash_still1-4 {
  fill: hsl(240, 2%, 20%);
}
.dark .re_splash_still1-5 {
  fill: hsl(240, 3%, 13%);
}
.dark .re_splash_still2-1 {
  fill: hsl(240, 3%, 13%);
}
.dark .re_splash_still2-2 {
  fill: hsla(0, 0%, 100%, 0.2);
}
.dark .re_splash_still2-3 {
  fill: hsla(355, 100%, 60%, 0.2);
}
.dark .re_splash_still2-4 {
  fill: hsla(30, 100%, 50%, 0.2);
}
.dark .re_splash_still2-5 {
  fill: hsla(227, 100%, 66%, 0.2);
}
.dark .re_splash_still2-7 {
  fill: hsl(240, 2%, 20%);
}
.dark .re_splash_anim2-1, .dark .re_splash_anim2-2, .dark .re_splash_anim2-3, .dark .re_splash_anim2-4 {
  fill: hsl(0, 0%, 45%);
}
.dark .re_splash_anim2-8 {
  fill: hsl(240, 3%, 13%);
}
.dark .re_splash_still3-1 {
  fill: hsl(240, 2%, 20%);
}
.dark .re_splash_still3-2 {
  fill: hsl(240, 3%, 15%);
}
.dark .re_splash_still3-3 {
  fill: hsl(0, 0%, 45%);
}
.dark .re_splash_still3-4 {
  fill: hsla(355, 100%, 60%, 0.2);
}
.dark .re_splash_still3-5 {
  fill: hsla(30, 100%, 50%, 0.2);
}
.dark .re_splash_still4-1 {
  fill: hsl(240, 2%, 20%);
}
.dark .re_splash_still4-2 {
  fill: hsl(240, 3%, 15%);
}
.dark .re_credits {
  background-color: #000;
  color: hsl(54, 100%, 40%);
}
.dark .re_credits_logo-path {
  fill: hsl(54, 100%, 40%);
}
.dark .re_credits_stars {
  color: #fff;
}
.dark .re_credits_track::before {
  box-shadow: 0 32px 32px #000 inset;
}
.dark .re_review_bar {
  background-color: var(--grey800);
}
.dark .re_review_bar-segment::before {
  background-color: #fff;
}
.dark .re_review_bar-segment.green {
  background-color: var(--green);
}

.no-touchevents .re_drop_elem:hover,
.touchevents .re_drop_elem:active {
  background-color: hsla(var(--hue), 100%, 69%, 0.25);
}

@supports selector(:focus-visible) {
  .dark .re_avatar_button:focus {
    box-shadow: 0 0 0 0 var(--grey700), 0 0 0 3px transparent;
  }
  .dark .re_avatar_button:focus-visible {
    box-shadow: 0 0 0 0 var(--grey700), 0 0 0 3px var(--primary200);
  }
  .dark .re_avatar_button-bordered:focus {
    box-shadow: 0 0 0 1px var(--grey700), 0 0 0 4px transparent;
  }
  .dark .re_avatar_button-bordered:focus-visible {
    box-shadow: 0 0 0 1px var(--grey700), 0 0 0 4px var(--primary200);
  }
  .dark .re_popup_upload-region:focus {
    background-color: transparent;
  }
  .dark .re_popup_upload-region:focus-visible, .dark .re_popup_upload-region:hover {
    background-color: rgba(204, 204, 204, 0.1);
  }
  .dark .re_tool:not(.light):not(.disable):focus {
    background-color: transparent;
  }
  .dark .re_tool:not(.light):not(.disable):focus-visible, .dark .re_tool:not(.light):not(.disable).focus, .dark .re_tool:not(.light):not(.disable):hover {
    background-color: var(--grey700);
  }
  .dark .re_tool:not(.light):not(.disable):active, .dark .re_tool:not(.light):not(.disable).active, .dark .re_tool:not(.light):not(.disable).open {
    background-color: #fff;
    color: #000;
  }
  .dark .re_tool-thin:not(.light):not(.disable):focus-visible, .dark .re_tool-thin:not(.light):not(.disable):hover, .dark .re_tool-thin:not(.light):not(.disable):active, .dark .re_tool-thin:not(.light):not(.disable).active, .dark .re_tool-thin:not(.light):not(.disable).open {
    background-color: transparent;
    color: currentcolor;
  }
  .dark .re_tool-bordered:not(.light):not(.disable):focus {
    box-shadow: 0 0 0 1px var(--grey700) inset;
  }
  .dark .re_tool-bordered:not(.light):not(.disable):focus-visible, .dark .re_tool-bordered:not(.light):not(.disable):hover, .dark .re_tool-bordered:not(.light):not(.disable):active, .dark .re_tool-bordered:not(.light):not(.disable).active, .dark .re_tool-bordered:not(.light):not(.disable).open {
    background-color: transparent;
    box-shadow: 0 0 0 1px var(--grey600) inset;
    color: currentcolor;
  }
  .dark .re_accordion-btn:focus ~ .re_accordion-fill {
    background-color: transparent;
  }
  .dark .re_accordion-btn:focus-visible ~ .re_accordion-fill, .dark .re_accordion-btn:hover ~ .re_accordion-fill {
    background-color: var(--grey500-01);
  }
  .dark .re_search-filter-group:not(.open):focus {
    background-color: transparent;
  }
  .dark .re_search-filter-group:not(.open):focus-visible, .dark .re_search-filter-group:not(.open):hover {
    background-color: rgba(204, 204, 204, 0.1);
  }
}
/**
 * Tablet
 */
.dark.w768 .re_doc_left {
  border-right: 1px solid var(--dark-border);
}
.dark.w768 .re_doc_right {
  border-left: 1px solid var(--dark-border);
}
.dark.w768 .re_onboarding-bottom-nav {
  background: none;
  box-shadow: none;
}
.dark.w768 .aa_shadow-round-border-s,
.dark.w768 .aa_shadow-round-page {
  box-shadow: 0 0 0 1px var(--dark-border);
}

/**
 * Desktop
 */
.dark.w1024 .l .re_input-search {
  background-color: transparent;
  box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent;
}
.dark.w1024 .re_search-filters {
  box-shadow: none;
}

/**
 * Retina
 */
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {
  .dark .re_onboarding-step-no {
    box-shadow: 0 0 0 1.5px var(--grey600) inset;
  }
}
/* -----------------------------------*\
  #INTER
\*----------------------------------- */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/stable/fonts/Inter-Thin-d52e5e38715502616522eb3e9963b69b.woff2") format("woff2"), url("/stable/fonts/Inter-Thin-b068b7189120a6626e3cfe2a8b917d0f.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/stable/fonts/Inter-ThinItalic-a9780071b7f498c1523602910a5ef242.woff2") format("woff2"), url("/stable/fonts/Inter-ThinItalic-97bec98832c92f799aeebf670b83ff6c.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/stable/fonts/Inter-ExtraLight-b3b2ed6a20c538e9c809f4df5c04ac2a.woff2") format("woff2"), url("/stable/fonts/Inter-ExtraLight-dd19efda9c6e88ad83a5b052915899f7.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/stable/fonts/Inter-ExtraLightItalic-079cd1e71cd4f73bef86f72deced6d03.woff2") format("woff2"), url("/stable/fonts/Inter-ExtraLightItalic-a6566ae6fa3c58b48f888d7c9c234d52.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/stable/fonts/Inter-Light-780dd2adb71f18d7a357ab7f65e881d6.woff2") format("woff2"), url("/stable/fonts/Inter-Light-5d3776eb78374b0ebbce639adadf73d1.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/stable/fonts/Inter-LightItalic-df29c53403b2e13dc56df3e291c32f09.woff2") format("woff2"), url("/stable/fonts/Inter-LightItalic-d0fa7cbcf9ca5edb6ebe41fd8d49e1fb.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/stable/fonts/Inter-Regular-dc131113894217b5031000575d9de002.woff2") format("woff2"), url("/stable/fonts/Inter-Regular-3ac83020fe53b617b79b5e2ad66764af.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/stable/fonts/Inter-Italic-fd26ff23f831db9ae85a805386529385.woff2") format("woff2"), url("/stable/fonts/Inter-Italic-f137a90d649b6ab032563856df323f40.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/stable/fonts/Inter-Medium-75db5319e7e87c587019a5df08d7272c.woff2") format("woff2"), url("/stable/fonts/Inter-Medium-c0638bea87a05fdfa2bb3bba2efe54e4.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/stable/fonts/Inter-MediumItalic-f1e11535e56c67698e263673f625103e.woff2") format("woff2"), url("/stable/fonts/Inter-MediumItalic-a1b588627dd12c556a7e3cd81e400ecf.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/stable/fonts/Inter-SemiBold-007ad31a53f4ab3f58ee74f2308482ce.woff2") format("woff2"), url("/stable/fonts/Inter-SemiBold-66a68ffab2bf40553e847e8f025f75be.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/stable/fonts/Inter-SemiBoldItalic-3031b683bafcd9ded070c00d784f4626.woff2") format("woff2"), url("/stable/fonts/Inter-SemiBoldItalic-6cd13dbd150ac0c7f337a2939a3d50a8.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/stable/fonts/Inter-Bold-444a7284663a3bc886683eb81450b294.woff2") format("woff2"), url("/stable/fonts/Inter-Bold-99a0d9a7e4c99c17bfdd94a22a5cf94e.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/stable/fonts/Inter-BoldItalic-96284e2a02af46d9ffa2d189eaad5483.woff2") format("woff2"), url("/stable/fonts/Inter-BoldItalic-3aa31f7356ea9db132b3b2bd8a65df44.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/stable/fonts/Inter-ExtraBold-37da9eecf61ebced804b266b14eef98e.woff2") format("woff2"), url("/stable/fonts/Inter-ExtraBold-ab70688a1c9d6525584b123575f6c0a5.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/stable/fonts/Inter-ExtraBoldItalic-fcc7d60ef790b43eb520fdc5c7348799.woff2") format("woff2"), url("/stable/fonts/Inter-ExtraBoldItalic-728a4c7df3ed1b2bc077010063f9ef1c.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/stable/fonts/Inter-Black-661569afe57a38e1529a775a465da20b.woff2") format("woff2"), url("/stable/fonts/Inter-Black-d0b121f3a9d3d88afdfd6902d31ee9a0.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/stable/fonts/Inter-BlackItalic-a3cc36c89047d530522fc999a22cce54.woff2") format("woff2"), url("/stable/fonts/Inter-BlackItalic-e3329b2b90e1f9bcafd4a36604215dc1.woff") format("woff");
}
/* -----------------------------------*\
  #ICONS
\*----------------------------------- */
@font-face {
  font-family: "redactedai42";
  src: url("/stable/fonts/redactedai42-9f34cfa0c7d038266c7b7c2f97820ef9.eot");
  src: url("/stable/fonts/redactedai42-9f34cfa0c7d038266c7b7c2f97820ef9.eot?iefix") format("embedded-opentype"), url("/stable/fonts/redactedai42-84ecc3feb968c1b001a0c6f22e19725f.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
[data-ri]::before {
  display: inline-block;
  vertical-align: middle;
  font-family: "redactedai42", serif;
  content: attr(data-ri);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* this corrects a slight cropping of the icons */
  transform: translateX(0);
}

[class^=ri-]::before,
[class*=" ri-"]::before {
  display: inline-block;
  vertical-align: middle;
  font-family: "redactedai42", serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* this corrects a slight cropping of the icons */
  transform: translateX(0);
}

.ri-no-align::before {
  vertical-align: initial;
}

.ri-cog-fill::before {
  content: "b";
}

.ri-earth-fill::before {
  content: "c";
}

.ri-file-fill::before {
  content: "d";
}

.ri-folder-fill::before {
  content: "e";
}

.ri-gameboy-fill::before {
  content: "f";
}

.ri-group-fill::before {
  content: "g";
}

.ri-pie-chart-fill::before {
  content: "h";
}

.ri-question-o-fill::before {
  content: "i";
}

.ri-task-fill::before {
  content: "j";
}

.ri-error::before {
  content: "l";
}

.ri-sync-thin {
  transform-origin: 48% 54%;
}

.ri-sync-thin::before,
.ri-wait::before {
  content: "m";
}

.ri-warning-thin::before,
.ri-warning::before {
  content: "n";
}

.ri-file-audio-thin::before {
  content: "o";
}

.ri-file-data-thin::before,
.ri-file-table-thin::before {
  content: "p";
}

.ri-file-graph-thin::before,
.ri-file-presentation-thin::before {
  content: "q";
}

.ri-file-image-thin::before {
  content: "r";
}

.ri-file-text-thin::before {
  content: "s";
}

.ri-file-thin::before {
  content: "t";
}

.ri-file-video-thin::before {
  content: "u";
}

.ri-file-zip-thin::before {
  content: "v";
}

.ri-redact-all::before {
  content: "2";
}

.ri-redact-this::before {
  content: "3";
}

.ri-unredact-all::before {
  content: "4";
}

.ri-unredact-this::before {
  content: "5";
}

.ri-arrow-down::before {
  content: "6";
}

.ri-arrow-down-1::before {
  content: "7";
}

.ri-arrow-left::before {
  content: "9";
}

.ri-arrow-left-1::before {
  content: "!";
}

.ri-arrow-right::before {
  content: "#";
}

.ri-arrow-right-1::before {
  content: "$";
}

.ri-arrow-up::before {
  content: "&";
}

.ri-arrow-up-1::before {
  content: "'";
}

.ri-add::before {
  content: ")";
}

.ri-add-o::before {
  content: "*";
}

.ri-align-center::before,
.ri-align-CENTER::before {
  content: "+";
}

.ri-align-left::before,
.ri-align-LEFT::before {
  content: ",";
}

.ri-align-right::before,
.ri-align-RIGHT::before {
  content: "-";
}

.ri-bin::before {
  content: ".";
}

.ri-brush-paint::before {
  content: "/";
}

.ri-calendar::before {
  content: ":";
}

.ri-check::before {
  content: ";";
}

.ri-check-o::before {
  content: "<";
}

.ri-cog::before {
  content: "=";
}

.ri-cursor-select::before {
  content: ">";
}

.ri-delete::before {
  content: "?";
}

.ri-delete-o::before {
  content: "@";
}

.ri-download::before {
  content: "^";
}

.ri-file-double::before {
  content: "|";
}

.ri-file-remove::before {
  content: "~";
}

.ri-folder::before {
  content: "\\";
}

.ri-headphones::before {
  content: "\e000";
}

.ri-information-o::before {
  content: "\e001";
}

.ri-layers::before {
  content: "\e002";
}

.ri-layout::before {
  content: "\e003";
}

.ri-list-add::before {
  content: "\e004";
}

.ri-login::before {
  content: "\e005";
}

.ri-logout::before {
  content: "\e006";
}

.ri-loop::before {
  content: "\e007";
}

.ri-loop-1::before {
  content: "\e008";
}

.ri-marker::before {
  content: "\e009";
}

.ri-search::before {
  content: "\e00a";
}

.ri-text-input::before {
  content: "\e00e";
}

.ri-upload::before {
  content: "\e010";
}

.ri-user-shield::before {
  content: "\e012";
}

.ri-view::before {
  content: "\e013";
}

.ri-zoom-in::before {
  content: "\e014";
}

.ri-zoom-out::before {
  content: "\e015";
}

.ri-bookmark-thin::before {
  content: "\e016";
}

.ri-check-o-thin::before {
  content: "\e017";
}

.ri-messages-bubble-thin::before {
  content: "\e018";
}

.ri-check-o-fill::before {
  content: "\e01b";
}

.ri-delete-o-fill::before {
  content: "\e01d";
}

.ri-file-email-thin::before {
  content: "\e01e";
}

.ri-group-fill-2::before {
  content: "\e020";
}

.ri-download-thin::before {
  content: "\e021";
}

.ri-search-thin::before {
  content: "\e022";
}

.ri-upload-thin::before {
  content: "\e023";
}

.ri-file::before {
  content: "\e024";
}

.ri-file-double-fill::before {
  content: "\e025";
}

.ri-expand-bold::before {
  content: "\e027";
}

.ri-expand-horizontal-bold::before {
  content: "\e028";
}

.ri-grid-fill::before {
  content: "\e029";
}

.ri-zoom-in-bold::before {
  content: "\e02a";
}

.ri-zoom-out-bold::before {
  content: "\e02b";
}

.ri-more::before {
  content: "\e02c";
}

.ri-check-fill::before {
  content: "\e02d";
}

.ri-rectangular-selection::before {
  content: "\e02e";
}

.ri-redact-page::before {
  content: "\e02f";
}

.ri-remove-page::before {
  content: "\e030";
}

.ri-undo::before {
  content: "\e032";
}

.ri-chevron-right::before,
.ri-chevron-down::before,
.ri-chevron-left::before {
  content: "\e033";
}

.ri-chevron-right::before {
  transform: rotate(-90deg) translateY(15%);
}

.ri-chevron-left::before {
  transform: rotate(90deg) translateY(15%);
}

.ri-thumbnails-sidebar::before,
.ri-thumbnails-sidebar-reverse::before {
  content: "\e031";
}

.ri-thumbnails-sidebar-reverse::before {
  transform: scaleX(-1);
}

.ri-info-o-fill::before {
  content: "\e035";
}

.ri-moon-fill::before {
  content: "\e036";
}

.ri-clock-fill::before {
  content: "\e037";
}

.ri-sun-fill::before {
  content: "\e038";
}

.ri-warning-o-fill::before {
  content: "\e039";
}

.ri-earth::before {
  content: "`";
}

.ri-delete-bold::before {
  content: "\e03a";
}

.ri-check-sq-fill::before {
  content: "\e03b";
}

.ri-address-fill::before {
  content: "\e03c";
}

.ri-barcode::before {
  content: "\e03d";
}

.ri-barcode-fill::before {
  content: "\e03e";
}

.ri-birthday-fill::before {
  content: "w";
}

.ri-buildings-fill::before {
  content: "\e03f";
}

.ri-calendar-fill::before {
  content: "\e040";
}

.ri-car-fill::before {
  content: "x";
}

.ri-check-sign-fill::before {
  content: "y";
}

.ri-circuit-fill::before {
  content: "z";
}

.ri-credit-card-fill::before {
  content: "\e042";
}

.ri-currencies-fill::before {
  content: "A";
}

.ri-discount-fill::before {
  content: "B";
}

.ri-email-at-fill::before {
  content: "C";
}

.ri-face-id-fill::before {
  content: "D";
}

.ri-file-horizontal-fill::before {
  content: "E";
}

.ri-fingerprint-fill::before {
  content: "F";
}

.ri-gender-fill::before {
  content: "G";
}

.ri-id-card-fill::before {
  content: "\e026";
}

.ri-landscape-fill::before {
  content: "I";
}

.ri-lighthouse-fill::before {
  content: "J";
}

.ri-lock-fill::before {
  content: "K";
}

.ri-logo-fill::before {
  content: "L";
}

.ri-medical-fill::before {
  content: "M";
}

.ri-mobile-fill::before {
  content: "N";
}

.ri-network-fill::before {
  content: "O";
}

.ri-official-building-fill::before {
  content: "P";
}

.ri-passport-fill::before {
  content: "Q";
}

.ri-phone-fill::before {
  content: "R";
}

.ri-pin-fill::before {
  content: "S";
}

.ri-server-fill::before {
  content: "T";
}

.ri-shop-fill::before {
  content: "U";
}

.ri-single-man-fill::before {
  content: "V";
}

.ri-twitter-fill::before {
  content: "W";
}

.ri-us-states-fill::before {
  content: "X";
}

.ri-balls-fill::before {
  content: "H";
}

.ri-title-fill::before {
  content: "Y";
}

.ri-shopping-bag-fill::before {
  content: "Z";
}

.ri-infinite-loop-fill::before {
  content: "0";
}

.ri-design-tool-fill::before {
  content: "1";
}

.ri-bubble-text-bold::before {
  content: "a";
}

.ri-mail::before {
  content: "k";
}

.ri-clip-fill::before {
  content: "8";
}

.ri-download-fill::before {
  content: '"';
}

.ri-upload-fill::before {
  content: "%";
}

.ri-template-fill::before {
  content: "(";
}

.ri-arrow-switch::before {
  content: "[";
}

.ri-rectangular-selection-2::before {
  content: "]";
}

.ri-redact-page-2::before {
  content: "_";
}

.ri-remove-page-2::before {
  content: "{";
}

.ri-reader-view::before {
  content: "}";
}

.ri-undo-2::before {
  content: "\e00b";
}

.ri-file-doc::before {
  content: "\e00c";
}

.ri-file-light::before {
  content: "\e00d";
}

.ri-redact::before {
  content: "\e00f";
}

.ri-user-outline::before {
  content: "\e011";
}

.ri-calendar-fill-2::before {
  content: "\e019";
}

.ri-file-pdf-fill::before {
  content: "\e01a";
}

.ri-page-1-fill::before {
  content: "\e01c";
}

.ri-plus-bold::before {
  content: "\e01f";
}

.ri-user-fill::before {
  content: "\e034";
}

.ri-list-bold::before {
  content: "\e041";
}

.ri-filter-fill::before {
  content: "\e043";
}

.ri-archive-folder-fill::before {
  content: "\e044";
}

.ri-view-fill::before {
  content: "\e045";
}

.ri-bin-fill::before {
  content: "\e046";
}

.ri-redact-thin::before {
  content: "\e047";
}

.ri-flag-plain::before {
  content: "\e048";
}

.ri-instance::before {
  content: "\e049";
}

.ri-api-key-fill::before {
  content: "\e04a";
}

.ri-two-users-fill::before {
  content: "\e04b";
}

.ri-network-shield-bold::before {
  content: "\e04c";
}

.ri-marker-fill::before {
  content: "\e04d";
}

.ri-download-fill-2::before {
  content: "\e04e";
}

.ri-folder-bold::before {
  content: "\e04f";
}

.ri-pages-bold::before {
  content: "\e050";
}

.ri-upload-fill-2::before {
  content: "\e051";
}

.ri-cog-file::before {
  content: "\e052";
}

.ri-pencil-fill::before {
  content: "\e053";
}

.ri-arrow-lr-bold::before {
  content: "\e054";
}

.ri-clipboard-bold::before {
  content: "\e055";
}

.ri-robot-fill::before {
  content: "\e056";
}

.ri-upload-bold::before {
  content: "\e057";
}

.ri-cog-file-bold::before {
  content: "\e058";
}

.ri-more-2::before {
  content: "\e059";
}

.ri-hierarchy-bold::before {
  content: "\e05a";
}

.ri-copy::before {
  content: "\e05b";
}

.ri-user-o-fill::before {
  content: "\e05c";
}

.ri-search-bold::before {
  content: "\e05d";
}

.ri-more-3::before {
  content: "\e05e";
}

.ri-smiley-happy-fill::before {
  content: "\e05f";
}

.ri-crosshair-bold::before {
  content: "\e060";
}

.ri-progress-1::before {
  content: "\e061";
}

.ri-progress-2::before {
  content: "\e062";
}

.ri-progress-3::before {
  content: "\e063";
}

.ri-progress-4::before {
  content: "\e064";
}

.ri-progress-5::before {
  content: "\e065";
}

.ri-progress-6::before {
  content: "\e066";
}

.ri-progress-7::before {
  content: "\e067";
}

.ri-progress-0::before {
  content: "\e068";
}

.ri-arrow-up-bold::before {
  content: "\e069";
}

.ri-arrow-down-bold::before {
  content: "\e06a";
}

.ri-progress::before {
  content: "\e06b";
}

.aa_notification::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: -1px;
  right: -5px;
  background-color: var(--destructive);
  border-radius: 100%;
}

@media speech {
  [data-ri]::before,
  [class^=ri-]::before,
  [class*=" ri-"]::before {
    speak: none;
  }
}
/* -----------------------------------*\
  #PREVIEW
\*----------------------------------- */
.preview {
  position: relative !important;
}