@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter.var.woff2") format("woff2 supports variations"),
       url("/fonts/Inter.var.woff2") format("woff2-variations");
  font-weight: 100 1000;
}

/*
 * 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: 0%;
  --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(230, 75%, 61%);
  --blue-h: hsl(230, 59%, 53%);
  --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%);
  --lime: hsl(70, 100%, 40%);
  --green: hsl(150, 58%, 47%);
  --green-h: hsl(150, 64%, 37%);
  --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%);
  --lowSeverity: hsl(227, 100%, 66%);
  --lowSeverity01: hsla(227, 100%, 66%, 0.1);
  --lowSeverity02: hsla(227, 100%, 66%, 0.2);
  --mediumSeverity: hsl(30, 100%, 50%);
  --mediumSeverity01: hsla(30, 100%, 50%, 0.1);
  --mediumSeverity02: hsla(30, 100%, 50%, 0.2);
  --highSeverity: hsl(355, 80%, 52%);
  --highSeverity01: hsla(355, 80%, 52%, 0.1);
  --highSeverity02: 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%);
  --grey: hsl(0, 0%, 50%);
  --grey06: hsla(0, 0%, 50%, 0.6);
  --grey05: hsla(0, 0%, 50%, 0.5);
  --grey04: hsla(0, 0%, 50%, 0.4);
  --grey03: hsla(0, 0%, 50%, 0.3);
  --grey02: hsla(0, 0%, 50%, 0.2);
  --grey01: hsla(0, 0%, 50%, 0.1);
  --grey007: hsla(0, 0%, 50%, 0.07);
  --grey005: hsla(0, 0%, 50%, 0.05);
  --grey00: hsla(0, 0%, 50%, 0);
  --grey0: hsla(0, 0%, 0%, 0.05);
  --grey1: hsl(0, 0%, 92%);
  --grey15: hsl(240, 3%, 62%);
  --grey2: hsl(240, 2%, 57%);
  --grey3: hsl(240, 3%, 93.5%);
  --grey4: hsl(0, 0%, 45%);
  --grey5: hsl(240, 1%, 29%);
  --grey6: hsl(240, 2%, 20%);
  --grey7: hsl(240, 3%, 11%);
  --grey8: hsl(0, 0%, 65%);
  --light-grey: hsl(240, 7%, 91.2%);
  --light-grey00: hsla(240, 7%, 91.2%, 0);
  --light-grey2: hsl(240, 2%, 92%);
  --dark-grey: hsl(240, 2%, 20%);
  --dark-grey00: hsla(240, 2%, 20%, 0);
  --dark-grey2: hsl(240, 1%, 19.8%);
  --grey50: hsl(0, 0%, 95%);
  --grey100: hsl(0, 0%, 92%);
  --grey200: hsl(0, 0%, 80%);
  --grey300: hsl(0, 0%, 70%);
  --grey400: hsl(0, 0%, 60%);
  --grey500: hsl(0, 0%, 50%);
  --grey600: hsl(0, 0%, 45%);
  --grey700: hsl(0, 0%, 30%);
  --grey800: hsl(0, 0%, 20%);
  --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);
  --light-page-border: hsl(240, 7%, 91%);
  --dark-page-border: hsl(240, 1%, 17%);
}


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

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

input[type="checkbox"] {
  accent-color: #000;
}

/**
  * 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: var(--grey);
}

/**
  * 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(--blue);
  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: none;
}

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(--grey01);
  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;
}

body {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--txt);
  background-color: var(--bg1);
  margin: 0;
  touch-action: manipulation;
  overflow-x: hidden;
  width: 100vw;

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

/**
 * Mobile
 */

