/*
$spaces: (
	micro: 0.25rem, // 4px
	xsmall: 0.5rem, // 8px
	small: 0.75rem, // 12px
	regular: 1rem, // 16px
	medium: 1.5rem, // 24px
	large: 2rem, // 32px
	xlarge: 2.5rem // 40px
) !default;
*/
/**
 * Returns a front-group list from the $font-groups map
 *
 * Example input
 * @debug getFontGroup(base);
 *
 * Example output
 * DEBUG: (line-height: 1.5, font-family: Arial, Helvetica, sans-serif, font-weight: 400, font-size: 1rem, color: #16191b, classes: "html", "body")
 */
/**
 * Return the property value of a font-group in the $font-groups map
 *
 * Example input
 * .my-component {
 *     font-size: getFontGroupPropValue(caption, font-size);
 * }
 *
 * Example output
 * .my-component {
 *     font-size: 1rem;
 * }
 */
/**
 * Output properties and values from a font-group
 *
 * Or output a specific property and value by setting $prop-keys
 * to a string (or list of strings) of the desired property
 *
 * Example input
 * .all-style-properties {
 *     @include applyFontGroupProps(caption);
 * }
 * .one-style-property {
 *     @include applyFontGroupProps(caption, line-height);
 * }
 * .two-style-properties {
 *     @include applyFontGroupProps(caption, (line-height, font-weight));
 * }
 *
 * Example output
 * .all-style-properties {
 *     line-height: 1.5;
 *     font-family: Arial, Helvetica, sans-serif;
 *     font-weight: 400;
 *     font-size: 1rem;
 *     color: #16191b;
 * }
 * .one-style-property {
 *     line-height: 1.5;
 * }
 *
 * .two-style-properties {
 *     line-height: 1.5;
 *     font-weight: 400;
 * }
 */
html.design-system-enabled {
  box-sizing: border-box;
}

.design-system-enabled *, .design-system-enabled
*:before, .design-system-enabled
*:after {
  box-sizing: inherit;
}

