/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
[data-tippy-root]{max-width:calc(100vw - 10px)}
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}
.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
.tippy-arrow{width:16px;height:16px;color:#333}
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
.tippy-content{position:relative;padding:5px 9px;z-index:1}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* html, body {
  overflow-x: hidden;
} */
body {
  position: relative;
}
.grecaptcha-badge {
  visibility: hidden;
}
/* HTML5 display-role reset for older browsers */
input {
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: "";
  content: none;
}
q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:root {
  --size--spacing-x0-25: 0.0625rem;
  --size--spacing-x05: 0.125rem;
  --size--spacing-x0-75: 0.1875rem;
  --size--spacing-x1: 0.25rem;
  --size--spacing-x1-25: 0.3125rem;
  --size--spacing-x1-5: 0.375rem;
  --size--spacing-x2: 0.5rem;
  --size--spacing-x2-25: 0.5625rem;
  --size--spacing-x2-5: 0.625rem;
  --size--spacing-x2-75: 0.6875rem;
  --size--spacing-x3: 0.75rem;
  --size--spacing-x3-25: 0.8125rem;
  --size--spacing-x3-50: 0.875rem;
  --size--spacing-x3-75: 0.9375rem;
  --size--spacing-x4: 1rem;
  --size--spacing-x4-5: 1.125rem;
  --size--spacing-x5: 1.25rem;
  --size--spacing-x5-5: 1.375rem;
  --size--spacing-x5-75: 1.4375rem;
  --size--spacing-x6: 1.5rem;
  --size--spacing-x6-25: 1.5625rem;
  --size--spacing-x6-5: 1.625rem;
  --size--spacing-x7: 1.75rem;
  --size--spacing-x7-5: 1.875rem;
  --size--spacing-x7-75: 1.9375rem;
  --size--spacing-x8: 2rem;
  --size--spacing-x8-25: 2.0625rem;
  --size--spacing-x8-5: 2.125rem;
  --size--spacing-x8-75: 2.1875rem;
  --size--spacing-x9: 2.25rem;
  --size--spacing-x9-5: 2.375rem;
  --size--spacing-x10: 2.5rem;
  --size--spacing-x11: 2.75rem;
  --size--spacing-x11-5: 2.875rem;
  --size--spacing-x12: 3rem;
  --size--spacing-x12-25: 3.125rem;
  --size--spacing-x13: 3.25rem;
  --size--spacing-x14: 3.5rem;
  --size--spacing-x14-5: 3.625rem;
  --size--spacing-x15: 3.75rem;
  --size--spacing-x16: 4rem;
  --size--spacing-x17: 4.25rem;
  --size--spacing-x18: 4.5rem;
  --size--spacing-x18-5: 4.625rem;
  --size--spacing-x19-5: 4.875rem;
  --size--spacing-x20: 5rem;
  --size--spacing-x20-5: 5.125rem;
  --size--spacing-x22: 5.5rem;
  --size--spacing-x22-75: 5.6875rem;
  --size--spacing-x23: 5.75rem;
  --size--spacing-x24: 6rem;
  --size--spacing-x25: 6.25rem;
  --size--spacing-x26: 6.5rem;
  --size--spacing-x27: 6.75rem;
  --size--spacing-x27-25: 7.125rem;
  --size--spacing-x34: 8.5rem;
  --size--spacing-x36: 9rem;
  --size--spacing-x39: 9.75rem;
  --size--spacing-x40: 10rem;
  --size--spacing-x41: 10.25rem;
  --size--spacing-x46: 11.5rem;
  --size--spacing-x50: 12.5rem;
  --size--spacing-x52: 13rem;
  --size--spacing-x52-5: 13.125rem;
  --size--spacing-x59: 14.75rem;
  --size--spacing-x62: 15.5rem;
  --size--spacing-x63: 15.75rem;
  --size--spacing-x65-75: 16.4375rem;
  --size--spacing-x69: 17.25rem;
  --size--spacing-x70: 17.5rem;
  --size--spacing-x71: 17.75rem;
  --size--spacing-x72: 18rem;
  --size--spacing-x76: 19rem;
  --size--spacing-x79-75: 19.9375rem;
  --size--spacing-x80: 20rem;
  --size--spacing-x90: 22.5rem;
  --size--spacing-x98: 24.5rem;
  --size--spacing-x109: 27.25rem;
  --size--spacing-x124: 31rem;
  --size--spacing-x126-25:31.5625rem;
  --size--spacing-x130: 32.5rem;
  --size--spacing-x132: 33rem;
  --size--spacing-x140: 35rem;
  --size--spacing-x150: 37.5rem;
  --size--spacing-x154: 38.5rem;
  --size--spacing-x158: 39.5rem;
  --size--spacing-x167: 41.75rem;
  --size--spacing-x168: 42rem;
  --size--spacing-x176: 44rem;
  --size--spacing-x182: 45.5rem;
  --size--spacing-x320: 80rem;
  --size--navigation-height: 78px;
  --size--navigation-height-scrolling: 3.375rem;
  --size--navigation-height-mobile: 3.63rem;
  --size--navigation-underline-height: 0.26rem;
  --size--navigation-link-spacing: 2rem;
  --size--navigation-link-margin: 0.5rem;
  --size--navigation-side-padding: 6.75rem;
  --size-navigation-profile-overlay-mobile-bottom: 4.25rem;
  --size--navigation-profile-top: 5rem;
  --size--navigation-profile-right: 6.75rem;
  --size--navigation-profile-width: 312px;
  --size--navigation-profile-padding: 1.25rem 0;
  --size--navigation-profile-mobile-padding-top: 2.5rem;
  --size--navigation-profile-border-radius: 0.5rem;
  --size--navigation-profile-item-padding: 0 1.25rem;
  --size--navigation-profile-content-padding: .9375rem 0;
  --size--navigation-profile-content-text-padding-left: 0.75rem;
  --size--navigation-profile-content-mobile-padding: 1.5rem 0;
  --size--navigation-profile-slide-width: 3rem;
  --size--navigation-profile-slide-height: 0.25rem;
  --size--navigation-profile-slide-top: 0.75rem;
  --size--navigation-profile-slide-border-radius: 0.25rem;
  --size--navigation-profile-user-padding: 0 1.5rem 1.5rem;
  --size--submenu-height: 2.88rem;
  --size--submenu-padding: 0 6.75rem;
  --size--submenu-padding-mobile: 0 1.125rem;
  --size--submenu-spacing: 3rem;
  --size--logo-width: 110px;
  --size--logo-height: 30px;
  --size--icon-xs: 0.25rem;
  --size--icon-pico: 0.5rem;
  --size--icon-micro: 0.625rem;
  --size--icon-tiny: 0.75rem;
  --size--icon-small: 1rem;
  --size--icon-avatar: 2.25rem;
  --size--icon-medium: 1.25rem;
  --size--icon-large: 1.5rem;
  --size--icon-xlarge: 1.75rem;
  --size--icon-xl: 2rem;
  --size--icon-huge: 3rem;
  --size--icon-lhuge: 3.5rem;
  --size--icon-xhuge: 4.5rem;
  --size--icon-xxhuge: 6rem;
  --size--icon-input: 1.125rem;
  --size--avatar-xsmall: 1.25rem;
  --size--avatar-small: 2rem;
  --size--avatar-forum: 2.25rem;
  --size--avatar-preview: 10rem;
  --size--avatar-medium: 6rem;
  --size--avatar-contributor: 6.5rem;
  --size--avatar-contributor-small: 3.5rem;
  --size--avatar-profile: 9rem;
  --size--avatar-large: 18rem;
  --size--slider-base: 1rem;
  --size--value-preview-border-radius: 0.56rem;
  --size--value-padding-horizontal: 2.25rem;
  --size--value-padding-vertical: 2rem;
  --size--value-spacing-vertical: 1.5rem;
  --size--value-spacing-horizontal: 1.5rem;
  --size--value-minimum-width: 18rem;
  --size--value-categories-spacing-horizontal: 0.1rem;
  --size--value-footer-padding-horizontal: 1.5rem;
  --size--value-footer-padding-vertical: 1.25rem;
  --size--subvalue-margin: 0.5rem;
  --size--subvalue-name-margin: 0.5rem;
  --size--value-preview-zoom-factor: 1.1;
  --size--value-subscibers-height: 1.5rem;
  --size--value-subscibers-padding: 0.63rem;
  --size--value-icons-top-spacing: 1.375rem;
  --size--value-preview-footer-border: 0.06rem;
  --size--category-button-height: 2.25rem;
  --size--category-button-padding: 0 0.75rem 0 0.25rem;
  --size--category-button-spacing: 0.75rem;
  --size--category-button-text-margin: 0.5rem;
  --size--category-button-text: 0.69rem;
  --size--category-button-border-width: 0.125rem;
  --size--header-height: 14.75rem;
  --size--header-short-height: 4.38rem;
  --size--header-margin-bottom: 1.125rem;
  --size--layout-padding: 1rem 6.75rem;
  --size--layout-padding-mobile: 1rem 0rem;
  --size--generic-padding: 6rem 6.75rem;
  --size--section-padding: 6rem 6rem 13.5rem;
  --size--section-padding-mobile: 4.5rem 1.25rem;
  --size--section-content-padding: 0rem 3rem;
  --size--form-base-height: 3rem;
  --size--form-base-width: 20rem;
  --size--form-base-margin: 0.5rem;
  --size--form-base-border: 0.125rem;
  --size--form-base-border-radius: 0.25rem;
  --size--form-icon: 1rem;
  --size--flyover--header-height: 3.625rem;
  --size--flyover--footer-height: 5.5rem;
  /** The form variables below are included for
   * backwards compatibility. We should only use
   * the generic ones above and eventually
   * throw the ones below away.
   * ----8<-----8<------8<------8<--------------
   */
  --size--form-input-height: 3rem;
  --size--form-input-border-radius: 0.25rem;
  --size--form-input-padding: 0 0.75rem;
  --size--form-input-border-width: 0.13rem;
  --size--search-width: 24.5rem;
  --size--search-height: 3rem;
  --size--search-padding: 0 0.75rem;
  --size--search-border-radius: 0.25rem;
  --size--search-border-width: 0.13rem;
  --size--button-height: 3rem;
  --size--button-width: 12rem;
  --size--button-tiny-width: 6.5625rem;
  --size--button-tiny-height: 2.25rem;
  --size--button-small-width: 8rem;
  --size--button-middle: 9rem;
  --size--button-xm-width: 10rem;
  --size--button-huge: 11.5rem;
  --size--button-xl-width: 16rem;
  --size--button-border-width: 0.13rem;
  --size--button-border-radius: 0.25rem;
  --size--button-border-radius-6: 1.5rem;
  --size--button-hover-border-radius: 0.75rem;
  --size--button-padding: 0 3rem;
  --size--button-spacing: 0.75rem;
  --size--button-loader-size: 0.5rem;
  --size--button-loader-child-position: 0.25rem;
  --size--dropdown-height: 3rem;
  --size--dropdown-width: 8.5rem;
  --size--dropdown-border-radius: 0.25rem;
  --size--dropdown-bottom-border-radius: 0.5rem;
  --size--dropdown-bottom-padding: 0.25rem 0;
  --size--dropdown-bottom-margin-top: 0.5rem;
  --size--dropdown-border-width: 0.13rem;
  --size--dropdown-padding: 0 1.25rem;
  --size--dropdown-label-padding: 0 0.5rem;
  --size--dropdown-label-left: 0.75rem;
  --size--dropdown-label-top: -0.7rem;
  --size--chip-min-width: 3.75rem;
  --size--chip-height: 2.25rem;
  --size--chip-padding: .375rem 0.75rem;
  --size--chip-border-radius: 1.125rem;
  --size--chip-label-padding-right: 0.5rem;
  --size--chip-icon-padding-left: 0.5rem;
  --size--field-chip-height: 1.875rem;
  --size--field-chip-padding: .1875rem 0.75rem;
  --size--chip-selection-floating-label-left: 1.25rem;
  --size--chip-selection-floating-label-top: 1rem;
  --size--chip-selection-floating-label-active-left: 1rem;
  --size--chip-selection-floating-label-active-padding: 0rem 0.5rem;
  --size--chip-selection-input-filled-height: 1.875rem;
  --size--chip-selection-input-filled-width: 3.75rem;
  --size--chip-selection-input-dropdown-max-height: 12.25rem;
  --size--chip-selection-input-dropdown-margin: .3125rem 0 0;
  --size--chip-selection-input-dropdown-border-radius: .3125rem;
  --size--chip-selection-input-dropdown-border-width: .125rem;
  --size--chip-selection-input-dropdown-item-min-height: 3rem;
  --size--chip-selection-input-dropdown-item-padding: 0rem 1.125rem;
  --size--chip-selection-chip-input-border-radius: 0.25rem;
  --size--chip-selection-chip-input-border-width: .125rem;
  --size--chip-selection-chip-input-padding: .6875rem 1.25rem;
  --size--checkbox-min-width: 4.25rem;
  --size--checkbox-height-large: 6rem;
  --size--checkbox-height-small: 3rem;
  --size--checkbox-height-tiny: 1.13rem;
  --size--checkbox-padding-large: 1.25rem;
  --size--checkbox-padding-small: 0.6875rem;
  --size--checkbox-border-radius: 0.25rem;
  --size--checkbox-border-width: 0.125rem;
  --size--checkbox-icon-padding: 0.75rem;
  --size--checkbox-content-padding-left-large: 1.25rem;
  --size--checkbox-content-padding-left-small: 0.75rem;
  --size--checkbox-content-padding-left-tiny: 0.5rem;
  --size--checkbox-tickbox-width: 1.5rem;
  --size--checkbox-tickbox-height: 1.5rem;
  --size--radio-min-width: 4.25rem;
  --size--radio-height-large: 6rem;
  --size--radio-height-small: 3rem;
  --size--radio-padding-large: 1.25rem;
  --size--radio-padding-small: 0.6875rem;
  --size--radio-border-radius: 0.25rem;
  --size--radio-border-width: 0.125rem;
  --size--radio-icon-padding: 0.75rem;
  --size--radio-content-padding-left-large: 1.25rem;
  --size--radio-content-padding-left-small: 0.75rem;
  --size--radio-tickbox-width: 1.5rem;
  --size--radio-tickbox-height: 1.5rem;
  --size--input-width: 18.75rem;
  --size--input-height: 3rem;
  --size--input-leading: 1.63;
  --size--input-tracking: .00625rem;
  --size--input-padding: 0 3rem 0 1.25rem;
  --size--input-border-radius: 0.25rem;
  --size--input-border-width: .125rem;
  --size--input-label-leading: 1.57;
  --size--input-label-tracking: .0125rem;
  --size--input-label-padding: 0 0.5rem;
  --size--input-label-top: -0.75rem;
  --size--input-label-left: 0.75rem;
  --size--input-icon-width: 1rem;
  --size--input-icon-height: 1rem;
  --size--input-icon-right: 1.25rem;
  --size--input-icon-tick-top: 1.0625rem;
  --size--input-icon-close-top: 1.125rem;
  --size--input-info-padding-top: 0.5rem;
  --size--options-max-height: 12.25rem;
  --size--textarea-padding-top: .5rem;
  --size--textarea-notch-padding-top: .6875rem;
  --size--switch-width: 2.5rem;
  --size--switch-height: 1rem;
  --size--switch-border-radius: 0.5rem;
  --size--switch-handle-width: 1.5rem;
  --size--switch-handle-height: 1.5rem;
  --size--switch-handle-border-width: .125rem;
  --size--switch-icon-left: 0.25rem;
  --size--switch-icon-top: 0.25rem;
  --size--modal-confirm-width: 24.5rem;
  --size--modal-confirm-height: 17.125rem;
  --size--modal-small: 18.75rem;
  --size--modal-base-width: 23.5rem;
  --size--modal-medium: 37.5rem;
  --size--modal-default: 38.5rem;
  --size--modal-large: 50rem;
  --size--modal-xlarge: 71.25rem;
  --size-modal-icon-top: 2.25rem;
  --size-modal-icon-right: 2.25rem;
  --size-modal-padding: 2.25rem 0;
  --size-modal-border-radius: 0.5rem;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-48 {
  margin-bottom: 48px;
}
:root {
  --color--page-background: #f8f8f5;
  --color--background-darkTint: #BEB9B4;
  --color--page-header-tint: rgba(0, 0, 0, 0.3);
  --color--page-subheader-background: transparent;
  --color--background-light: #FFFFFF;
  --color--background-tint: #e1e1e1;
  --color--background-tint-1: #E6E1D7;
  --color--background-lightTint: #f8f8f5;
  --color--background-lightestTint: #F8F8F7;
  --color--background-dark: #14192D;
  --color--background-cta: #14192D;
  --color--background-ctaHover: rgba(20, 25, 45, 0.06);
  --color--background-brand--cta-hover: #f1f1f2;
  --color--background-brand--cta-hover-2: #f1f9f3;
  --color--background-cta-hover: #fbeff3;
  --color--background-medium: #f8f8f5;
  --color--background-confirm: #55B96E;
  --color--background-selected: #D9D5FF;
  --color--background-cta-faded: rgba(20, 25, 45, 0.08);
  --color--background-auth: #96505a;
  --color--brand-highlight: #c83764;
  --color--brand--highlight-hover: rgba(200, 55, 100, 0.08);
  --color--text: #14192D;
  --color--text-main: #252A2F;
  --color--text-dark: #14192D;
  --color--text-light: #FFFFFF;
  --color--text-faded: #BEB9B4;
  --color--text-link: #14192D;
  --color--text-menu-link: #B9B9B2;
  --color--text-brand--highlight: #c83764;
  --color--text-caption: #FE3982;
  --color--text-confirm: #55B96E;
  --color--text-info: #4ba5dc;
  --color--text-error: #f56978;
  --color--text-warning: #f0c828;
  --color--text-lightGrey: #f8f8f5;
  --color--text-darkGrey: #BEB9B4;
  --color--value-wellbeing: #f07d64;
  --color--value-wellbeing-faded: rgba(240, 125, 100, 12%);
  --color--value-integrity: #cd78aa;
  --color--value-integrity-faded: rgba(205, 120, 170, 12%);
  --color--value-social: #37A5D2;
  --color--value-social-faded: rgba(120, 180, 205, 12%);
  --color--value-environmental: #96c86e;
  --color--value-environmental-faded: rgba(150, 200, 110, 12%);
  --color--value-economic: #fcbc56;
  --color--value-economic-faded: rgba(252, 188, 86, 12%);
  --color--border-lightTint: #f8f8f5;
  --color--border-light: #FFFFFF;
  --color--border-darkTint: #BEB9B4;
  --color--border-tint: #e1e1e1;
  --color--border-tint-1: #E6E1D7;
  --color--border-cta: #14192D;
  --color--navigation-background: #FFFFFF;
  --color--navigation-text: #14192D;
  --color--navigation-text-active: #14192D;
  --color--navigation-underline-background: #14192D;
  --color--submenu-background: #FFFFFF;
  --color--submenu-border: #f8f8f5;
  --color--submenu-active: #14192D;
  --color--icon-light: #FFFFFF;
  --color--icon-cta: #14192D;
  --color--icon-dark: #14192D;
  --color--icon-darkTint: #BEB9B4;
  --color--icon-tint: #e1e1e1;
  --color--icon-warning: #f0c828;
  --color--icon-value: #652831;
  --color--icon-value-wellbeing: var(--color--value-wellbeing);
  --color--icon-value-integrity: var(--color--value-integrity);
  --color--icon-value-social: var(--color--value-social);
  --color--icon-value-environmental: var(--color--value-environmental);
  --color--icon-value-economic: var(--color--value-economic);
  --color--icon-confirm: #55B96E;
  --color--icon-info: #4ba5dc;
  --color--icon-disabled: #D9D5FF;
  --color--icon-inactive: #BEB9B4;
  --color--icon-lightMaroon: #FE3982;
  --color--icon-error: #f56978;
  --color--icon-close: #BEB9B4;
  --color--icon-social: #37A5D2;
  --color--avatar-background: #f8f8f5;
  --color--value-background-footer: #FFFFFF;
  --color--value-preview-footer-border: #e1e1e1;
  --color--value-background: #FFFFFF;
  --color--value-background-brand-cta: #14192D;
  --color--value-preview-background-subscribers: #FE3982;
  --color--value-preview-text-subscribers: #FFFFFF;
  --color--value-subvalue-community: #14192D;
  --color--value-family-intro-background: #f8f8f5;
  --color--value-family-background: #FFFFFF;
  --color--value-modal-control-icon-border: #e1e1e1;
  --color--value-modal-control-icon-border-active: #55B96E;
  --color--grid-vanish-start: opacify(#f8f8f5, 0);
  --color--grid-vanish-end: #f8f8f5;
  --color--category-button-text: #FFFFFF;
  --color--modal-overlay-background: rgba(45, 45, 45, 0.8);
  --color--modal-background: #FFFFFF;
  --color--slider-background: #f2f2f0;
  --color--slider-fill-current: #14192D;
  --color--slider-fill-current-highlight: #c83764;
  --color--slider-fill-current-confirm: #55B96E;
  --color--slider-fill-default: #14192D;
  --color--slider-knob-fill: #FFFFFF;
  --color--slider-knob-fill-active: #14192D;
  --color--slider-knob-border: #14192D;
  --color--slider-knob-border-active: #14192D;
  --color--button-primary-background: #14192D;
  --color--button-primary-border: #14192D;
  --color--button-primary-text: #FFFFFF;
  --color--button-secondary-background: transparent;
  --color--button-secondary-border: #14192D;
  --color--button-secondary-text: #14192D;
  --color--button-brand-cta: #14192D;
  --color--button-brand-light: #FFFFFF;
  --color--button-brand-highlight: #c83764;
  --color--button-negative-background: #f56978;
  --color--button-negative-border: #f56978;
  --color--button-negative-text: #FFFFFF;
  --color--form-border-inactive: #e1e1e1;
  --color--form-border-active: #14192D;
  --color--form-border-disabled: #e1e1e1;
  --color--form-border-error: #f56978;
  --color--form-border-notch-active: #FFFFFF;
  --color--form-background-autofill: rgba(20, 25, 45, 8%);
  --color--form-text: #14192D;
  --color--form-text-inactive: #e1e1e1;
  --color--form-text-active: #14192D;
  --color--form-text-disabled: #BEB9B4;
  --color--form-text-error: #f56978;
  --color--form-date-input-separator: #e1e1e1;
  --color--form-input-background: #FFFFFF;
  --color--form-input-text: #14192D;
  --color--form-input-text-inactive: #e1e1e1;
  --color--form-input-text-error: #f56978;
  --color--form-input-border: #14192D;
  --color--form-input-border-top: #FFFFFF;
  --color--form-input-border-inactive: #e1e1e1;
  --color--form-input-border-error: #f56978;
  --color--form-input-border-active: #55B96E;
  --color--form-input-label: #14192D;
  --color--form-input-label-active: #55B96E;
  --color--form-input-label-inactive: #e1e1e1;
  --color--form-input-label-error: #f56978;
  --color--form-input-floating-label-background: #FFFFFF;
  --color--form-input-placeholder-active: #BEB9B4;
  --color--form-dropdown-background: #f8f8f5;
  --color--form-dropdown-bottom-background: #FFFFFF;
  --color--form-dropdown-border: #e1e1e1;
  --color--form-dropdown-border-active: #14192D;
  --color--form-dropdown-label: #14192D;
  --color--form-dropdown-label-active: #55B96E;
  --color--form-dropdown-footer-label: #55B96E;
  --color--form-dropdown-footer-border: #f8f8f5;
  --color--form-dropdown-arrow: #14192D;
  --color--form-dropdown-text: #14192D;
  --color--form-dropdown-bottom-border: #f8f8f5;
  --color--form-dropdown-bottom-text: #14192D;
  --color--form-dropdown-bottom-text-selected: #14192D;
  --color--form-dropdown-bottom-selected-background: rgba(20, 25, 45, 0.06);
  --color--form-dropdown-floating-label-background: #FFFFFF;
  --color--form-dropdown-selection-border-active: #55B96E;
  --color--form-dropdown-selection-placeholder-active: #BEB9B4;
  --color--form-dropdown-selection-bottom-border: #e1e1e1;
  --color--chip-label-tag: #D9D5FF;
  --color--chip-active: #14192D;
  --color--chip-active-disabled: #D9D5FF;
  --color--field-chip-border: #e1e1e1;
  --color--field-chip-border-active: #14192D;
  --color--field-chip-label: #14192D;
  --color--selection-dropdown-border: #e1e1e1;
  --color--selection-dropdown-item-selected-background: rgba(20, 25, 45, 0.06);
  --color--checkbox-label: #14192D;
  --color--checkbox-label-inactive: #BEB9B4;
  --color--checkbox-background: #FFFFFF;
  --color--checkbox-background-cheched: #f8f8f5;
  --color--checkbox-background-icon: #D9D5FF;
  --color--checkbox-background-icon-inactive: #f8f8f5;
  --color--checkbox-border: #e1e1e1;
  --color--checkbox-border-active: #55B96E;
  --color--checkbox-tickbox-background-active: #55B96E;
  --color--checkbox-tickbox-border-active: #55B96E;
  --color--radio-background: #FFFFFF;
  --color--radio-background-inactive: #e1e1e1;
  --color--radio-background-selected: #f8f8f5;
  --color--radio-background-selected-active: #14192D;
  --color--radio--border: #e1e1e1;
  --color--radio--border-active: #14192D;
  --color--radio-label: #14192D;
  --color--radio-label-inactive: #BEB9B4;
  --color--radio-icon-background: #D9D5FF;
  --color--radio-icon-background-inactive: #f8f8f5;
  --color--switch-background: #D9D5FF;
  --color--switch-background-active: #55B96E;
  --color--switch-background-inactive: #e1e1e1;
  --color--switch-border-inactive: #e1e1e1;
  --color--switch-handle-background: #FFFFFF;
  --color--switch-handle-border: #D9D5FF;
  --color--switch-handle-border-active: #55B96E;
  --color--options-background-active: #D9D5FF;
  --color--options-item-active: #f8f8f5;
  --shadow--raised-low: 0 .125rem .125rem 0 rgba(20, 25, 45, 0.16);
  --shadow--value-active: 0 0 .625rem 0 #652831;
  --shadow--box-drag: 0px .125rem .75rem rgba(20, 25, 45, 0.16);
  --shadow--box-tiny: 0px .25rem .5rem rgba(45, 45, 45, 0.04);
  --shadow--box-small: 0px .25rem .75rem rgba(20, 25, 45, 0.16);
  --shadow--box-medium: 0px .375rem 1.125rem rgba(20, 25, 45, 0.16);
  --shadow--box-large: 0px .5rem 1.5rem rgba(20, 25, 45, 0.16);
  --shadow--cta-shadow: 0px .25rem .75rem rgba(20, 25, 45, 0.16);
  --shadow-chip-drag: 0px .25rem .75rem #14192D;
  --shadow-top-bar: 0 .0625rem .1875rem .0625rem #d8d8d8;
  --gradient--overlay-large: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 29%, rgba(0, 0, 0, 0) 64%);
  --color--ag-description-background: #FFFFFF;
}
:root {
  --size--font-base: 1rem;
  --size--letter-spacing-tight: .00625rem;
  --size--letter-spacing-close: .0125rem;
  --size--letter-spacing-wide: .03125rem;
  --size--letter-spacing-wider: .046875rem;
  --size--letter-spacing-xwider: .0625rem;
  --size--font-weight-regular: 300;
  --size--font-weight-semi-bold: 400;
  --size--font-weight-bold: 600;
  --size--font-weight-black: 700;
  --size--font-heading-1: 36px;
  --size--lineheight-heading-1: 44px;
  --size--font-heading-2: 28px;
  --size--lineheight-heading-2: 36px;
  --size--font-heading-3: 24px;
  --size--lineheight-heading-3: 32px;
  --size--font-heading-4: 1.25rem;
  --size--lineheight-heading-4: 1.75rem;
  --size--font-heading-5: 1rem;
  --size--lineheight-heading-5: 1.625rem;
  --size--font-heading-6: 0.875rem;
  --size--lineheight-heading-6: 1.5rem;
  --size--font-heading-7: 0.75rem;
  --size--lineheight-heading-7: 1.25rem;
  --size--font-heading-8: 0.6875rem;
  --size--lineheight-heading-8: 1.125rem;
  --size--font-body-huge: 4.25rem;
  --size--lineheight-body-huge: 1.18;
  --size--font-body-xlarge: 24px;
  --size--lineheight-body-xlarge: 32px;
  --size--font-body-large: 20px;
  --size--lineheight-body-large: 28px;
  --size--font-body-regular: 16px;
  --size--lineheight-body-regular: 26px;
  --size--font-body-small: 14px;
  --size--lineheight-body-small: 24px;
  --size--font-body-xsmall: 12px;
  --size--lineheight-body-xsmall: 1.25rem;
  --size--font-body-tiny: 0.6875rem;
  --size--lineheight-body-tiny: 1.125rem;
  --size--font-body-eyebrow-regular: 0.8125rem;
  --size--lineheight-body-eyebrow-regular: 1.375rem;
  --size--font-body-eyebrow-small: 11px;
  --size--lineheight-body-eyebrow-small: 18px;
  --size--font-interactive-button: 13px;
  --size--font-interactive-button-link: .875rem;
  --size--lineheight-interactive-button: 1.5rem;
  --size--font-interactive-text-link: 14px;
  --size--lineheight-interactive-text-link: 24px;
  --size--font-form-label: 0.875rem;
  --size--lineheight-form-label: 1.375rem;
}
h1 {
  font-family: "source-serif-4-small-text", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: var(--size--font-weight-black);
  font-size: var(--size--font-heading-1);
  line-height: var(--size--lineheight-heading-1);
}
h2 {
  font-family: "source-serif-4-small-text", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: var(--size--font-weight-black);
  font-size: var(--size--font-heading-2);
  line-height: var(--size--lineheight-heading-2);
}
h3 {
  font-family: "source-serif-4-small-text", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: var(--size--font-weight-black);
  font-size: var(--size--font-heading-2);
  line-height: var(--size--lineheight-heading-2);
}
h4 {
  font-family: "source-serif-4-small-text", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: var(--size--font-weight-black);
  font-size: var(--size--font-heading-4);
  line-height: var(--size--lineheight-heading-4);
}
h5 {
  font-weight: var(--size--font-weight-black);
  font-size: var(--size--font-heading-5);
  line-height: var(--size--lineheight-heading-5);
}
.typo-body-large {
  font-size: var(--size--font-body-large);
  line-height: var(--size--lineheight-body-large);
  font-weight: var(--size--font-weight-semi-bold);
}
.typo-body-xlarge {
  font-size: var(--size--font-body-xlarge);
  line-height: var(--size--lineheight-body-xlarge);
  font-weight: var(--size--font-weight-semi-bold);
}
.typo-body-regular {
  font-size: var(--size--font-body-regular);
  line-height: var(--size--lineheight-body-regular);
  font-weight: var(--size--font-weight-semi-bold);
}
.typo-body-small {
  font-size: var(--size--font-body-small);
  line-height: var(--size--lineheight-body-small);
  font-weight: var(--size--font-weight-semi-bold);
}
.typo-body-xsmall {
  font-size: var(--size--font-body-xsmall);
  line-height: var(--size--lineheight-body-xsmall);
}
.numbers {
  font-family: "work-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.typo-eyebrow-regular {
  font-size: var(--size--font-body-eyebrow-regular);
  line-height: var(--size--lineheight-body-eyebrow-regular);
  color: var(--color--brand-highlight);
  font-weight: bold;
}
.typo-eyebrow-small {
  font-size: var(--size--font-body-eyebrow-small);
  line-height: var(--size--lineheight-body-eyebrow-small);
  color: var(--color--text-confirm);
  font-weight: var(--size--font-weight-black);
}
:root {
  --duration--hover: 400ms;
  --duration--slow: 1000ms;
  --duration--fast: 200ms;
  --duration--rapid: 50ms;
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
  --transform-rotate-0: rotate(0);
  --transform-rotate-90: rotate(90deg);
  --transform-rotate-180: rotate(180deg);
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --image--nav-logo: url('logo-negative.svg');
  --image--nav-logo-positive: url('logo-positive.svg');
  --image--header-logo: url('logo-light.svg');
  --image--stripe-logo: url('powered-by-stripe.svg');
  --image--metamask-logo: url('logo-metamask.svg');
  --image--background-login: url('signup-bg.png');
  --image--background-login-color: url('signup-bg-color.png');
  --image--background-logo: url('logo-arkius.svg');
  --image--background-vm: url('logo-positive.svg');
  --image--background-onboarding-1: url('hero_1.png');
  --image--background-onboarding-2: url('hero_2.png');
  --image--background-onboarding-3: url('hero_3.png');
  --image--nft-cover: url('nft-cover.png');
}
.tippy-box[data-theme~=arkius] {
  font-family: Work Sans, sans-serif;
  color: var(--color--text-light);
  box-shadow: var(--shadow--box-small);
  font-size: var(--size--spacing-x3-50);
  font-weight: 400;
  line-height: var(--size--spacing-x6);
  letter-spacing: 0;
  text-align: left;
  background-color: var(--color--value-background-brand-cta);
  border-radius: var(--size--spacing-x2);
  position: relative;
  max-width: 900px !important;
  /*rewrite plugin sitting */
}
.tippy-box[data-theme~=arkius] .tippy-content {
  margin: 0;
  padding: var(--size--spacing-x2) var(--size--spacing-x3);
  white-space: nowrap;
}
.tippy-box[data-theme~=arkius] .tippy-arrow {
  content: " ";
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.tippy-box[data-theme~=arkius][data-placement^=bottom] .tippy-arrow {
  bottom: 100%;
  /* At the top of the tooltip */
}
html {
  font-size: var(--size--font-base);
}
body {
  font-family: "work-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  color: var(--color--text);
  background-color: var(--color--background-light);
}
input,
textarea {
  font-family: "work-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
::-webkit-scrollbar {
  background-color: var(--color--background-light);
  width: var(--size--spacing-x4);
}
/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
  background-color: var(--color--background-light);
}
/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: var(--size--spacing-x4);
  border: var(--size--spacing-x1) solid #fff;
}
/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}
h1 {
  font-weight: bold;
  font-size: var(--size--font-heading-1);
  line-height: var(--size--lineheight-heading-1);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
h2 {
  font-weight: bold;
  font-size: var(--size--font-heading-2);
  line-height: var(--size--lineheight-heading-2);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
h3 {
  font-weight: bold;
  font-size: var(--size--font-heading-3);
  line-height: var(--size--lineheight-heading-3);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
h4 {
  font-weight: bold;
  font-size: var(--size--font-heading-4);
  line-height: var(--size--lineheight-heading-4);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
h5 {
  font-weight: bold;
  font-size: var(--size--font-heading-5);
  line-height: var(--size--lineheight-heading-5);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
h6 {
  font-weight: bold;
  font-size: var(--size--font-heading-6);
  line-height: var(--size--lineheight-heading-6);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
h7 {
  font-weight: bold;
  font-size: var(--size--font-heading-7);
  line-height: var(--size--lineheight-heading-7);
  letter-spacing: var(--size--letter-spacing-tight);
  margin-bottom: var(--size--spacing-x2);
}
a {
  color: var(--color--text-link);
  font-weight: 400;
  letter-spacing: var(--size--letter-spacing-close);
  text-decoration: none;
}
a:hover {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: underline;
}
.coming-soon {
  /*
  position: relative;
  z-index: 1;
  filter: blur(0);

  &:after {
    content: 'Coming Soon';
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 100;
    backdrop-filter: blur(.25rem);
    -webkit-backdrop-filter: blur(.25rem);
    background-color: rgb(224 224 224 / 75%);
    border-radius: inherit;
    text-shadow: .125rem .125rem .125rem rgb(255, 255, 255, 0.7);
    font-size: var(--size--font-heading-1);
    font-weight: bold;
    padding: .625rem 0;
    box-sizing: border-box;
  }
  */
}
.coming-soon-clear {
  /*
  position: relative;

  &:after {
    content: 'Coming Soon';
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: var(--size--font-heading-3);
    font-weight: bold;
    padding: .625rem 0;
  }
  */
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/dist/tippy.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


/*# sourceMappingURL=styles.css.map*/