@media only screen and (min-width: 480px) {
  h1,
  .h1 { font-size: 3.4rem; }

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

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

/**
 * Tablet
 */

@media only screen and (min-width: 768px) {
  h1,
  .h1 { font-size: 4rem; }

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

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

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

/**
 * Desktop
 */

@media only screen and (min-width: 1024px) {
  h1,
  .h1 { font-size: 5rem; }

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

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



.it_nav {
  width: 225px;
  background-color: #322e61;
  color: #fff;
}

.it_nav_top {
  padding: 0 0 0 10px;
}

.it_nav_logo {
  padding: 0 55px 0 5px;
}

.it_nav_elem {
  display: block;
  padding: 10px 15px;
  color: #fff;
}

.it_nav_elem:hover {
  text-decoration: none;
}

.it_nav_elem.active {
  box-shadow: inset 7px 0 #fff;
}

.it_nav_elem.active,
.it_nav_elem:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.it_line {
  flex-shrink: 0;
  height: 1px;
  background-color: var(--grey01);
}

.it_line-light {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

.it_content {
  width: 80%;
  max-width: 1000px;
  margin: 5% auto;
}

.it_card {
  border-radius: 10px;
  background-color: var(--grey007);
  transition: background-color 0.3s;
}

.it_card.hover:hover {
  background-color: var(--grey02);
}

.it_types {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.it_types_elem {
  margin-top: 30px;
  padding: 10px;
  width: 100%;
}

.it_types_elem_ {
  position: relative;
  height: 100%;
  padding: 15px;
  border-radius: 10px;
}

.it_types_elem_::before {
  content: '';
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(120deg, hsl(0, 0%, 95%), hsl(0, 0%, 85%));
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  transform: scaleY(0.95);
}

.it_types_elem_.active::before,
.it_types_elem_:hover::before {
  opacity: 1;
  transform: scaleY(1);
}

.it_types_elem_img {
  margin: -35px auto 0;
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background-color: hsl(0, 0%, 95%);
  box-shadow: 0 0 0 3px #fff;
}

.it_label {
  padding: 0 7px;
  font-size: 12px;
  border-radius: 8px;
  background-color: var(--grey01);
  white-space: nowrap;
}

.it_label.green {
  background-color: var(--green);
  color: #fff;
}

.it_label.red {
  background-color: var(--red);
  color: #fff;
}

.it_input {
  height: 40px;
  padding: 10px;
  background-color: #fff;
  border: solid 1px var(--grey02);
  border-radius: 5px;
  outline: none;
  margin: 0;
  font-size: 14px;
  transition: border 0.3s;
}

.it_input:hover {
  border: solid 1px var(--grey05);
}

.it_input:focus {
  border: solid 1px var(--blue);
}

.it_input.error {
  border: solid 1px var(--red);
}

.it_input.small {
  height: 32px;
  font-size: 13px;
}

.it_input.grey {
  background-color: var(--grey005);
  border: none;
}

.it_input.search {
  border-radius: 20px;
}

.it_textarea {
  height: 85px;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px var(--grey02);
  outline: none;
  transition: border 0.3s;
}

.it_textarea:hover {
  border: solid 1px var(--grey05);
}

.it_textarea:focus {
  border: solid 1px var(--blue);
}

.it_textarea.grey {
  border: none;
  background-color: var(--grey005);
  box-shadow: none;
}

.it_select {
  appearance: none;
  height: 32px;
  padding: 5px 28px 5px 10px;
  border-radius: 5px;
  border: solid 1px var(--grey06);
  font-size: 13px;
  transition: border 0.3s;
}

.it_select:hover {
  border: solid 1px #000
}

.it_select.blank,
.it_select.blank:hover {
  padding: 0;
  border: none;
}

.it_select.small {
  padding: 5px 28px 5px 10px;
  font-size: 12px;
}

.it_select_arr {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 8px;
  pointer-events: none;
}

.small + .it_select_arr {
  top: 8px;
  right: 10px;
  font-size: 8px;
}

.it_bottom {
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 225px;
  height: 30vh;
  background-color: #fff;
  box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .it_types_elem {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .it_types_elem {
    width: 33.33337%;
  }
}
@media (min-width: 1280px) {
  .it_types_elem {
    width: 25%;
  }
}

.it_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  border-radius: 5px;
  background-color: var(--blue);
  color: #fff;
  transition: 0.3s;
}

.it_button.small {
  height: 26px;
  padding: 0 15px;
  font-size: 1.2rem;
}

.it_button.xsmall {
  height: 20px;
  padding: 0 10px;
  font-size: 1rem;
}

.it_button:hover {
  background-color: var(--blue-h);
  transition: 0.1s;
}

.it_button.grey {
  background-color: var(--grey);
}

.it_button.green {
  background-color: var(--green);
}

.it_button.grey:hover {
  background-color: var(--grey600);
}

.it_button.green:hover {
  background-color: var(--green-h);
}

.it_button:disabled {
  background-color: var(--grey02);
  color: var(--grey);
  pointer-events: none;
}

.it_button.line {
  background-color: transparent;
  color: var(--grey);
  border: solid 1px;
  transition: 0.3s;
}

.it_button.line:hover {
  background-color: transparent;
  color: #000;
}

.limiter ~ .it_button.line.red { color: var(--red); }
.limiter ~ .it_button.line.orange { color: var(--orange); }
.limiter ~ .it_button.line.yellow { color: var(--yellow); }
.limiter ~ .it_button.line.lime { color: var(--lime); }
.limiter ~ .it_button.line.green { color: var(--green); }

.disabler ~ .it_button.line { color: var(--grey02) !important; pointer-events: none; }

.it_button.circle {
  height: 40px;
  min-width: 40px;
  border-radius: 20px;
  padding: 0 12px;
}

.it_button.radio {
  padding: 0 10px;
  justify-content: flex-start;
  box-shadow: 0 0 0 1px transparent;
}

.it_button.radio::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: solid 1px #000;
  margin-right: 10px;
}

.it_button.radio.active {
  justify-content: flex-start;
  color: #000;
  box-shadow: 0 0 0 1px #000;
}

.it_button.radio.active::before {
  background-color: #000;
  box-shadow: inset 0 0 0 1px #fff;
}

.it_popup {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.it_popup.full {
  position: relative;
  height: 100%;
  display: flex;
  background-color: transparent;
}

.it_popup_ {
  width: 100%;
  max-width: 768px;
  border-radius: 10px;
  margin: 100px auto;
  padding: 30px;
  background-color: #fff;
}

.full > .it_popup_ {
  display: flex;
  max-width: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.it_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 20px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1;
  border: solid 1px var(--grey);
  color: var(--grey);
}

.it_badge.done {
  background-color: var(--green);
  border: solid 1px var(--green);
  color: #fff;
}

.it_badge.active {
  border: solid 1px #000;
  color: #000;
}

.it_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 5px;
  min-width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1;
  background-color: var(--grey01);
}

.it_circle.green {
  background-color: var(--green);
  color: #fff;
}

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

.it_fileselect {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  background-color: var(--grey005);
  border-radius: 10px;
  font-size: 18px;
  color: #888;
  border: dashed 2px #ddd;
}

.it_fingerprint {
  width: 70px;
}

.it_fingerprint .clone {
  animation: fingerprint 5s forwards;
}

@keyframes fingerprint {
  from { stroke-dasharray: 178; stroke-dashoffset: 178; }
  to { stroke-dasharray: 0; stroke-dashoffset: 0; }
}

.aa_fade-in {
  animation: fadein 1s;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}


.r5_tabs {
  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;
}
.r5_tabs::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
}
.r5_tabs.hover {
  overflow-x: scroll;
}
.r5_tabs:not(.hover):hover {
  overflow-x: auto;
}
.r5_tab {
  color: var(--grey4);
  font-size: 15px;
  line-height: 1.5;
  margin-right: 24px;
  padding-top: 15px;
  padding-bottom: 19px;
}
.r5_tab, .r5_tab-content {
  box-shadow: 0 0 0 3px transparent;
  transition: box-shadow 0.3s var(--bezier);
}
.r5_tab:last-child {
  margin-right: 0;
}
.r5_tab[aria-selected='true'], .r5_tab:hover[aria-selected='false'] {
  color: currentColor;
}
.r5_tab[aria-selected='true'] {
  font-weight: 500;
}
.r5_tab-content:focus {
  outline: transparent;
}
.r5_tab:focus[aria-selected='false'] {
  box-shadow: 0 0 0 3px var(--primary200);
}
.r5_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);
}
@supports selector(:focus-visible) {
  .r5_tab:focus[aria-selected='false'] {
    box-shadow: none;
 }
  .r5_tab-content:focus-visible, .r5_tab:focus-visible[aria-selected='false'], .r5_tab-link:focus-visible:not(.selected) {
    box-shadow: 0 0 0 3px var(--primary200);
 }
  .r5_tab-content:focus {
    box-shadow: 0 0 0 3px transparent;
 }
  .r5_tab-content:focus-visible {
    box-shadow: 0 0 0 3px var(--primary200);
 }
}



.r5_segmented {
  display: flex;
  justify-content: center;
  background-color: var(--grey01);
  border-radius: 4px;
  position: relative;
  align-items: center;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.r5_segmented_btn, .r5_segmented_bg {
  width: 100%;
}
.r5_segmented_btn {
  display: block;
  line-height: 1.4;
  min-height: 32px;
  padding: 8px;
  color: #000;
  transition: color 0.3s;
  z-index: 1;
}
.small > .r5_segmented_btn {
  min-height: 26px;
  padding: 5px;
  font-size: 12px;
}
.r5_segmented_btn:focus, .r5_segmented_btn:hover {
  color: var(--grey4);
}
.r5_segmented_btn.active {
  color: #fff;
  transition: none;
}
.r5_segmented_btn.disable {
  color: var(--grey2);
}
.r5_segmented_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: transform 0.3s;
  transform: translate3d(0, 0, 0);
}
.r5_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;
}
.r5_segmented-2 > .r5_segmented_btn, .r5_segmented-2 > .r5_segmented_bg {
  width: 50%;
}
.r5_segmented-3 > .r5_segmented_btn, .r5_segmented-3 > .r5_segmented_bg {
  width: 33.33337%;
}
.r5_segmented-4 > .r5_segmented_btn, .r5_segmented-4 > .r5_segmented_bg {
  width: 25%;
}
.r5_segmented-5 > .r5_segmented_btn, .r5_segmented-5 > .r5_segmented_bg {
  width: 20%;
}
.active:nth-child(2) ~ .r5_segmented_bg {
  transform: translate3d(100%, 0, 0);
}
.active:nth-child(3) ~ .r5_segmented_bg {
  transform: translate3d(200%, 0, 0);
}
.active:nth-child(4) ~ .r5_segmented_bg {
  transform: translate3d(300%, 0, 0);
}
.active:nth-child(5) ~ .r5_segmented_bg {
  transform: translate3d(400%, 0, 0);
}