body.design-system-enabled {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.design-system-enabled div,
.design-system-enabled dl,
.design-system-enabled dt,
.design-system-enabled dd,
.design-system-enabled h1,
.design-system-enabled h2,
.design-system-enabled h3,
.design-system-enabled h4,
.design-system-enabled h5,
.design-system-enabled h6,
.design-system-enabled pre,
.design-system-enabled code,
.design-system-enabled form,
.design-system-enabled fieldset,
.design-system-enabled legend,
.design-system-enabled input,
.design-system-enabled textarea,
.design-system-enabled p,
.design-system-enabled blockquote,
.design-system-enabled th {
  margin: 0;
  padding: 0;
}

.design-system-enabled button {
  border: none;
}

.design-system-enabled a[href],
.design-system-enabled area[href],
.design-system-enabled input:not([disabled]),
.design-system-enabled select:not([disabled]),
.design-system-enabled textarea:not([disabled]),
.design-system-enabled iframe,
.design-system-enabled [tabindex],
.design-system-enabled [contentEditable='true'] {
  transition: box-shadow 0.3s ease-in;
}

.design-system-enabled a[href]:not([tabindex='-1']):focus,
.design-system-enabled area[href]:not([tabindex='-1']):focus,
.design-system-enabled input:not([disabled]):not([tabindex='-1']):focus,
.design-system-enabled select:not([disabled]):not([tabindex='-1']):focus,
.design-system-enabled textarea:not([disabled]):not([tabindex='-1']):focus,
.design-system-enabled iframe:not([tabindex='-1']):focus,
.design-system-enabled [tabindex]:not([tabindex='-1']):focus,
.design-system-enabled [contentEditable='true']:not([tabindex='-1']):focus {
  box-shadow: 0 0 0 2px #2689de;
  outline: none;
}

.u-font--small {
  font-family: "Lato", sans-serif;
  line-height: 1.56;
  font-weight: 400;
  font-size: 0.625rem;
  color: #232436;
}

.u-font--caption {
  font-family: "Lato", sans-serif;
  line-height: 1.45;
  font-weight: 400;
  font-size: 0.75rem;
  color: #232436;
}

.u-font--paragraph {
  font-family: "Lato", sans-serif;
  line-height: 1.42;
  font-weight: 400;
  font-size: 0.875rem;
  color: #232436;
}

.u-font--body, .c-tabs__item {
  font-family: "Lato", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 1rem;
  color: #232436;
}

.u-font--sub-header {
  font-family: "Lato", sans-serif;
  line-height: 1.44;
  font-weight: 400;
  font-size: 1.125rem;
  color: #232436;
}

.u-font--title {
  font-family: "Lato", sans-serif;
  line-height: 1.36;
  font-weight: 900;
  font-size: 1.375rem;
  color: #232436;
}

.u-font--headline, .c-popover__title {
  font-family: "Lato", sans-serif;
  line-height: 1.25;
  font-weight: 900;
  font-size: 1.75rem;
  color: #232436;
}

.u-font--display-4 {
  font-family: "Lato", sans-serif;
  line-height: 1.2;
  font-weight: 900;
  font-size: 2rem;
  color: #232436;
}

.u-font--display-3 {
  font-family: "Lato", sans-serif;
  line-height: 1.05;
  font-weight: 900;
  font-size: 3rem;
  color: #232436;
}

.u-font--display-2 {
  font-family: "Lato", sans-serif;
  line-height: 1.02;
  font-weight: 900;
  font-size: 4rem;
  color: #232436;
}

.u-font--display-1 {
  font-family: "Lato", sans-serif;
  line-height: 1;
  font-weight: 900;
  font-size: 5rem;
  color: #232436;
}

.design-system-enabled a {
  text-decoration: none;
  color: #2689de;
}

.design-system-enabled a:hover {
  color: #1e6eb2;
}

.design-system-enabled a:visited {
  color: #3d2bcc;
}

.o-container {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

/**
 *
 *  Example input
 *	@include create-button-variant(
 *		(
 *			variant: hollow,
 *			bg-color: transparent,
 *			bg-color-active: transparent,
 *			color: $theme-default-secondary,
 *			color-active: $theme-default-primary, @optional
 *			border: $theme-default-secondary, @optional
 *			border-active: $theme-default-primary @optional
 *			focus-color: rgba($theme-default-primary, 0.2) @optional - otherwise it will take a shade of the bg-color, and then border color
 *		)
 *	);
 *
 */
.c-btn {
  cursor: pointer;
  display: inline-block;
  flex-grow: 1;
  align-items: center;
  background-color: #ffffff;
  color: #232436;
  position: relative;
  vertical-align: middle;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  text-transform: none;
  border-radius: 24px;
  border: none;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.c-btn[disabled], .c-btn[class$='--disabled'], .c-btn[class*='--disabled'] {
  cursor: default;
  background-color: #f0f0f4;
  border: none;
  color: #d3d3de;
}

.c-btn[disabled]:focus, .c-btn[disabled]:active, .c-btn[disabled]:hover, .c-btn[class$='--disabled']:focus, .c-btn[class$='--disabled']:active, .c-btn[class$='--disabled']:hover, .c-btn[class*='--disabled']:focus, .c-btn[class*='--disabled']:active, .c-btn[class*='--disabled']:hover {
  box-shadow: none;
  background-color: #f0f0f4;
  color: #d3d3de;
}

.c-btn:focus, .c-btn:active {
  outline: none;
  box-shadow: 0 0 0 4px rgba(30, 110, 178, 0.2);
}

.c-btn:hover {
  background-color: #f0f0f4;
  color: #232436;
  text-decoration: none;
}

.c-btn--xsmall {
  padding: 0.5rem;
  font-size: 0.625rem;
}

.c-btn--small {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}

.c-btn--large {
  padding: 1rem 1.5rem;
  font-size: 1rem;
}

.c-btn--icon-left[class*='c-btn--xsmall'] > * {
  margin: 0 0.5rem 0 0;
}

.c-btn--icon-left[class*='c-btn--small'] > * {
  margin: 0 0.5rem 0 0;
}

.c-btn--icon-left[class*='c-btn--large'] > * {
  margin: 0 0.75rem 0 0;
}

.c-btn--icon-right[class*='c-btn--xsmall'] > * {
  margin: 0 0 0 0.5rem;
}

.c-btn--icon-right[class*='c-btn--small'] > * {
  margin: 0 0 0 0.5rem;
}

.c-btn--icon-right[class*='c-btn--large'] > * {
  margin: 0 0 0 0.75rem;
}

.c-btn--block {
  width: 100%;
  text-align: center;
}

.c-btn--accent {
  background-color: #ff6153;
  color: #ffffff;
  border: 1px solid transparent;
}

.c-btn--accent:hover, .c-btn--accent:focus {
  background-color: #cc4e42;
  color: #ffffff;
}

.c-btn--accent:focus, .c-btn--accent:active {
  box-shadow: 0 0 0 4px rgba(255, 97, 83, 0.2);
  outline: none;
}

.c-btn--primary {
  background-color: #2689de;
  color: #ffffff;
  border: 1px solid transparent;
}

.c-btn--primary:hover, .c-btn--primary:focus {
  background-color: #1e6eb2;
  color: #ffffff;
}

.c-btn--primary:focus, .c-btn--primary:active {
  box-shadow: 0 0 0 4px rgba(38, 137, 222, 0.2);
  outline: none;
}

.c-btn--secondary {
  background-color: #ffffff;
  color: #232436;
  border: 1px solid rgba(35, 36, 54, 0.2);
}

.c-btn--secondary:hover, .c-btn--secondary:focus {
  background-color: #ffffff;
  border-color: #2689de;
  color: #2689de;
}

.c-btn--secondary:focus, .c-btn--secondary:active {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
  outline: none;
  border-color: #2689de;
  box-shadow: 0 0 0 4px rgba(38, 137, 222, 0.2);
}

.c-btn--hollow {
  background-color: transparent;
  color: #232436;
  border: 1px solid rgba(35, 36, 54, 0.2);
}

.c-btn--hollow:hover, .c-btn--hollow:focus {
  background-color: transparent;
  border-color: #2689de;
  color: #2689de;
}

.c-btn--hollow:focus, .c-btn--hollow:active {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  outline: none;
  border-color: #2689de;
  box-shadow: 0 0 0 4px rgba(38, 137, 222, 0.2);
}

.c-btn--hollow-reverse {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.c-btn--hollow-reverse:hover, .c-btn--hollow-reverse:focus {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #2689de;
  color: #ffffff;
}

.c-btn--hollow-reverse:focus, .c-btn--hollow-reverse:active {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  outline: none;
  border-color: #2689de;
  box-shadow: 0 0 0 4px rgba(38, 137, 222, 0.2);
}

.c-btn--reverse {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid transparent;
}

.c-btn--reverse:hover, .c-btn--reverse:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.c-btn--reverse:focus, .c-btn--reverse:active {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  outline: none;
  box-shadow: 0 0 0 4px rgba(38, 137, 222, 0.2);
}

.c-tabs {
  list-style: none;
  border-bottom: 1px solid rgba(35, 36, 54, 0.2);
  padding: 0;
}

@media (min-width: 990px) {
  .c-tabs {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

@media (min-width: 990px) {
  .c-tabs--center {
    justify-content: center;
  }
}

.c-tabs__item {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid transparent;
}

@media (min-width: 990px) {
  .c-tabs__item {
    justify-content: center;
    width: auto;
    position: relative;
    bottom: -1px;
  }
}

.c-tabs__item > .c-tabs__label {
  font-weight: 500;
}

.c-tabs__item:hover, .c-tabs__item:focus {
  border-bottom: 1px solid #ff6153;
}

.c-tabs__item--active {
  border-bottom: 1px solid #ff6153;
}

.c-tabs__item--menu {
  position: relative;
}

@media (min-width: 990px) {
  .c-tabs__item--menu:hover > .c-tabs__dropdown {
    display: block;
  }
}

.c-tabs__item--menu:focus > .c-tabs__dropdown, .c-tabs__item--menu:focus-within > .c-tabs__dropdown {
  display: block;
}

.c-tabs__label {
  display: inline-block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  width: 100%;
}

.c-tabs__dropdown {
  display: none;
  top: 100%;
  list-style: none;
  padding: 0;
  margin: 0.25rem;
  background: #ffffff;
  border: 1px solid #f0f0f4;
  border-radius: 4px;
}

@media (min-width: 990px) {
  .c-tabs__dropdown {
    position: absolute;
    padding: 0;
    margin-top: 0.25rem;
    box-shadow: 0 0 0px 0px rgba(38, 137, 222, 0.1), 0 1px 0px 0px rgba(38, 137, 222, 0.1), 0px 0px 15px -3px rgba(38, 137, 222, 0.1), 2px 0px 20px -3px rgba(38, 137, 222, 0.1);
  }
}

.c-tabs__dropdown--sub-menu {
  top: 0;
  left: 100%;
}

.c-tabs__dropdown-item {
  white-space: nowrap;
}

@media (min-width: 990px) {
  .c-tabs__dropdown-item {
    min-width: 200px;
  }
}

.c-tabs__dropdown-item:hover > .c-tabs__label, .c-tabs__dropdown-item:focus > .c-tabs__label {
  background-color: #2689de;
  color: #ffffff;
}

.c-tabs__dropdown-item:first-child > .c-tabs__label {
  border-radius: 4px 4px 0 0;
}

.c-tabs__dropdown-item:last-child > .c-tabs__label {
  border-radius: 0 0 4px 4px;
}

.c-tabs__dropdown-item--menu {
  position: relative;
}

@media (min-width: 990px) {
  .c-tabs__dropdown-item--menu:hover > .c-tabs__dropdown {
    display: block;
  }
}

.c-tabs__dropdown-item--menu:focus .c-tabs__dropdown, .c-tabs__dropdown-item--menu:focus-within .c-tabs__dropdown {
  display: block;
}

.c-popover {
  background-color: #ffffff;
  border-radius: 8px;
  color: #232436;
  max-width: 243px;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(35, 36, 54, 0.2);
  box-shadow: 0 0 0px 0px rgba(38, 137, 222, 0.1), 0 1px 0px 0px rgba(38, 137, 222, 0.1), 0px 0px 15px -3px rgba(38, 137, 222, 0.1), 2px 0px 20px -3px rgba(38, 137, 222, 0.1);
}

.c-popover--large {
  max-width: 334px;
}

.c-popover--secondary {
  background-color: #232436;
  color: #ffffff;
  border: none;
}

.c-popover--secondary .c-popover__title {
  color: #ffffff;
}

.c-popover--primary {
  background-color: #2689de;
  color: #ffffff;
  border: none;
}

.c-popover--primary .c-popover__title {
  color: #ffffff;
}

.c-popover__title {
  margin-bottom: 0.75rem;
  color: #232436;
}

.c-popover__content {
  line-height: 1.5rem;
}

.c-popover__footer {
  margin-top: 0.75rem;
}

.u-ta--center {
  text-align: center !important;
}

.u-ta--left {
  text-align: left !important;
}

.u-ta--right {
  text-align: right !important;
}

.u-m--xxsmall {
  margin: 0.25rem !important;
}

.u-mt--xxsmall {
  margin-top: 0.25rem !important;
}

.u-mr--xxsmall {
  margin-right: 0.25rem !important;
}

.u-mb--xxsmall {
  margin-bottom: 0.25rem !important;
}

.u-ml--xxsmall {
  margin-left: 0.25rem !important;
}

.u-mx--xxsmall {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.u-my--xxsmall {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.u-m--xsmall {
  margin: 0.5rem !important;
}

.u-mt--xsmall {
  margin-top: 0.5rem !important;
}

.u-mr--xsmall {
  margin-right: 0.5rem !important;
}

.u-mb--xsmall {
  margin-bottom: 0.5rem !important;
}

.u-ml--xsmall {
  margin-left: 0.5rem !important;
}

.u-mx--xsmall {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.u-my--xsmall {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.u-m--small {
  margin: 0.75rem !important;
}

.u-mt--small {
  margin-top: 0.75rem !important;
}

.u-mr--small {
  margin-right: 0.75rem !important;
}

.u-mb--small {
  margin-bottom: 0.75rem !important;
}

.u-ml--small {
  margin-left: 0.75rem !important;
}

.u-mx--small {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}

.u-my--small {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.u-m--regular {
  margin: 1rem !important;
}

.u-mt--regular {
  margin-top: 1rem !important;
}

.u-mr--regular {
  margin-right: 1rem !important;
}

.u-mb--regular {
  margin-bottom: 1rem !important;
}

.u-ml--regular {
  margin-left: 1rem !important;
}

.u-mx--regular {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.u-my--regular {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.u-m--medium {
  margin: 1.5rem !important;
}

.u-mt--medium {
  margin-top: 1.5rem !important;
}

.u-mr--medium {
  margin-right: 1.5rem !important;
}

.u-mb--medium {
  margin-bottom: 1.5rem !important;
}

.u-ml--medium {
  margin-left: 1.5rem !important;
}

.u-mx--medium {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.u-my--medium {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.u-m--large {
  margin: 2rem !important;
}

.u-mt--large {
  margin-top: 2rem !important;
}

.u-mr--large {
  margin-right: 2rem !important;
}

.u-mb--large {
  margin-bottom: 2rem !important;
}

.u-ml--large {
  margin-left: 2rem !important;
}

.u-mx--large {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.u-my--large {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.u-m--xlarge {
  margin: 2.5rem !important;
}

.u-mt--xlarge {
  margin-top: 2.5rem !important;
}

.u-mr--xlarge {
  margin-right: 2.5rem !important;
}

.u-mb--xlarge {
  margin-bottom: 2.5rem !important;
}

.u-ml--xlarge {
  margin-left: 2.5rem !important;
}

.u-mx--xlarge {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}

.u-my--xlarge {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.u-m--none {
  margin: 0 !important;
}

.u-mt--none {
  margin-top: 0 !important;
}

.u-mr--none {
  margin-right: 0 !important;
}

.u-mb--none {
  margin-bottom: 0 !important;
}

.u-ml--none {
  margin-left: 0 !important;
}

.u-mx--none {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.u-my--none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-p--xxsmall {
  padding: 0.25rem !important;
}

.u-pt--xxsmall {
  padding-top: 0.25rem !important;
}

.u-pr--xxsmall {
  padding-right: 0.25rem !important;
}

.u-pb--xxsmall {
  padding-bottom: 0.25rem !important;
}

.u-pl--xxsmall {
  padding-left: 0.25rem !important;
}

.u-px--xxsmall {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.u-py--xxsmall {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.u-p--xsmall {
  padding: 0.5rem !important;
}

.u-pt--xsmall {
  padding-top: 0.5rem !important;
}

.u-pr--xsmall {
  padding-right: 0.5rem !important;
}

.u-pb--xsmall {
  padding-bottom: 0.5rem !important;
}

.u-pl--xsmall {
  padding-left: 0.5rem !important;
}

.u-px--xsmall {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.u-py--xsmall {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.u-p--small {
  padding: 0.75rem !important;
}

.u-pt--small {
  padding-top: 0.75rem !important;
}

.u-pr--small {
  padding-right: 0.75rem !important;
}

.u-pb--small {
  padding-bottom: 0.75rem !important;
}

.u-pl--small {
  padding-left: 0.75rem !important;
}

.u-px--small {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.u-py--small {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.u-p--regular {
  padding: 1rem !important;
}

.u-pt--regular {
  padding-top: 1rem !important;
}

.u-pr--regular {
  padding-right: 1rem !important;
}

.u-pb--regular {
  padding-bottom: 1rem !important;
}

.u-pl--regular {
  padding-left: 1rem !important;
}

.u-px--regular {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.u-py--regular {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.u-p--medium {
  padding: 1.5rem !important;
}

.u-pt--medium {
  padding-top: 1.5rem !important;
}

.u-pr--medium {
  padding-right: 1.5rem !important;
}

.u-pb--medium {
  padding-bottom: 1.5rem !important;
}

.u-pl--medium {
  padding-left: 1.5rem !important;
}

.u-px--medium {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.u-py--medium {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.u-p--large {
  padding: 2rem !important;
}

.u-pt--large {
  padding-top: 2rem !important;
}

.u-pr--large {
  padding-right: 2rem !important;
}

.u-pb--large {
  padding-bottom: 2rem !important;
}

.u-pl--large {
  padding-left: 2rem !important;
}

.u-px--large {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.u-py--large {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.u-p--xlarge {
  padding: 2.5rem !important;
}

.u-pt--xlarge {
  padding-top: 2.5rem !important;
}

.u-pr--xlarge {
  padding-right: 2.5rem !important;
}

.u-pb--xlarge {
  padding-bottom: 2.5rem !important;
}

.u-pl--xlarge {
  padding-left: 2.5rem !important;
}

.u-px--xlarge {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.u-py--xlarge {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.u-p--none {
  padding: 0 !important;
}

.u-pt--none {
  padding-top: 0 !important;
}

.u-pr--none {
  padding-right: 0 !important;
}

.u-pb--none {
  padding-bottom: 0 !important;
}

.u-pl--none {
  padding-left: 0 !important;
}

.u-px--none {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.u-py--none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-td--underline {
  text-decoration: underline !important;
}

.u-td--line-through {
  text-decoration: line-through !important;
}

.u-td--overline {
  text-decoration: overline !important;
}

.u-bgc--success {
  background-color: #50e3c2 !important;
}

.u-bgc--success-bg {
  background-color: #eefcf9 !important;
}

.u-bgc--info {
  background-color: #2689de !important;
}

.u-bgc--info-bg {
  background-color: #e9f3fc !important;
}

.u-bgc--warning {
  background-color: #ffb400 !important;
}

.u-bgc--warning-bg {
  background-color: #fff8e6 !important;
}

.u-bgc--error {
  background-color: #ff4d93 !important;
}

.u-bgc--error-bg {
  background-color: #ffedf4 !important;
}

.u-bgc--link {
  background-color: #2689de !important;
}

.u-bgc--link-hover {
  background-color: #1e6eb2 !important;
}

.u-bgc--link-visited {
  background-color: #3d2bcc !important;
}

.u-bgc--focus {
  background-color: #2689de !important;
}

.u-bgc--disabled {
  background-color: #f0f0f4 !important;
}

.u-bgc--grey {
  background-color: #f0f0f4 !important;
}

.u-bgc--border {
  background-color: rgba(35, 36, 54, 0.2) !important;
}

.u-bgc--weak-password {
  background-color: #ff4d93 !important;
}

.u-bgc--not-great-password {
  background-color: #ff6153 !important;
}

.u-bgc--better-password {
  background-color: #ffb400 !important;
}

.u-bgc--strong-password {
  background-color: #2689de !important;
}

.u-bgc--very-strong-password {
  background-color: #50e3c2 !important;
}

.u-bgc--iframe-background {
  background-color: #232436 !important;
}

.u-c--success {
  color: #50e3c2 !important;
}

.u-c--success-bg {
  color: #eefcf9 !important;
}

.u-c--info {
  color: #2689de !important;
}

.u-c--info-bg {
  color: #e9f3fc !important;
}

.u-c--warning {
  color: #ffb400 !important;
}

.u-c--warning-bg {
  color: #fff8e6 !important;
}

.u-c--error {
  color: #ff4d93 !important;
}

.u-c--error-bg {
  color: #ffedf4 !important;
}

.u-c--link {
  color: #2689de !important;
}

.u-c--link-hover {
  color: #1e6eb2 !important;
}

.u-c--link-visited {
  color: #3d2bcc !important;
}

.u-c--focus {
  color: #2689de !important;
}

.u-c--disabled {
  color: #f0f0f4 !important;
}

.u-c--grey {
  color: #f0f0f4 !important;
}

.u-c--border {
  color: rgba(35, 36, 54, 0.2) !important;
}

.u-c--weak-password {
  color: #ff4d93 !important;
}

.u-c--not-great-password {
  color: #ff6153 !important;
}

.u-c--better-password {
  color: #ffb400 !important;
}

.u-c--strong-password {
  color: #2689de !important;
}

.u-c--very-strong-password {
  color: #50e3c2 !important;
}

.u-c--iframe-background {
  color: #232436 !important;
}

.o-flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  box-sizing: border-box;
}

.o-flex-container--no-gutters > .o-flex-item {
  padding: 0 !important;
}

.o-flex-item {
  padding: 4px;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
}

.o-flex-item--1 {
  width: 8.33333%;
}

.o-flex-item--2 {
  width: 16.66667%;
}

.o-flex-item--3 {
  width: 25%;
}

.o-flex-item--4 {
  width: 33.33333%;
}

.o-flex-item--5 {
  width: 41.66667%;
}

.o-flex-item--6 {
  width: 50%;
}

.o-flex-item--7 {
  width: 58.33333%;
}

.o-flex-item--8 {
  width: 66.66667%;
}

.o-flex-item--9 {
  width: 75%;
}

.o-flex-item--10 {
  width: 83.33333%;
}

.o-flex-item--11 {
  width: 91.66667%;
}

.o-flex-item--12 {
  width: 100%;
}

@media (min-width: 544px) {
  .o-flex-item--1--bp-xsmall {
    width: 8.33333%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--1--bp-small {
    width: 8.33333%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--1--bp-medium {
    width: 8.33333%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--1--bp-large {
    width: 8.33333%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--2--bp-xsmall {
    width: 16.66667%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--2--bp-small {
    width: 16.66667%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--2--bp-medium {
    width: 16.66667%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--2--bp-large {
    width: 16.66667%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--3--bp-xsmall {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--3--bp-small {
    width: 25%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--3--bp-medium {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--3--bp-large {
    width: 25%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--4--bp-xsmall {
    width: 33.33333%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--4--bp-small {
    width: 33.33333%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--4--bp-medium {
    width: 33.33333%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--4--bp-large {
    width: 33.33333%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--5--bp-xsmall {
    width: 41.66667%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--5--bp-small {
    width: 41.66667%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--5--bp-medium {
    width: 41.66667%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--5--bp-large {
    width: 41.66667%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--6--bp-xsmall {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--6--bp-small {
    width: 50%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--6--bp-medium {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--6--bp-large {
    width: 50%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--7--bp-xsmall {
    width: 58.33333%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--7--bp-small {
    width: 58.33333%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--7--bp-medium {
    width: 58.33333%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--7--bp-large {
    width: 58.33333%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--8--bp-xsmall {
    width: 66.66667%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--8--bp-small {
    width: 66.66667%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--8--bp-medium {
    width: 66.66667%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--8--bp-large {
    width: 66.66667%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--9--bp-xsmall {
    width: 75%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--9--bp-small {
    width: 75%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--9--bp-medium {
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--9--bp-large {
    width: 75%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--10--bp-xsmall {
    width: 83.33333%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--10--bp-small {
    width: 83.33333%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--10--bp-medium {
    width: 83.33333%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--10--bp-large {
    width: 83.33333%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--11--bp-xsmall {
    width: 91.66667%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--11--bp-small {
    width: 91.66667%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--11--bp-medium {
    width: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--11--bp-large {
    width: 91.66667%;
  }
}

@media (min-width: 544px) {
  .o-flex-item--12--bp-xsmall {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .o-flex-item--12--bp-small {
    width: 100%;
  }
}

@media (min-width: 990px) {
  .o-flex-item--12--bp-medium {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .o-flex-item--12--bp-large {
    width: 100%;
  }
}

.popup-modal {
  box-sizing: border-box;
  position: fixed;
  z-index: 999;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 560px;
  height: auto;
  transition: all 0.3s;
  visibility: visible;
  pointer-events: auto;
  overflow: auto;
  background-color: #ffffff;
  border-radius: 13px;
  padding: 1rem;
}

.popup-modal * {
  box-sizing: border-box;
}

.popup-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  color: #232436;
}

.popup-modal__background {
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.2;
}

.input-checkbox {
  width: auto;
  position: relative;
  margin: 10px;
}

.input-checkbox--disabled .input-checkbox__visible {
  border-color: #f0f0f4;
}

.input-checkbox--disabled .input-checkbox__label {
  color: #f0f0f4;
}

.input-checkbox--error .input-checkbox__visible {
  border-color: getState(error, foreground);
  background-color: getState(error, background);
}

.input-checkbox--warning .input-checkbox__visible {
  border-color: getState(warning, foreground);
  background-color: getState(warning, background);
}

.input-checkbox--success .input-checkbox__visible {
  border-color: getState(success, foreground);
  background-color: getState(success, background);
}

.input-checkbox--info .input-checkbox__visible {
  border-color: getState(info, foreground);
  background-color: getState(info, background);
}

.input-checkbox input[type='checkbox'] {
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  opacity: 0;
  margin: 0;
  z-index: 1;
  cursor: pointer;
}

.input-checkbox input[type='checkbox']:focus ~ .input-checkbox__visible {
  box-shadow: 0 0 0 2px #2689de;
  outline: none;
}

.input-checkbox input[type='checkbox'][disabled] {
  cursor: initial;
}

.input-checkbox__visible {
  display: inline-block;
  vertical-align: middle;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid rgba(35, 36, 54, 0.2);
  background: transparent;
  transition: box-shadow 0.3s ease-in;
  border-radius: 3px;
}

.input-checkbox__visible--checked {
  background-color: #2689de;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */
}

.input-checkbox__visible--checked::after {
  content: '';
  display: block;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
          transform: rotate(45deg) translate(-50%, -50%);
  position: absolute;
  top: 47%;
  left: 32%;
}

.input-checkbox__label {
  display: inline-block;
  margin-left: 0.5rem;
}

:root {
  --primary-color: 77, 54, 255;
  --accent-color: 255, 97, 83;
  --dark-color: 32, 30, 36;
  --text-color: var(--dark-color);
}

.loader {
  position: relative;
  margin: 0 auto;
  width: 1.5em;
  height: 1.5em;
  font-size: inherit;
}

.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.loader--lg {
  font-size: 2rem;
}

.loader--xl {
  font-size: 3rem;
}

.loader--xxl {
  font-size: 4rem;
}

.loader--xxxl {
  font-size: 5rem;
}

.loader .loader__circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader .loader__circular-path {
  stroke-width: .25rem;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite, loader-color 6s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite, loader-color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@-webkit-keyframes loader-color {
  100%,
  0% {
    stroke: RGB(var(--text-color));
  }
  40% {
    stroke: RGB(var(--primary-color));
  }
  66% {
    stroke: RGB(var(--accent-color));
  }
  80%,
  90% {
    stroke: RGB(var(--primary-color));
  }
}

@keyframes loader-color {
  100%,
  0% {
    stroke: RGB(var(--text-color));
  }
  40% {
    stroke: RGB(var(--primary-color));
  }
  66% {
    stroke: RGB(var(--accent-color));
  }
  80%,
  90% {
    stroke: RGB(var(--primary-color));
  }
}

.i-loading {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 1.5em;
  height: 1.5em;
  font-size: inherit;
}

.i-loading::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.i-loading__svg {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.i-loading__path {
  stroke-width: 0.25rem;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, colorLoading 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, colorLoading 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@-webkit-keyframes colorLoading {
  100%,
  0% {
    stroke: #2689de;
  }
  40% {
    stroke: #232436;
  }
  66% {
    stroke: #ff6153;
  }
  80%,
  90% {
    stroke: #2689de;
  }
}

@keyframes colorLoading {
  100%,
  0% {
    stroke: #2689de;
  }
  40% {
    stroke: #232436;
  }
  66% {
    stroke: #ff6153;
  }
  80%,
  90% {
    stroke: #2689de;
  }
}

.u-fw--nowrap {
  flex-wrap: nowrap !important;
}

.u-fw--wrap {
  flex-wrap: wrap !important;
}

.u-fw--wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.u-fd--row {
  flex-direction: row !important;
}

.u-fd--row-reverse {
  flex-direction: row-reverse !important;
}

.u-fd--column {
  flex-direction: column !important;
}

.u-fd--column-reverse {
  flex-direction: column-reverse !important;
}

.u-jc--flex-start {
  justify-content: flex-start !important;
}

.u-jc--flex-end {
  justify-content: flex-end !important;
}

.u-jc--center {
  justify-content: center !important;
}

.u-jc--space-between {
  justify-content: space-between !important;
}

.u-jc--space-around {
  justify-content: space-around !important;
}

.u-jc--space-evenly {
  justify-content: space-evenly !important;
}

.u-ai--flex-start {
  align-items: flex-start !important;
}

.u-ai--flex-end {
  align-items: flex-end !important;
}

.u-ai--center {
  align-items: center !important;
}

.u-ai--baseline {
  align-items: baseline !important;
}

.u-ai--stretch {
  align-items: stretch !important;
}

.u-fb--shrink {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}

.u-fb--grow {
  flex: 1;
  width: auto;
  max-width: 100%;
}

.u-pos--static {
  position: static !important;
}

.u-pos--fixed {
  position: fixed !important;
}

.u-pos--absolute {
  position: absolute !important;
}

.u-pos--relative {
  position: relative !important;
}

.u-tt--uppercase {
  text-transform: uppercase !important;
}

.u-tt--lowercase {
  text-transform: lowercase !important;
}

.u-tt--capitalize {
  text-transform: capitalize !important;
}

.u-tt--none {
  text-transform: none !important;
}

.u-fw--200 {
  font-weight: 200 !important;
}

.u-fw--400 {
  font-weight: 400 !important;
}

.u-fw--600 {
  font-weight: 600 !important;
}

.u-fw--900 {
  font-weight: 900 !important;
}
/*# sourceMappingURL=index.css.map */