.re_switch_ {
  background-color: var(--grey100);
  border-radius: 12px;
  box-shadow: 0 0 0 3px transparent;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  transition: background-color 0.2s, box-shadow 0.2s var(--bezier);
}
.re_switch_.active {
  background-color: var(--blue);
}
.re_switch.small > .re_switch_ {
  border-radius: 9px;
  width: 30px;
  height: 18px;
}
.re_switch.xsmall > .re_switch_ {
  border-radius: 6px;
  width: 20px;
  height: 12px;
}
.re_switch_btn {
  background-color: #fff;
  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.small .re_switch_btn {
  top: 3px;
  right: 15px;
  width: 12px;
  height: 12px;
}
.re_switch.xsmall .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 #fff inset;
  right: 4px;
}
.re_switch.small .active .re_switch_btn {
  right: 3px;
}
.re_switch.xsmall .active .re_switch_btn {
  right: 2px;
}
.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);
}
.r5_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);
 }
}

.aa_dropdown {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  border-radius: 5px;
  border: solid 1px #fff;
  background-color: rgba(255,255,255,.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
  opacity: 0;
  animation: come-in-up .3s forwards;
}

.aa_dropdown.br {
  top: auto;
  bottom: 0;
  right: 0;
}

.aa_multi-range {
  position: relative;
}

.aa_multi-range > input[type=range] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
}

.aa_multi-range > input[type=range]:last-child {
  background: none;
}

.aa_multi-range > input[type=range]::-webkit-slider-thumb {
  cursor: pointer;
  pointer-events: all;
}




.aa_hover {
  position: relative;
}

.aa_hover::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--grey005);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  border-radius: inherit;
}

.aa_hover.shadow::before {
  z-index: 1;
  background-color: transparent;
  box-shadow: 0 0 25px var(--grey02);
  transition: opacity 0.5s;
}

.aa_hover:hover::before {
  opacity: 1;
}

.aa_hidden { display: none; }

[class^="aa_show-"],
[class*=" aa_show-"] {
  display: none
}

@media (min-width: 768px) {
  .aa_show-s {
    display: initial;
  }
}

@media (min-width: 1024px) {
  .aa_show-m {
    display: initial;
  }
}

.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_blur-3 {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.aa_nopointer { pointer-events: none; }
.aa_noverflow { overflow: hidden; }

.aa_position-relative { position: relative; }
.aa_position-absolute { position: absolute; }
.aa_position-fixed { position: fixed; }

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

.aa_fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
}

.aa_top-0 { top: 0; }
.aa_top-50p { top: 50%; }
.aa_right-0 { right: 0; }
.aa_bottom-0 { bottom: 0; }
.aa_left-0 { left: 0; }
.aa_left-50p { left: 50%; }

.aa_display-block { display: block; }
.aa_display-flex { display: flex; }
.aa_flex-wrap { flex-wrap: wrap; }
.aa_flex-column { flex-direction: column; }
.aa_flex-grow-1 { flex-grow: 1; min-width: 0; }
.aa_noshrink { flex-shrink: 0; }
.aa_align-center { align-items: center; }
.aa_align-start { align-items: flex-start; }
.aa_align-end { align-items: flex-end; }
.aa_justify-between { justify-content: space-between; }
.aa_justify-around { justify-content: space-around; }
.aa_justify-center { justify-content: center; }

@media (min-width: 768px) {
  .aa_display-flex-s { display: flex; }
}

@media (min-width: 1024px) {
  .aa_display-flex-m { display: flex; }
}

.aa_stick {
  position: sticky;
  z-index: 1;
  top: 0;
}

.aa_stick-btm {
  position: sticky;
  z-index: 1;
  bottom: 0;
}

.aa_brad-5 { border-radius: 5px; }
.aa_brad-10 { border-radius: 10px; }
.aa_brad-15 { border-radius: 15px; }
.aa_brad-50p { border-radius: 50%; }

.aa_brad-b-10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.aa_border-2 {
  border: solid 2px;
}

.aa_border-grey05 {
  border: solid 1px var(--grey05);
}

.aa_shadow-grey01 { box-shadow: 0 0 0 1px var(--grey01); }
.aa_shadow-grey01-l { box-shadow: -3px 0 0 var(--grey01); }

.aa_h-100p { height: 100%; }
.aa_h-1 { height: 1px; }
.aa_h-5 { height: 5px; }
.aa_h-8 { height: 8px; }
.aa_h-10 { height: 10px; }
.aa_h-11 { height: 11px; }
.aa_h-15 { height: 15px; }
.aa_h-20 { height: 20px; }
.aa_h-20p { height: 20%; }
.aa_h-22 { height: 22px; }
.aa_h-30 { height: 30px; }
.aa_h-32 { height: 32px; }
.aa_h-40 { height: 40px; }
.aa_h-45 { height: 45px; }
.aa_h-50 { height: 50px; }
.aa_h-80 { height: 80px; }
.aa_h-100 { height: 100px; }
.aa_h-200 { height: 200px; }
.aa_w-20p { width: 20%; }
.aa_w-25p { width: 25%; }
.aa_w-30p { width: 30%; }
.aa_w-33p { width: 33.33337%; }
.aa_w-80p { width: 80%; }
.aa_w-100p { width: 100%; }
.aa_w-200p { width: 200%; }
.aa_w-3 { width: 3px; }
.aa_w-10 { width: 10px; }
.aa_w-15 { width: 15px; }
.aa_w-20 { width: 20px; }
.aa_w-25 { width: 25px; }
.aa_w-30 { width: 30px; }
.aa_w-40 { width: 40px; }
.aa_w-45 { width: 45px; }
.aa_w-50 { width: 50px; }
.aa_w-50p { width: 50%; }
.aa_w-55 { width: 55px; }
.aa_w-70 { width: 70px; }
.aa_w-80 { width: 80px; }
.aa_w-100 { width: 100px; }
.aa_w-120 { width: 120px; }
.aa_w-150 { width: 150px; }
.aa_w-200 { width: 200px; }
.aa_w-282 { width: 282px; }
.aa_w-auto { width: auto; }

@media (min-width: 768px) {
  .aa_w-50-s { width: 50px; }
}

.aa_minw-100 { min-width: 100px; }
.aa_minw-300 { min-width: 300px; }
.aa_minh-500 { min-height: 500px; }

.aa_maxw-100p { max-width: 100%; }
.aa_maxw-150 { max-width: 150px; }
.aa_maxw-200 { max-width: 200px; }
.aa_maxw-255 { max-width: 255px; }
.aa_maxw-300 { max-width: 300px; }
.aa_maxw-400 { max-width: 400px; }
.aa_maxw-500 { max-width: 500px; }
.aa_maxw-550 { max-width: 550px; }
.aa_maxw-600 { max-width: 600px; }

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

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

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

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

.aa_text-right { text-align: right; }
.aa_text-center { text-align: center; }

.aa_text-medium { font-weight: 500; }
.aa_text-bold { font-weight: 600; }

.aa_text-uppercase { text-transform: uppercase; }
.aa_text-lowercase { text-transform: lowercase; }
.aa_text-capital { text-transform: capitalize; }

.aa_text-8 { font-size: 8px; }
.aa_text-10 { font-size: 10px; }
.aa_text-12 { font-size: 12px; }
.aa_text-13 { font-size: 13px; }
.aa_text-14 { font-size: 14px; }
.aa_text-16 { font-size: 16px; }
.aa_text-18 { font-size: 18px; }
.aa_text-20 { font-size: 20px; }
.aa_text-24 { font-size: 24px; }
.aa_text-28 { font-size: 28px; }
.aa_text-30 { font-size: 30px; }
.aa_text-40 { font-size: 40px; }
.aa_text-50 { font-size: 50px; }

.aa_txtc-white { color: #fff; }
.aa_txtc-transparent { color: transparent; }
.aa_txtc-base { color: var(--txt); }
.aa_txtc-grey { color: var(--grey); }
.aa_txtc-grey03 { color: var(--grey03); }
.aa_txtc-green { color: var(--green); }
.aa_txtc-lime { color: var(--lime); }
.aa_txtc-yellow { color: var(--yellow); }
.aa_txtc-orange { color: var(--orange); }
.aa_txtc-red { color: var(--red); }

.aa_bgc-white { background-color: #fff; }
.aa_bgc-black { background-color: #000; }
.aa_bgc-grey005 { background-color: var(--grey005); }
.aa_bgc-grey01 { background-color: var(--grey01); }
.aa_bgc-grey05 { background-color: var(--grey05); }
.aa_bgc-grey { background-color: var(--grey); }
.aa_bgc-green { background-color: var(--green); }
.aa_bgc-lime { background-color: var(--lime); }
.aa_bgc-yellow { background-color: var(--yellow); }
.aa_bgc-orange { background-color: var(--orange); }
.aa_bgc-red { background-color: var(--red); }
.aa_bgc-blue { background-color: var(--blue); }

.aa_margin-0 { margin: 0; }

.aa_margin-t--26 { margin-top: -26px; }
.aa_margin-t--20 { margin-top: -20px; }
.aa_margin-t--10 { margin-top: -10px; }
.aa_margin-t--8 { margin-top: -8px; }
.aa_margin-t-3 { margin-top: 3px; }
.aa_margin-t-5 { margin-top: 5px; }
.aa_margin-t-9 { margin-top: 9px; }
.aa_margin-t-10 { margin-top: 10px; }
.aa_margin-t-13 { margin-top: 13px; }
.aa_margin-t-15 { margin-top: 15px; }
.aa_margin-t-20 { margin-top: 20px; }
.aa_margin-t-30 { margin-top: 30px; }
.aa_margin-t-40 { margin-top: 40px; }
.aa_margin-t-50 { margin-top: 50px; }
.aa_margin-t-80 { margin-top: 80px; }
.aa_margin-t-130 { margin-top: 130px; }
.aa_margin-t-200 { margin-top: 200px; }

.aa_margin-b--30 { margin-bottom: -30px; }
.aa_margin-b--20 { margin-bottom: -20px; }
.aa_margin-b-0 { margin-bottom: 0; }
.aa_margin-b-5 { margin-bottom: 5px; }
.aa_margin-b-10 { margin-bottom: 10px; }
.aa_margin-b-15 { margin-bottom: 15px; }
.aa_margin-b-20 { margin-bottom: 20px; }
.aa_margin-b-25 { margin-bottom: 25px; }
.aa_margin-b-30 { margin-bottom: 30px; }
.aa_margin-b-45 { margin-bottom: 45px; }
.aa_margin-b-50 { margin-bottom: 50px; }
.aa_margin-b-70 { margin-bottom: 70px; }

.aa_margin-tb-5 { margin-top: 5px; margin-bottom: 5px; }
.aa_margin-tb-10 { margin-top: 10px; margin-bottom: 10px; }
.aa_margin-tb-15 { margin-top: 15px; margin-bottom: 15px; }
.aa_margin-tb-20 { margin-top: 20px; margin-bottom: 20px; }
.aa_margin-tb-30 { margin-top: 30px; margin-bottom: 30px; }
.aa_margin-tb-45 { margin-top: 45px; margin-bottom: 45px; }

.aa_margin-r--35 { margin-right: -35px; }
.aa_margin-r-5 { margin-right: 5px; }
.aa_margin-r-10 { margin-right: 10px; }
.aa_margin-r-15 { margin-right: 15px; }
.aa_margin-r-20 { margin-right: 20px; }
.aa_margin-r-30 { margin-right: 30px; }
.aa_margin-r-45 { margin-right: 45px; }

.aa_margin-l-auto { margin-left: auto; }
.aa_margin-l--35 { margin-left: -35px; }
.aa_margin-l--20 { margin-left: -20px; }
.aa_margin-l--8 { margin-left: -8px; }
.aa_margin-l-2 { margin-left: 2px; }
.aa_margin-l-5 { margin-left: 5px; }
.aa_margin-l-10 { margin-left: 10px; }
.aa_margin-l-15 { margin-left: 15px; }
.aa_margin-l-20 { margin-left: 20px; }
.aa_margin-l-25 { margin-left: 25px; }
.aa_margin-l-30 { margin-left: 30px; }
.aa_margin-l-50 { margin-left: 50px; }

.aa_margin-lr-auto { margin-left: auto; margin-right: auto; }
.aa_margin-lr--45 { margin-left: -45px; margin-right: -45px; }
.aa_margin-lr--30 { margin-left: -30px; margin-right: -30px; }
.aa_margin-lr--20 { margin-left: -20px; margin-right: -20px; }
.aa_margin-lr--10 { margin-left: -10px; margin-right: -10px; }
.aa_margin-lr--5 { margin-left: -5px; margin-right: -5px; }
.aa_margin-lr-5 { margin-left: 5px; margin-right: 5px; }
.aa_margin-lr-10 { margin-left: 10px; margin-right: 10px; }

.aa_padding-10 { padding: 10px; }
.aa_padding-11 { padding: 11px; }
.aa_padding-15 { padding: 15px; }
.aa_padding-20 { padding: 20px; }
.aa_padding-30 { padding: 30px; }
.aa_padding-45 { padding: 45px; }

.aa_padding-t-5 { padding-top: 5px; }
.aa_padding-t-10 { padding-top: 10px; }
.aa_padding-t-25 { padding-top: 25px; }
.aa_padding-t-35 { padding-top: 35px; }

.aa_padding-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.aa_padding-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.aa_padding-tb-15 { padding-top: 15px; padding-bottom: 15px; }

.aa_padding-l-15 { padding-left: 15px; }
.aa_padding-l-25 { padding-left: 25px; }

.aa_padding-r-25 { padding-right: 25px; }

.aa_padding-lr-5 { padding-left: 5px; padding-right: 5px; }
.aa_padding-lr-10 { padding-left: 10px; padding-right: 10px; }
.aa_padding-lr-15 { padding-left: 15px; padding-right: 15px; }
.aa_padding-lr-20 { padding-left: 20px; padding-right: 20px; }
.aa_padding-lr-25 { padding-left: 25px; padding-right: 25px; }
.aa_padding-lr-45 { padding-left: 45px; padding-right: 45px; }

.aa_padding-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.aa_padding-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.aa_padding-tb-20 { padding-top: 20px; padding-bottom: 20px; }

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

.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-075 { opacity: 0.75; }

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

.aa_nowrap {
  white-space: nowrap;
}

.aa_truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.aa_cursor-move { cursor: move; }

.td_error {
  position: relative;
  height: 100%;
}

.td_error_ {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  transform: translate3d(-50%,-50%,0);
}

.td_error_404 {
  position: relative;
  font-size: 144px;
}

@supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) or (-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {
  .td_error_404 {
    color: transparent;
  }

  .td_error_404_ {
    position: absolute;
    top:   0;
    right: 0;
    left:  0;
    color: #000;
  }

  .td_error_404_:first-child {
    animation: four-o-four-1 2s infinite;
    -webkit-clip-path: polygon(0 0, 70% 0, 30% 100%, 0 100%);
            clip-path: polygon(0 0, 70% 0, 30% 100%, 0 100%);
  }

  .td_error_404_:last-child {
    animation: four-o-four-2 3s infinite;
    -webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 30% 100%);
            clip-path: polygon(70% 0, 100% 0, 100% 100%, 30% 100%);
  }
}

.td_error_btn {
  display: inline-block;
  padding: 10px 15px;
  border: solid 1px;
  border-radius: 2px;
  color: inherit;
  transition: background-color .2s;
}

.no-touchevents .td_error_btn:hover, .touchevents .td_error_btn:active {
  background-color: rgba(255,255,255,.2);
}

.re_tip {
  background-color: #eae6e6;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  box-sizing: content-box;
  color: #000;
  position: fixed;
  z-index: 15;
  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;
 }
}

@keyframes four-o-four-1 {
  0% { transform: translate3d(0,0,0); }
  5% { transform: translate3d(0,0,0); }
  5.1% { transform: translate3d(-7px,10px,0); }
  6% { transform: translate3d(-7px,10px,0); }
  6.1% { transform: translate3d(0,0,0); }
  10% { transform: translate3d(0,0,0); }
  10.1% { transform: translate3d(-7px,10px,0); }
  30% { transform: translate3d(-7px,10px,0); }
  30.1% { transform: translate3d(4px,-5px,0); }
  35% { transform: translate3d(4px,-5px,0); }
  35.1% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,0,0); }
  50.1% { transform: translate3d(-7px,10px,0); }
  70% { transform: translate3d(-7px,10px,0); }
  70.1% { transform: translate3d(0,0,0); }
  90% { transform: translate3d(0,0,0); }
  90.1% { transform: translate3d(-7px,-10px,0); }
  91% { transform: translate3d(-7px,-10px,0); }
  91.1% { transform: translate3d(0,0,0); }
}

@keyframes four-o-four-2 {
  0% { transform: translate3d(0,0,0); }
  5% { transform: translate3d(0,0,0); }
  5.1% { transform: translate3d(7px,-10px,0); }
  6% { transform: translate3d(7px,-10px,0); }
  6.1% { transform: translate3d(0,0,0); }
  10% { transform: translate3d(0,0,0); }
  10.1% { transform: translate3d(7px,-10px,0); }
  30% { transform: translate3d(7px,-10px,0); }
  30.1% { transform: translate3d(-4px,5px,0); }
  35% { transform: translate3d(-4px,5px,0); }
  35.1% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,0,0); }
  50.1% { transform: translate3d(7px,-10px,0); }
  70% { transform: translate3d(7px,-10px,0); }
  70.1% { transform: translate3d(0,0,0); }
  90% { transform: translate3d(0,0,0); }
  90.1% { transform: translate3d(7px,10px,0); }
  91% { transform: translate3d(7px,10px,0); }
  91.1% { transform: translate3d(0,0,0); }
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border: 6px solid var(--grey01);
  border-bottom-color: var(--blue);
  border-radius: 50%;
  display: inline-block;
  animation: rotation 1s linear infinite;
}

.loader.small {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid var(--grey01);
  border-bottom-color: var(--blue);
}

@keyframes rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg);}
}

.aa_comein-rotate {
  transform-style: preserve-3d;
  animation: come-in-rotate 1s ease-out forwards;
}

.aa_comein-up {
  opacity: 0;
  animation: come-in-up 0.3s ease-out forwards;
}

.aa_comein-left {
  opacity: 0;
  animation: come-in-left 0.3s ease-out forwards;
}

.aa_anim_delay-01 { animation-delay: 0.1s; }
.aa_anim_delay-02 { animation-delay: 0.2s; }
.aa_anim_delay-03 { animation-delay: 0.3s; }
.aa_anim_delay-05 { animation-delay: 0.5s; }
.aa_anim_delay-1 { animation-delay: 1s; }


@keyframes come-in-rotate {
  0% { opacity: 0; transform: perspective(200px) rotateY(90deg); }
  100% { opacity: 1; transform: perspective(200px) rotateY(0deg); }
}

@keyframes come-in-up {
  0% { opacity: 0; transform: translate3d(0, 20px, 0); }
  100% { opacity: 1; transform: translate(0, 0, 0); }
}

@keyframes come-in-left {
  0% { opacity: 0; transform: translate3d(20px, 0, 0); }
  100% { opacity: 1; transform: translate(0, 0, 0); }
}

@keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
 }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
 }
}
@keyframes confetti-medium {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
 }
  100% {
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
 }
}
@keyframes confetti-fast {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
 }
  100% {
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
 }
}
.confetti-container {
  perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}
.confetti--animation-slow {
  animation: confetti-slow 2.25s linear 1 forwards;
}
.confetti--animation-medium {
  animation: confetti-medium 1.75s linear 1 forwards;
}
.confetti--animation-fast {
  animation: confetti-fast 1.25s linear 1 forwards;
}

@font-face {
  font-family: "infotypes";
  src: url("/fonts/infotypes.woff");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  display: inline-block;
  vertical-align: middle;
  font-family: "infotypes", 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);
}

.icon-workbench:before { content: "\62"; }
.icon-center:before { content: "\63"; }
.icon-setup:before { content: "\64"; }
.icon-settings:before { content: "\65"; }
.icon-dashboard:before { content: "\66"; }
.icon-arrow-right:before { content: "\67"; }
.icon-review:before { content: "\61"; }
.icon-discovery:before { content: "\6a"; }
.icon-menu:before { content: "\68"; }
.icon-gallery:before { content: "\69"; }
.icon-intelligence:before { content: "\6b"; }
.icon-search:before { content: "\6c"; }
.icon-type-1:before { content: "\6d"; }
.icon-type-2:before { content: "\6e"; }
.icon-type-3:before { content: "\6f"; }
.icon-type-4:before { content: "\70"; }
.icon-type-5:before { content: "\71"; }
.icon-type-6:before { content: "\72"; }
.icon-type-7:before { content: "\73"; }
.icon-type-8:before { content: "\74"; }
.icon-type-9:before { content: "\75"; }
.icon-type-10:before { content: "\76"; }
.icon-type-11:before { content: "\77"; }
.icon-type-12:before { content: "\78"; }
.icon-type-13:before { content: "\79"; }
.icon-type-14:before { content: "\7a"; }
.icon-type-15:before { content: "\41"; }
.icon-type-16:before { content: "\42"; }
.icon-type-17:before { content: "\43"; }
.icon-type-18:before { content: "\44"; }
.icon-type-19:before { content: "\45"; }
.icon-type-0:before { content: "\46"; }
.icon-type-20:before { content: "\47"; }
.icon-checkmark-o:before { content: "\48"; }
.icon-loading:before { content: "\49"; }
.icon-loading::before {
  animation: spin 1s infinite steps(16);
  transform-origin: 48% 51%;
}
.icon-delete-o:before { content: "\4a"; }
.icon-warning-o:before { content: "\4b"; }
.icon-arrow-down:before { content: "\4c"; }
.icon-arrow-up:before { content: "\4d"; }
.icon-arrow-right-2:before { content: "\4f"; }
.icon-checkmark:before { content: "\50"; }
.icon-delete:before { content: "\51"; }
.icon-drag:before { content: "\4e"; }
.icon-arrow-up-2:before { content: "\52"; }
.icon-arrow-down-2:before { content: "\53"; }
.icon-delete-2:before { content: "\54"; }
.icon-phone:before { content: "\55"; }
.icon-email:before { content: "\56"; }
.icon-globe:before { content: "\57"; }
.icon-id:before { content: "\58"; }
.icon-filter-fill:before { content: "\59"; }
.icon-more:before { content: "\5a"; }
.icon-info:before { content: "\30"; }
.icon-add:before { content: "\31"; }
.icon-plus:before { content: "\32"; }
.icon-alert-o:before { content: "\33"; }

@media speech {
  [class^="i-"]::before,
  [class*=" i-"]::before {
    speak: none;
  }
}

@keyframes spin {
  from { transform: rotate(0); }
  to { transform: rotate(359.9deg); }
}