[data-ember-action] {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
 * Color Library
 *
 * The following colors are defined and managed by the Design team. All colors
 * used in SUI components should be referencing one of the variables below.
 *
 * To acheive variation on a color in the libary, you may use a LESS function
 * to darken/desaturate/opacify/etc. For example:
 *
 *  .element {
 *    background-color: darken(@grey--25, 50%);
 *  }
 *
 * Available LESS color functions can be found at:
 * http://lesscss.org/functions/#color-operations
 */
/* Brand color */
/** White */
/** Grey */
/** Blue */
/* deprecated, use @brand */
/* deprecated, use @brand */
/* deprecated */
/* deprecated */
/* deprecated, usually use @grey--900 */
/** Aqua */
/** Yellow */
/** Orange */
/** Green */
/** Teal */
/** Indigo */
/** Purple */
/** Red */
/** Pink */
/**
 * Brand Colors
 */
/**
 * Provides the @font-face definitions for Proxima Nova.
 */
/** Thin */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/thin/proximanova-thin-webfont.woff2) format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/** Light */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/light/ProximaNova-Light-webfont.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/** Regular */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/regular/ProximaNova-Reg-webfont.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/** Regular Italic */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/regular-italic/ProximaNova-RegIt-webfont.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/** Semibold */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/semi-bold/ProximaNova-Sbold-webfont.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/** Bold */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/bold/ProximaNova-Bold-webfont.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/** Extra Bold */
@font-face {
  font-family: 'Proxima-Nova';
  src: url(https://assets.static.subsplash.com/fonts/proxima-nova/extra-bold/ProximaNova-ExtraBold-webfont.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/**
 * Input
 *
 * Defines the styles for the native Ember input helper.
 * http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_input
 */
input[type='date'].ember-text-field,
input[type='email'].ember-text-field,
input[type='number'].ember-text-field,
input[type='password'].ember-text-field,
input[type='range'].ember-text-field,
input[type='search'].ember-text-field,
input[type='tel'].ember-text-field,
input[type='text'].ember-text-field,
input[type='time'].ember-text-field,
input[type='url'].ember-text-field,
textarea.ember-text-area {
  background-color: #f5f6f7;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #222222;
  display: block;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 1.14285714rem;
  padding: 6px 10px;
  transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  -webkit-appearance: none;
}
input[type='date'].ember-text-field:focus,
input[type='email'].ember-text-field:focus,
input[type='number'].ember-text-field:focus,
input[type='password'].ember-text-field:focus,
input[type='range'].ember-text-field:focus,
input[type='search'].ember-text-field:focus,
input[type='tel'].ember-text-field:focus,
input[type='text'].ember-text-field:focus,
input[type='time'].ember-text-field:focus,
input[type='url'].ember-text-field:focus,
textarea.ember-text-area:focus,
input[type='date'].ember-text-field:active,
input[type='email'].ember-text-field:active,
input[type='number'].ember-text-field:active,
input[type='password'].ember-text-field:active,
input[type='range'].ember-text-field:active,
input[type='search'].ember-text-field:active,
input[type='tel'].ember-text-field:active,
input[type='text'].ember-text-field:active,
input[type='time'].ember-text-field:active,
input[type='url'].ember-text-field:active,
textarea.ember-text-area:active {
  border-color: #4f63ff;
  outline: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
input[type='date'].ember-text-field:disabled,
input[type='email'].ember-text-field:disabled,
input[type='number'].ember-text-field:disabled,
input[type='password'].ember-text-field:disabled,
input[type='range'].ember-text-field:disabled,
input[type='search'].ember-text-field:disabled,
input[type='tel'].ember-text-field:disabled,
input[type='text'].ember-text-field:disabled,
input[type='time'].ember-text-field:disabled,
input[type='url'].ember-text-field:disabled,
textarea.ember-text-area:disabled {
  color: #999b9e;
  /** Set the correct opacity for iOS. */
  opacity: 1;
  pointer-events: none;
  /** Set the correct text color for Safari. */
  -webkit-text-fill-color: #999b9e;
}
input[type='date'].ember-text-field::placeholder,
input[type='email'].ember-text-field::placeholder,
input[type='number'].ember-text-field::placeholder,
input[type='password'].ember-text-field::placeholder,
input[type='range'].ember-text-field::placeholder,
input[type='search'].ember-text-field::placeholder,
input[type='tel'].ember-text-field::placeholder,
input[type='text'].ember-text-field::placeholder,
input[type='time'].ember-text-field::placeholder,
input[type='url'].ember-text-field::placeholder,
textarea.ember-text-area::placeholder {
  color: #b8babf;
}
textarea.ember-text-area {
  height: 150px;
  line-height: 1.4;
  max-width: 100%;
  resize: none;
}
input[type='number'].ember-text-field {
  -moz-appearance: textfield;
}
input[type='number'].ember-text-field::-webkit-inner-spin-button,
input[type='number'].ember-text-field::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
/**
 * Private Layers
 *
 * The following layers represent the pool from which the 'Named Layers' can
 * source from when defining a globally-available layer. These variables
 * should *NOT* be directly accessed from external files.
 */
/**
 * Named Layers
 *
 * The following layers are available to use when defining the z-index of
 * elements throughout your application. You should only add a new Named Layer
 * to this file if is generic enough to be used in other components or pages;
 * otherwise, just define a z-index in your component.
 */
/**
 * Truncate lines
 *
 * Handles fading out text after a given number of lines.
 *
 * @param {Number} lines - number of lines of text to show before fading out.
 * @param {String} font-size - the font size of the text.
 * @param {String} line-height - the line height of the text.
 * @param {String} color - the color the gradient should fade to.
 */
/**
 * Button Colors
 *
 * Provides a helper to generate background/text colors for button styles
 * with hover/active states.
 *
 * @param {String} color
 * @return {Object (CSS Rule)}
 */
/**
 * Depth
 *
 * Depth is the relative distance between two surfaces along the z-axis.
 * This scale defines the various depths that can be applied to elements to
 * create the perception of physical space.
 *
 * The following is a scale of depth values that can be used as a LESS mixin.
 */
/**
 * Special CSS Graphics
 */
/**
 * Animations
 */
@keyframes standard-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hover--light:hover {
  background-color: #fafbfc;
}
.hover--light:active {
  background-color: #f5f6f7;
}
/**
 * A selectable "box" styling we can use in scenarios where we want a check box
 * or radio box that share styling.
 */
.select-box {
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  user-select: none;
  color: #222222;
  font-weight: 600;
  /**
   * Border in pseudo-element so we can transition between 1px and 2px width.
   */
  /**
   * If disabled _and_ active, it should look like the default state, but be
   * non-functional like the disabled state, with a 2px border-width.
   */
}
.select-box:hover {
  background-color: #fafbfc;
}
.select-box:active {
  background-color: #f5f6f7;
}
.select-box .kit-icon {
  color: #b8babf;
  transition: color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
}
.select-box::after {
  border-radius: 8px;
  border: 1px solid #edeef0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  pointer-events: none;
}
.select-box:hover::after,
.select-box:active::after {
  border-color: #e1e2e6;
}
.select-box.active,
.select-box--active {
  border-color: #4f63ff;
}
.select-box.active .kit-icon,
.select-box--active .kit-icon {
  color: #4f63ff;
}
.select-box.active:hover,
.select-box--active:hover {
  background-color: initial;
}
.select-box.active::after,
.select-box--active::after,
.select-box.active:hover::after,
.select-box--active:hover::after {
  border-color: #4f63ff;
  border-width: 2px;
}
.select-box.disabled,
.select-box--disabled {
  cursor: initial;
  pointer-events: none;
  color: #747578;
}
.select-box.disabled .kit-icon,
.select-box--disabled .kit-icon {
  color: #e1e2e6;
}
.select-box.disabled::after,
.select-box--disabled::after {
  border-color: #edeef0;
}
.select-box.disabled.active,
.select-box--disabled.active,
.select-box.disabled.select-box--active,
.select-box--disabled.select-box--active {
  pointer-events: none;
  color: #222222;
}
.select-box.disabled.active::after,
.select-box--disabled.active::after,
.select-box.disabled.select-box--active::after,
.select-box--disabled.select-box--active::after {
  border-color: #edeef0;
  border-width: 2px;
}
.select-box.disabled.active .kit-icon,
.select-box--disabled.active .kit-icon,
.select-box.disabled.select-box--active .kit-icon,
.select-box--disabled.select-box--active .kit-icon {
  color: #b8babf;
}
/**
 * Entry / Exit Transition
 *
 * @example
 * ```
 * .my-class--hidden {
 *   .motion__entry-exit(false);
 * }
 * .my-class--showing {
 *   .motion__entry-exit(true);
 * }
 * ```
 */
/**
 * Rotate
 *
 * Animation to rotate an element 360 degrees.
 *
 * @example
 * ```
 *  .some-class {
 *    animation: motion__rotate 2s linear infinite;
 *  }
}
 * ```
 */
@keyframes motion__rotate {
  100% {
    transform: rotate(360deg);
  }
}
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;
  font: inherit;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html,
body {
  font-size: 14px;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
code {
  font-size: 0.9em;
  padding: 1px 4px;
}
hr {
  background-color: #edeef0;
  border: 0;
  height: 1px;
  margin: 0;
}
/**
 * Variables
 */
.font--8 {
  font-size: 0.57142857rem;
}
.font--12 {
  font-size: 0.85714286rem;
}
.font--16 {
  font-size: 1.14285714rem;
}
.font--18 {
  font-size: 1.28571429rem;
}
.font--20 {
  font-size: 1.42857143rem;
}
.font--24 {
  font-size: 1.71428571rem;
}
.font--28 {
  font-size: 2rem;
}
.font--36 {
  font-size: 2.57142857rem;
}
/**
 * Headings
 */
h1,
.t__h1 {
  font-size: 2.57142857rem;
  font-weight: 800;
  letter-spacing: -0.04rem;
  line-height: 1;
}
h2,
.t__h2 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}
h3,
.t__h3 {
  font-size: 1.71428571rem;
  font-weight: 400;
  line-height: 1;
}
h4,
.t__h4 {
  font-size: 1.42857143rem;
  font-weight: 700;
  line-height: 1;
}
h5,
.t__h5 {
  font-size: 1.28571429rem;
  font-weight: 400;
  line-height: 1;
}
h6,
.t__h6 {
  font-size: 1.14285714rem;
  font-weight: 700;
  line-height: 1;
}
/**
 * Text types
 */
/** Subtitle is basically b1 but bold */
.t__subtitle {
  font-size: 1.14285714rem;
  font-weight: 700;
  line-height: 1;
}
/** Larger paragraph/body type */
.t__b1 {
  font-size: 1.14285714rem;
  font-weight: 400;
  line-height: 1.57142857rem;
}
/** Default paragraph/body type */
p,
.t__b2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143rem;
}
/**
 * Labels
 */
/** Larger uppercase label */
.t__l1 {
  color: #747578;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
/** Default uppercase label, used in badges */
.t__l2 {
  color: #747578;
  font-size: 0.85714286rem;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
/** Smaller uppercase label, used in tiny badges */
.t__l3 {
  color: #747578;
  font-size: 0.57142857rem;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
/**
 * Colors
 */
.color--brand {
  color: #4f63ff;
}
/** Default text color */
.color--dark {
  color: #222222;
}
/** Secondary text color */
.color--medium {
  color: #747578;
}
/** Light text color, mostly disabled states */
.color--light {
  color: #b8babf;
}
.color--white {
  color: white;
}
/** Danger-red font color */
.color--danger {
  color: #f90143;
}
/**
 * Weight
 */
.t--extrabold {
  font-weight: 800;
}
.t--bold {
  font-weight: 700;
}
.t--semibold {
  font-weight: 600;
}
.t--regular {
  font-weight: 400;
}
.t--thin {
  font-weight: 300;
}
/**
 * Transform
 */
.t--uppercase {
  text-transform: uppercase;
}
.t--lowercase {
  text-transform: lowercase;
}
.t--no-case {
  text-transform: none;
}
/**
 * Decoration
 */
.t--underline,
.t--underline:focus,
.t--underline:hover,
.t--underline:active {
  text-decoration: underline;
}
/**
 * Alignment
 */
.t--center {
  text-align: center;
}
.t--left {
  text-align: left;
}
.t--right {
  text-align: right;
}
/**
 * Old Typography (deprecated)
 *
 * Provides a standardized set of typography styles that can be
 * applied to any element.
 *
 * Types:
 * - Display (d)
 * - Body (b)
 * - Heading (h)
 */
.type__d1 {
  color: #323233;
  font-size: 1.28571429em;
  font-weight: 600;
  line-height: 1.5;
}
.type__b1 {
  color: #525254;
  font-size: 1em;
  line-height: 1.4;
}
.type__b2 {
  color: #747578;
  font-size: 1em;
  line-height: 1.4;
}
.type__h4 {
  color: #323233;
  font-size: 1.14285714em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.type__h3 {
  color: #323233;
  font-size: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.type__h2 {
  color: #b8babf;
  font-size: 0.92857143em;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.type__h1 {
  color: #323233;
  font-size: 0.85714286em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/**
 * Clearfix
 *
 * Provides a helper class to clear floating elements.
 */
.u__clear {
  clear: both;
}
.u__clear--left {
  clear: left;
}
.u__clear--right {
  clear: right;
}
/**
 * Float
 *
 * Provides a helper class to float elements.
 */
.u__float--left {
  float: left;
}
.u__float--right {
  float: right;
}
/**
 * Flex Items Alignment
 *
 * Provides a helper class to align flex items.
 */
.u__flex-align-items--center {
  align-items: center;
}
/**
 * Text Alignment
 *
 * Provies a helper class to align text.
 */
.u__text-align--left {
  text-align: left !important;
}
.u__text-align--center {
  text-align: center !important;
}
.u__text-align--right {
  text-align: right !important;
}
/**
 * Overflow
 *
 * Provies a helper class to hide/show overflow.
 */
.u__overflow--visible {
  overflow: visible !important;
}
.u__overflow--hidden {
  overflow: hidden !important;
}
/**
 * Fill Container
 *
 * Sets the width and height of the element to 100%.
 */
.u__fill-container {
  width: 100%;
  height: 100%;
}
/**
 * Display
 *
 * Sets the display property on the element.
 */
.u__display--block {
  display: block !important;
}
.u__display--inline-block {
  display: inline-block !important;
}
.u__display--flex {
  display: flex !important;
}
.u__display--inline-flex {
  display: inline-flex !important;
}
/**
 * Margin
 *
 * Provides a helper class format for adding margin to a specified side of an
 * element.
 *
 * Template: .u__m{t|r|b|l}--{xs|s|m|l|xl}
 */
.u__m {
  margin: 0 !important;
}
.u__mt {
  margin-top: 0 !important;
}
.u__mr {
  margin-right: 0 !important;
}
.u__mb {
  margin-bottom: 0 !important;
}
.u__ml {
  margin-left: 0 !important;
}
.u__mtb {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.u__mlr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.u__m--2xs,
.u__m--xxs {
  margin: 2px !important;
}
.u__mt--2xs,
.u__mt--xxs {
  margin-top: 2px !important;
}
.u__mr--2xs,
.u__mr--xxs {
  margin-right: 2px !important;
}
.u__mb--2xs,
.u__mb--xxs {
  margin-bottom: 2px !important;
}
.u__ml--2xs,
.u__ml--xxs {
  margin-left: 2px !important;
}
.u__mtb--2xs,
.u__mtb--xxs {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}
.u__mlr--2xs,
.u__mlr--xxs {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.u__m--xs {
  margin: 4px !important;
}
.u__mt--xs {
  margin-top: 4px !important;
}
.u__mr--xs {
  margin-right: 4px !important;
}
.u__mb--xs {
  margin-bottom: 4px !important;
}
.u__ml--xs {
  margin-left: 4px !important;
}
.u__mtb--xs {
  margin-bottom: 4px !important;
  margin-top: 4px !important;
}
.u__mlr--xs {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.u__m--s {
  margin: 8px !important;
}
.u__mt--s {
  margin-top: 8px !important;
}
.u__mr--s {
  margin-right: 8px !important;
}
.u__mb--s {
  margin-bottom: 8px !important;
}
.u__ml--s {
  margin-left: 8px !important;
}
.u__mtb--s {
  margin-bottom: 8px !important;
  margin-top: 8px !important;
}
.u__mlr--s {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.u__m--m {
  margin: 12px !important;
}
.u__mt--m {
  margin-top: 12px !important;
}
.u__mr--m {
  margin-right: 12px !important;
}
.u__mb--m {
  margin-bottom: 12px !important;
}
.u__ml--m {
  margin-left: 12px !important;
}
.u__mtb--m {
  margin-bottom: 12px !important;
  margin-top: 12px !important;
}
.u__mlr--m {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.u__m--l {
  margin: 18px !important;
}
.u__mt--l {
  margin-top: 18px !important;
}
.u__mr--l {
  margin-right: 18px !important;
}
.u__mb--l {
  margin-bottom: 18px !important;
}
.u__ml--l {
  margin-left: 18px !important;
}
.u__mtb--l {
  margin-bottom: 18px !important;
  margin-top: 18px !important;
}
.u__mlr--l {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.u__m--xl {
  margin: 24px !important;
}
.u__mt--xl {
  margin-top: 24px !important;
}
.u__mr--xl {
  margin-right: 24px !important;
}
.u__mb--xl {
  margin-bottom: 24px !important;
}
.u__ml--xl {
  margin-left: 24px !important;
}
.u__mtb--xl {
  margin-bottom: 24px !important;
  margin-top: 24px !important;
}
.u__mlr--xl {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.u__m--2xl,
.u__m--xxl {
  margin: 36px !important;
}
.u__mt--2xl,
.u__mt--xxl {
  margin-top: 36px !important;
}
.u__mr--2xl,
.u__mr--xxl {
  margin-right: 36px !important;
}
.u__mb--2xl,
.u__mb--xxl {
  margin-bottom: 36px !important;
}
.u__ml--2xl,
.u__ml--xxl {
  margin-left: 36px !important;
}
.u__mtb--2xl,
.u__mtb--xxl {
  margin-bottom: 36px !important;
  margin-top: 36px !important;
}
.u__mlr--2xl,
.u__mlr--xxl {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.u__m--3xl {
  margin: 48px !important;
}
.u__mt--3xl {
  margin-top: 48px !important;
}
.u__mr--3xl {
  margin-right: 48px !important;
}
.u__mb--3xl {
  margin-bottom: 48px !important;
}
.u__ml--3xl {
  margin-left: 48px !important;
}
.u__mtb--3xl {
  margin-bottom: 48px !important;
  margin-top: 48px !important;
}
.u__mlr--3xl {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
/**
 * Padding
 *
 * Provides a helper class format for adding padding to a specified side of an
 * element.
 *
 * Template: .u__p{t|r|b|l}--{xs|s|m|l|xl}
 */
.u__p {
  padding: 0 !important;
}
.u__pt {
  padding-top: 0 !important;
}
.u__pr {
  padding-right: 0 !important;
}
.u__pb {
  padding-bottom: 0 !important;
}
.u__pl {
  padding-left: 0 !important;
}
.u__ptb {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.u__plr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.u__p--xxs,
.u__p--2xs {
  padding: 2px !important;
}
.u__pt--xxs,
.u__pt--2xs {
  padding-top: 2px !important;
}
.u__pr--xxs,
.u__pr--2xs {
  padding-right: 2px !important;
}
.u__pb--xxs,
.u__pb--2xs {
  padding-bottom: 2px !important;
}
.u__pl--xxs,
.u__pl--2xs {
  padding-left: 2px !important;
}
.u__ptb--xxs,
.u__ptb--2xs {
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}
.u__plr--xxs,
.u__plr--2xs {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.u__p--xs {
  padding: 4px !important;
}
.u__pt--xs {
  padding-top: 4px !important;
}
.u__pr--xs {
  padding-right: 4px !important;
}
.u__pb--xs {
  padding-bottom: 4px !important;
}
.u__pl--xs {
  padding-left: 4px !important;
}
.u__ptb--xs {
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}
.u__plr--xs {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.u__p--s {
  padding: 8px !important;
}
.u__pt--s {
  padding-top: 8px !important;
}
.u__pr--s {
  padding-right: 8px !important;
}
.u__pb--s {
  padding-bottom: 8px !important;
}
.u__pl--s {
  padding-left: 8px !important;
}
.u__ptb--s {
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}
.u__plr--s {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.u__p--m {
  padding: 12px !important;
}
.u__pt--m {
  padding-top: 12px !important;
}
.u__pr--m {
  padding-right: 12px !important;
}
.u__pb--m {
  padding-bottom: 12px !important;
}
.u__pl--m {
  padding-left: 12px !important;
}
.u__ptb--m {
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}
.u__plr--m {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.u__p--l {
  padding: 18px !important;
}
.u__pt--l {
  padding-top: 18px !important;
}
.u__pr--l {
  padding-right: 18px !important;
}
.u__pb--l {
  padding-bottom: 18px !important;
}
.u__pl--l {
  padding-left: 18px !important;
}
.u__ptb--l {
  padding-bottom: 18px !important;
  padding-top: 18px !important;
}
.u__plr--l {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.u__p--xl {
  padding: 24px !important;
}
.u__pt--xl {
  padding-top: 24px !important;
}
.u__pr--xl {
  padding-right: 24px !important;
}
.u__pb--xl {
  padding-bottom: 24px !important;
}
.u__pl--xl {
  padding-left: 24px !important;
}
.u__ptb--xl {
  padding-bottom: 24px !important;
  padding-top: 24px !important;
}
.u__plr--xl {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.u__p--xxl,
.u__p--2xl {
  padding: 36px !important;
}
.u__pt--xxl,
.u__pt--2xl {
  padding-top: 36px !important;
}
.u__pr--xxl,
.u__pr--2xl {
  padding-right: 36px !important;
}
.u__pb--xxl,
.u__pb--2xl {
  padding-bottom: 36px !important;
}
.u__pl--xxl,
.u__pl--2xl {
  padding-left: 36px !important;
}
.u__ptb--xxl,
.u__ptb--2xl {
  padding-bottom: 36px !important;
  padding-top: 36px !important;
}
.u__plr--xxl,
.u__plr--2xl {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.u__p--3xl {
  padding: 48px !important;
}
.u__pt--3xl {
  padding-top: 48px !important;
}
.u__pr--3xl {
  padding-right: 48px !important;
}
.u__pb--3xl {
  padding-bottom: 48px !important;
}
.u__pl--3xl {
  padding-left: 48px !important;
}
.u__ptb--3xl {
  padding-bottom: 48px !important;
  padding-top: 48px !important;
}
.u__plr--3xl {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
/**
 * Depth
 *
 * Makes the depth mixin helpers available via a class.
 */
.u__depth--0 {
  box-shadow: none !important;
}
.u__depth--100 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04) !important;
}
.u__depth--200 {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.u__depth--300 {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
}
.u__depth--400 {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04) !important;
}
.u__depth--500 {
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04) !important;
}
.u__depth--600 {
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.12), 0 4px 9px 0 rgba(0, 0, 0, 0.04) !important;
}
/**
 * Font Weight
 *
 * Provides a helper class to set the font weight.
 */
.u__fw--thin {
  font-weight: 100 !important;
}
.u__fw--light {
  font-weight: 300 !important;
}
.u__fw--regular {
  font-weight: 400 !important;
}
.u__fw--semibold {
  font-weight: 600 !important;
}
.u__fw--bold {
  font-weight: 700 !important;
}
/**
 * Patterns
 */
.u__pattern--checkerboard {
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%);
  background-size: 12px 12px;
  background-position: 0 0, 0 6px, 6px -6px, -6px 0px;
}
/**
 * Misc.
 */
.cursor--pointer {
  cursor: pointer;
}
/**
 * Font Stack
 *
 * Provides the proper font-stack and fallback scenarios for `font-family`
 * properties used in `reset.less`, as well as any other components that need
 * to override a browser default value.
 */
/**
 * Spacers
 *
 * Provides a set of commonly used units of space within components.
 */
/**
 * Borders
 */
/**
 * Easings
 *
 * Provides a set of standard easing curves for transitions/animations.
 */
/**
 * Duration
 *
 * Provies a set of standard duration values for use in transitions/animations.
 */
.devices-kit-browser__header {
  background-color: #e1e2e6;
  border-radius: 5px 5px 0 0;
  height: 23px;
  position: relative;
}
.devices-kit-browser__buttons,
.devices-kit-browser__buttons::before,
.devices-kit-browser__buttons::after {
  border-radius: 50%;
  height: 9px;
  position: absolute;
  width: 9px;
}
.devices-kit-browser__buttons {
  background-color: #747578;
  left: 7px;
  top: 7px;
}
.devices-kit-browser__buttons::before {
  background-color: #999b9e;
  content: '';
  left: 14px;
  position: absolute;
}
.devices-kit-browser__buttons::after {
  background-color: #b8babf;
  content: '';
  left: 28px;
  position: absolute;
}
.devices-kit-browser__address-bar {
  background-color: #ffffff;
  border-radius: 3px;
  bottom: 4px;
  left: 35.5%;
  position: absolute;
  right: 35.5%;
  top: 4px;
}
.devices-kit-browser__address-bar::after {
  background-color: #e1e2e6;
  border-radius: 3px;
  content: '';
  height: 4px;
  left: 20%;
  position: absolute;
  right: 20%;
  top: 6px;
}
.kit-action-menu__trigger {
  border-radius: 3px;
  box-sizing: content-box;
  color: #b8babf;
  cursor: pointer;
  padding: 2px;
}
.kit-action-menu__trigger:hover {
  color: #999b9e;
}
.kit-action-menu__trigger:active {
  color: #747578;
}
.kit-action-menu__menu {
  min-width: 176px;
  overflow: hidden;
  padding: 8px 0;
}
.kit-badge {
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  letter-spacing: 1px;
  line-height: 1;
  padding: 3px 8px;
  text-transform: uppercase;
}
/** Colors */
.kit-badge--color-default {
  border-color: #c8cacf;
  color: #747578;
}
.kit-badge--color-danger {
  border-color: #f90143;
  color: #f90143;
}
.kit-badge--color-primary {
  border-color: #4f63ff;
  color: #4f63ff;
}
/** Sizes */
.kit-badge--size-m {
  font-size: 0.857rem;
}
.kit-badge--size-s {
  /**
   * Since we're dealing with such a small size (8px) we need the accuracy of
   * more decimals to make it look proper.
   */
  font-size: 0.57142857rem;
  padding: 2px 4px 1px 5px;
}
.kit-breadcrumb-item {
  color: #222222;
  font-size: 1.28571429rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /** one breadcrumb item */
  /** two breadcrumb items */
  /** three breadcrumb items */
  /** four breadcrumb items */
}
.kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(1) {
  max-width: calc(100% - 33px);
}
.kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(2),
.kit-breadcrumb-item:nth-of-type(2):nth-last-of-type(1) {
  max-width: calc(50% - 33px);
}
.kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(3),
.kit-breadcrumb-item:nth-of-type(2):nth-last-of-type(2),
.kit-breadcrumb-item:nth-of-type(3):nth-last-of-type(1) {
  max-width: calc(33.333% - 33px);
}
.kit-breadcrumb-item:nth-of-type(1):nth-last-of-type(4),
.kit-breadcrumb-item:nth-of-type(2):nth-last-of-type(3),
.kit-breadcrumb-item:nth-of-type(3):nth-last-of-type(2),
.kit-breadcrumb-item:nth-of-type(4):nth-last-of-type(1) {
  max-width: calc(25% - 33px);
}
.kit-breadcrumb-item a {
  color: #747578;
  font-weight: normal;
}
.kit-breadcrumb-item a:focus,
.kit-breadcrumb-item a:active,
.kit-breadcrumb-item a:hover {
  color: #525254;
  text-decoration: underline;
}
.kit-breadcrumbs {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  flex-direction: row;
  height: 20px;
  width: 100%;
}
.kit-breadcrumbs__arrow {
  color: #c8cacf;
  margin: 0 8px;
}
.kit-button-group {
  border-top: 1px solid #edeef0;
  display: flex;
  justify-content: space-between;
}
.kit-button-group > .kit-button {
  border-radius: 0;
  border-right: 1px solid #edeef0;
  flex: 1;
}
.kit-button-group > .kit-button:last-child {
  border-right: 0;
}
.kit-button-group > .kit-button::after {
  border-radius: 0;
  border: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.kit-button-with-text {
  text-align: center;
}
.kit-button-with-text__text {
  margin-top: 9px;
}
.kit-button {
  appearance: none;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 14px;
  font-smoothing: antialiased;
  font-weight: 600;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  text-shadow: none;
  transform: scale(1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-button:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  transform: scale(1.02);
}
.kit-button:active {
  box-shadow: none;
  transform: scale(0.98);
}
.kit-button:active .kit-button__content {
  opacity: 0.8;
}
.kit-button:focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-button.focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-button:disabled {
  background: #ffffff;
  box-shadow: none;
  color: rgba(34, 34, 34, 0.5);
  cursor: default;
  pointer-events: none;
}
.kit-button:disabled.kit-button--background-danger {
  background-color: rgba(249, 1, 67, 0.9);
}
.kit-button:disabled.kit-button--background-default-comp {
  background-color: rgba(34, 34, 34, 0.9);
}
.kit-button:disabled.kit-button--background-primary {
  background-color: rgba(79, 99, 255, 0.9);
}
.kit-button:disabled.kit-button--background-frameless,
.kit-button:disabled.kit-button--background-frameless-dark {
  background-color: transparent;
}
.kit-button:disabled.kit-button--text-default {
  color: rgba(255, 255, 255, 0.5);
}
.kit-button:disabled.kit-button--text-default-comp {
  color: rgba(34, 34, 34, 0.5);
}
.kit-button:disabled.kit-button--text-danger-comp {
  color: rgba(255, 255, 255, 0.5);
}
.kit-button:disabled.kit-button--text-danger {
  color: rgba(249, 1, 67, 0.5);
}
.kit-button:disabled.kit-button--text-primary-comp {
  color: rgba(255, 255, 255, 0.5);
}
.kit-button:disabled.kit-button--text-primary {
  color: rgba(79, 99, 255, 0.5);
}
.kit-button--loading {
  pointer-events: none;
}
.kit-button__content--loading {
  visibility: hidden;
}
/** Button Styles */
.kit-button--background-default {
  background-color: #ffffff;
}
.kit-button--background-default::before {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  bottom: -1px;
  content: '';
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}
.kit-button--background-default:hover {
  background-color: #fafbfc;
}
.kit-button--background-default:hover::before {
  border-color: rgba(0, 0, 0, 0.08);
}
.kit-button--background-default:active {
  background-color: #f5f6f7;
}
.kit-button--background-default:active::before {
  border-color: rgba(0, 0, 0, 0.1);
}
.kit-button--background-default-comp {
  background-color: #222222;
}
.kit-button--background-default-comp:hover {
  background-color: hsl(0, 0%, 7.33333333%);
}
.kit-button--background-default-comp:active {
  background-color: hsl(0, 0%, 1.33333333%);
}
.kit-button--text-default {
  color: #fff;
}
.kit-button--text-default:hover,
.kit-button--text-default:active,
.kit-button--text-default:focus {
  color: #fff;
}
.kit-button--text-default .kit-loading-spinner__path {
  stroke: #fff !important;
}
.kit-button--text-default-comp {
  color: #222222;
}
.kit-button--text-default-comp:hover,
.kit-button--text-default-comp:active,
.kit-button--text-default-comp:focus {
  color: #222222;
}
.kit-button--text-default-comp .kit-loading-spinner__path {
  stroke: #222222 !important;
}
.kit-button--background-primary {
  background-color: #4f63ff;
  box-shadow: 0 2px 8px 0 rgba(79, 99, 255, 0.35), 0 1px 2px 0 rgba(79, 99, 255, 0.12);
}
.kit-button--background-primary:hover {
  background-color: hsl(233.18181818, 90%, 59.49019608%);
}
.kit-button--background-primary:active {
  background-color: hsl(233.18181818, 76%, 53.49019608%);
}
.kit-button--background-primary:hover {
  box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0.4), 0 3px 4px 0 rgba(79, 99, 255, 0.12);
}
.kit-button--background-primary:active {
  box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0), 0 1px 4px 0 rgba(79, 99, 255, 0);
}
.kit-button--background-primary-comp {
  background-color: #fff;
}
.kit-button--background-primary-comp:hover {
  background-color: hsl(0, 0%, 94%);
}
.kit-button--background-primary-comp:active {
  background-color: hsl(0, 0%, 88%);
}
.kit-button--text-primary {
  color: #4f63ff;
}
.kit-button--text-primary:hover,
.kit-button--text-primary:active,
.kit-button--text-primary:focus {
  color: #4f63ff;
}
.kit-button--text-primary .kit-loading-spinner__path {
  stroke: #4f63ff !important;
}
.kit-button--text-primary-comp {
  color: #fff;
}
.kit-button--text-primary-comp:hover,
.kit-button--text-primary-comp:active,
.kit-button--text-primary-comp:focus {
  color: #fff;
}
.kit-button--text-primary-comp .kit-loading-spinner__path {
  stroke: #fff !important;
}
.kit-button--background-danger {
  background-color: #f90143;
  box-shadow: 0 2px 8px 0 rgba(249, 1, 67, 0.35), 0 1px 2px 0 rgba(249, 1, 67, 0.12);
}
.kit-button--background-danger:hover {
  background-color: hsl(344.03225806, 89.2%, 43.01960784%);
}
.kit-button--background-danger:active {
  background-color: hsl(344.03225806, 75.2%, 37.01960784%);
}
.kit-button--background-danger:hover {
  box-shadow: 0 4px 12px 0 rgba(249, 1, 67, 0.4), 0 3px 4px 0 rgba(249, 1, 67, 0.12);
}
.kit-button--background-danger:active {
  box-shadow: 0 4px 12px 0 rgba(249, 1, 67, 0), 0 1px 4px 0 rgba(249, 1, 67, 0);
}
.kit-button--background-danger-comp {
  background-color: #fff;
}
.kit-button--background-danger-comp:hover {
  background-color: hsl(0, 0%, 94%);
}
.kit-button--background-danger-comp:active {
  background-color: hsl(0, 0%, 88%);
}
.kit-button--text-danger {
  color: #f90143;
}
.kit-button--text-danger:hover,
.kit-button--text-danger:active,
.kit-button--text-danger:focus {
  color: #f90143;
}
.kit-button--text-danger .kit-loading-spinner__path {
  stroke: #f90143 !important;
}
.kit-button--text-danger-comp {
  color: #fff;
}
.kit-button--text-danger-comp:hover,
.kit-button--text-danger-comp:active,
.kit-button--text-danger-comp:focus {
  color: #fff;
}
.kit-button--text-danger-comp .kit-loading-spinner__path {
  stroke: #fff !important;
}
.kit-button--background-frameless {
  background-color: transparent;
  box-shadow: none;
}
.kit-button--background-frameless:hover {
  background-color: #f5f6f7;
  box-shadow: none;
}
.kit-button--background-frameless:active {
  background-color: #f2f3f5;
  box-shadow: none;
}
.kit-button--background-frameless-dark {
  background-color: transparent;
  color: white;
  box-shadow: none;
}
.kit-button--background-frameless-dark:hover {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
.kit-button--background-frameless-dark:active {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
/** Button Sizes - default */
.kit-button--size-xs {
  height: 24px;
}
.kit-button--size-xs .kit-button__content {
  padding: 0 1em;
}
.kit-button--size-s {
  height: 34px;
}
.kit-button--size-s .kit-button__content {
  padding: 0 1.143em;
}
.kit-button--size-m {
  height: 44px;
}
.kit-button--size-m .kit-button__content {
  font-size: 1.286em;
  padding: 0 1.111em;
}
.kit-button--size-l {
  height: 54px;
}
.kit-button--size-l .kit-button__content {
  font-size: 1.286em;
  padding: 0 1.333em;
}
.kit-button--size-xl {
  height: 64px;
}
.kit-button--size-xl .kit-button__content {
  font-size: 1.286em;
  padding: 0 1.611em;
}
.kit-button--size-xxl {
  height: 74px;
}
.kit-button--size-xxl .kit-button__content {
  font-size: 1.286em;
  padding: 0 2em;
}
/** Button Size - Shape specific styles */
.kit-button--shape-pill.kit-button--size-xs {
  border-radius: 12px;
}
.kit-button--shape-pill.kit-button--size-xs .kit-button__content {
  font-size: 0.857em;
  padding: 0 2em;
}
.kit-button--shape-pill.kit-button--size-xs::before {
  /* border */
  border-radius: 17px;
}
.kit-button--shape-pill.kit-button--size-s {
  border-radius: 17px;
}
.kit-button--shape-pill.kit-button--size-s .kit-button__content {
  font-size: 1em;
  padding: 0 2em;
}
.kit-button--shape-pill.kit-button--size-s::before {
  /* border */
  border-radius: 17px;
}
.kit-button--shape-pill.kit-button--size-m {
  border-radius: 22px;
}
.kit-button--shape-pill.kit-button--size-m .kit-button__content {
  padding: 0 2.286em;
}
.kit-button--shape-pill.kit-button--size-m::before {
  /* border */
  border-radius: 22px;
}
.kit-button--shape-pill.kit-button--size-l {
  border-radius: 27px;
}
.kit-button--shape-pill.kit-button--size-l .kit-button__content {
  padding: 0 2.857em;
}
.kit-button--shape-pill.kit-button--size-l::before {
  /* border */
  border-radius: 27px;
}
.kit-button--shape-pill.kit-button--size-xl {
  border-radius: 32px;
}
.kit-button--shape-pill.kit-button--size-xl .kit-button__content {
  padding: 0 3.286em;
}
.kit-button--shape-pill.kit-button--size-xl::before {
  /* border */
  border-radius: 32px;
}
.kit-button--shape-pill.kit-button--size-xxl {
  border-radius: 37px;
}
.kit-button--shape-pill.kit-button--size-xxl .kit-button__content {
  padding: 0 3.715em;
}
.kit-button--shape-pill.kit-button--size-xxl::before {
  /* border */
  border-radius: 32px;
}
.kit-button--shape-circle.kit-button--size-xs {
  max-width: 24px;
  min-width: 24px;
}
.kit-button--shape-circle.kit-button--size-xs .kit-button__content {
  padding: 0 !important;
}
.kit-button--shape-circle.kit-button--size-xs .kit-button__content .kit-icon {
  width: calc(24px * .4) !important;
  max-width: calc(24px * .4) !important;
  max-height: 100% !important;
}
.kit-button--shape-circle.kit-button--size-s {
  max-width: 34px;
  min-width: 34px;
}
.kit-button--shape-circle.kit-button--size-s .kit-button__content {
  padding: 0 !important;
}
.kit-button--shape-circle.kit-button--size-s .kit-button__content .kit-icon {
  height: calc(34px * .4) !important;
  width: calc(34px * .4) !important;
  max-height: 100% !important;
  max-width: calc(34px * .4) !important;
}
.kit-button--shape-circle.kit-button--size-m {
  max-width: 44px;
  min-width: 44px;
}
.kit-button--shape-circle.kit-button--size-m .kit-button__content {
  padding: 0 !important;
}
.kit-button--shape-circle.kit-button--size-m .kit-button__content .kit-icon {
  height: calc(44px * .4) !important;
  width: calc(44px * .4) !important;
  max-height: 100% !important;
  max-width: calc(44px * .4) !important;
}
.kit-button--shape-circle.kit-button--size-l {
  max-width: 54px;
  min-width: 54px;
}
.kit-button--shape-circle.kit-button--size-l .kit-button__content {
  padding: 0 !important;
}
.kit-button--shape-circle.kit-button--size-l .kit-button__content .kit-icon {
  height: calc(54px * .4) !important;
  width: calc(54px * .4) !important;
  max-height: 100% !important;
  max-width: calc(54px * .4) !important;
}
.kit-button--shape-circle.kit-button--size-xl {
  max-width: 64px;
  min-width: 64px;
}
.kit-button--shape-circle.kit-button--size-xl .kit-button__content {
  padding: 0 !important;
}
.kit-button--shape-circle.kit-button--size-xl .kit-button__content .kit-icon {
  height: calc(64px * .4) !important;
  width: calc(64px * .4) !important;
  max-height: 100% !important;
  max-width: calc(64px * .4) !important;
}
.kit-button--shape-circle.kit-button--size-xxl {
  max-width: 74px;
  min-width: 74px;
}
.kit-button--shape-circle.kit-button--size-xxl .kit-button__content {
  padding: 0 !important;
}
.kit-button--shape-circle.kit-button--size-xxl .kit-button__content .kit-icon {
  height: calc(74px * .4) !important;
  width: calc(74px * .4) !important;
  max-height: 100% !important;
  max-width: calc(74px * .4) !important;
}
.kit-button--shape-none {
  box-shadow: none;
}
.kit-button--shape-none::before {
  display: none;
}
.kit-button--shape-none:hover {
  background-color: initial;
  box-shadow: none;
}
.kit-button--shape-none:active {
  transform: scale(0.9);
}
/** Button Padding with icon */
.kit-button--icon.kit-button--size-xs .kit-button__content {
  padding: 0 0.9em;
}
.kit-button--icon.kit-button--size-s .kit-button__content {
  padding: 0 1em;
}
.kit-button--icon.kit-button--size-m .kit-button__content {
  padding: 0 1.333em;
}
.kit-button--icon.kit-button--size-l .kit-button__content {
  padding: 0 1.556em;
}
.kit-button--icon.kit-button--size-xl .kit-button__content {
  padding: 0 1.778em;
}
.kit-button--icon.kit-button--size-xxl .kit-button__content {
  padding: 0 2em;
}
.kit-button--icon.kit-button--shape-pill.kit-button--size-xs .kit-button__content {
  padding: 0 1.342em;
}
.kit-button--icon.kit-button--shape-pill.kit-button--size-s .kit-button__content {
  padding: 0 1.667em;
}
.kit-button--icon.kit-button--shape-pill.kit-button--size-m .kit-button__content {
  padding: 0 1.714em;
}
.kit-button--icon.kit-button--shape-pill.kit-button--size-l .kit-button__content {
  padding: 0 2em;
}
.kit-button--icon.kit-button--shape-pill.kit-button--size-xl .kit-button__content {
  padding: 0 2.286em;
}
.kit-button--icon.kit-button--shape-pill.kit-button--size-xxl .kit-button__content {
  padding: 0 2.8572em;
}
/** Button Shapes */
.kit-button--shape-pill .kit-button__content {
  font-size: 1em;
}
.kit-button--shape-square {
  border-radius: 0;
}
.kit-button--shape-square::before {
  /* border */
  border-radius: 0;
}
.kit-button--shape-circle {
  border-radius: 100%;
}
.kit-button--shape-circle::before {
  /* border */
  border-radius: 100%;
}
/** Button Content */
.kit-button__content {
  align-items: center;
  display: flex;
  font-weight: 600;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
/** Button Icon */
.kit-button.kit-button--size-xs .kit-icon {
  margin: 0 8px 0 0;
  max-height: 100% !important;
  max-width: 12px !important;
}
.kit-button.kit-button--size-s .kit-icon {
  margin: 0 10px 0 0;
  max-height: 100% !important;
  max-width: 14px !important;
}
.kit-button.kit-button--size-m .kit-icon,
.kit-button.kit-button--size-l .kit-icon,
.kit-button.kit-button--size-xl .kit-icon,
.kit-button.kit-button--size-xxl .kit-icon {
  margin: 0 14px 0 0;
  max-height: 100% !important;
  max-width: 18px !important;
}
.kit-button.kit-button--shape-circle .kit-icon {
  margin: 0;
}
.kit-callout-item {
  border-radius: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  width: 320px;
  z-index: 901;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
  /**
   * Styling related to flag properties.
   */
  /**
   * Styling for highlighted elements. Added target elements so that elements 
   * are clickable.
   */
  /**
   * Styling related to the highlight element
   */
  /**
   * Styling related to elements within the component.
   */
  /**
   * All styling related to the anchor arrow. This styling is required in order
   * for the anchor arrow to be displayed correctly.
   */
}
.kit-callout-item--showing {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
}
.kit-callout-item--danger {
  background-color: #f90143;
  color: #fff;
}
.kit-callout-item--danger .kit-callout-item__arrow {
  border-color: #f90143;
}
.kit-callout-item--warning {
  background-color: #f7bf34;
  color: #fff;
}
.kit-callout-item--warning .kit-callout-item__arrow {
  border-color: #f7bf34;
}
.kit-callout-item--primary {
  background-color: #000000;
  color: #ffffff;
}
.kit-callout-item--primary .kit-callout-item__arrow {
  border-color: #000000;
}
.kit-callout-item__target--highlight {
  pointer-events: all;
  position: relative;
  z-index: 900;
}
.kit-callout-item__highlight {
  background: transparent;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 200vw;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
  will-change: opacity;
  z-index: 600;
}
.kit-callout-item__highlight--visible {
  opacity: 1;
  pointer-events: all;
}
.kit-callout-item__highlight--no-scroll {
  overflow: hidden;
  pointer-events: none;
}
.kit-callout-item__content {
  display: flex;
  flex-direction: column;
}
.kit-callout-item__content--header {
  display: flex;
  justify-content: space-between;
}
.kit-callout-item__title {
  font-size: 1.429rem;
  font-weight: 800;
  color: #ffffff;
}
.kit-callout-item__description {
  font-size: 1.143rem;
  line-height: 1.4;
}
.kit-callout-item__nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 18px;
}
.kit-callout-item__nav--right {
  justify-content: flex-end;
}
.kit-callout-item__dot-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 35%;
  z-index: -1;
}
.kit-callout-item__dot {
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  height: 4px;
  margin-right: 8px;
  opacity: 0.5;
  width: 4px;
}
.kit-callout-item__dot:last-child {
  margin-right: 0;
}
.kit-callout-item__dot--active {
  background-color: #ffffff;
  height: 6px;
  opacity: 1;
  width: 6px;
}
.kit-callout-item__button {
  padding: 8px 12px;
}
.kit-callout-item__skip {
  height: 22px;
  margin: -6px;
  padding: 6px;
  width: 22px;
}
.kit-callout-item__skip .kit-icon {
  display: flex;
}
.kit-callout-item__button,
.kit-callout-item__skip {
  border-radius: 1000px;
  cursor: pointer;
}
.kit-callout-item__button:hover,
.kit-callout-item__skip:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.kit-callout-item__button:active,
.kit-callout-item__skip:active {
  background-color: rgba(255, 255, 255, 0.4);
}
.kit-callout-item__button:focus,
.kit-callout-item__skip:focus {
  box-shadow: 0 0 2px #fff;
  outline: none;
}
.kit-callout-item__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 0 9px;
}
.kit-callout-item[x-placement^='top'] {
  margin-bottom: 18px;
}
.kit-callout-item[x-placement^='top'] .kit-callout-item__arrow {
  border-width: 9px 9px 0 9px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -9px;
  left: calc(50% - 9px);
}
.kit-callout-item[x-placement^='bottom'] {
  margin-top: 18px;
}
.kit-callout-item[x-placement^='bottom'] .kit-callout-item__arrow {
  border-width: 0 9px 9px 9px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -9px;
  left: calc(50% - 9px);
}
.kit-callout-item[x-placement^='right'] {
  margin-left: 18px;
}
.kit-callout-item[x-placement^='right'] .kit-callout-item__arrow {
  border-width: 9px 9px 9px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -9px;
  top: calc(50% - 9px);
  margin: 0;
}
.kit-callout-item[x-placement^='left'] {
  margin-right: 18px;
}
.kit-callout-item[x-placement^='left'] .kit-callout-item__arrow {
  border-width: 9px 0 9px 9px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -9px;
  top: calc(50% - 9px);
  margin: 0;
}
.kit-chart-axis {
  border-color: #e1e2e6;
  border-style: solid;
  border-width: 0;
  color: #999b9e;
  display: flex;
  font-size: 0.85714286rem;
  font-weight: 600;
  position: relative;
  /* horizontal axes */
  /* vertical axes */
  /* text align / border */
}
.kit-chart-axis--top,
.kit-chart-axis--bottom {
  flex-direction: row;
  width: 100%;
}
.kit-chart-axis--right,
.kit-chart-axis--left {
  /* column-reverse since charts 0 point is at the bottom */
  flex-direction: column-reverse;
  height: 100%;
}
.kit-chart-axis--bottom {
  padding-top: 12px;
  text-align: center;
}
.kit-chart-axis--bottom:first-of-type {
  border-top-width: 1px;
}
.kit-chart-axis--top {
  padding-bottom: 12px;
  text-align: center;
}
.kit-chart-axis--top:last-of-type {
  border-bottom-width: 1px;
}
.kit-chart-axis--left {
  padding-right: 12px;
  text-align: right;
}
.kit-chart-axis--left:last-of-type {
  border-right-width: 1px;
}
.kit-chart-axis--right {
  padding-left: 12px;
  text-align: left;
}
.kit-chart-axis--right:first-of-type {
  border-left-width: 1px;
}
.kit-chart-axis--no-border:last-of-type,
.kit-chart-axis--no-border:first-of-type,
.kit-chart-axis--no-border {
  border-width: 0;
}
.kit-chart-axis--spacing-auto {
  justify-content: space-between;
}
.kit-chart-axis--spacing-collapsed-end {
  justify-content: flex-end;
}
.kit-chart-axis--spacing-collapsed-start {
  justify-content: flex-start;
}
.kit-chart-bar-section {
  display: inline-block;
  height: 100%;
  position: relative;
  transition-duration: 0.125s;
  transition-property: box-shadow, transform;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  /** ::before is to set a larger hover target */
  /** This adds the 2px white border */
}
.kit-chart-bar-section--highlight:not(.kit-chart-bar-section--never-highlight),
.kit-chart-bar-section:hover:not(.kit-chart-bar-section--never-highlight) {
  transform: scale(1.02, 1.5);
  transition-duration: 0.225s;
  z-index: 900;
}
.kit-chart-bar-section::before {
  content: '';
  pointer-events: all;
  position: absolute;
  z-index: 2;
}
.kit-chart-bar-section--vertical::before {
  bottom: 0;
  left: -4px;
  right: -4px;
  top: 0;
}
.kit-chart-bar-section--horizontal::before {
  bottom: -4px;
  left: 0;
  right: 0;
  top: -4px;
}
.kit-chart-bar-section::after {
  border: 2px solid white;
  bottom: -2px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  content: '';
  left: -2px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -2px;
  top: -2px;
  transition-duration: 0.125s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  z-index: 900;
}
.kit-chart-bar-section--highlight:not(.kit-chart-bar-section--never-highlight)::after,
.kit-chart-bar-section:hover:not(.kit-chart-bar-section--never-highlight)::after {
  opacity: 1;
  transform: scaleY(0.75);
  transition-duration: 0.225s;
}
.kit-chart-bar-section--vertical {
  width: 100%;
}
.kit-chart-bar-section--horizontal {
  height: 100%;
}
.kit-chart-bar {
  display: flex;
  font-size: 0;
  /** takes care of popover span spacing issues */
  height: 100%;
  justify-content: space-between;
  width: 100%;
}
.kit-chart-bar--vertical {
  align-items: flex-end;
  flex-direction: row;
}
.kit-chart-bar--vertical .kit-popover,
.kit-chart-bar--vertical .kit-popover__trigger {
  width: 100%;
}
.kit-chart-bar--horizontal {
  align-items: flex-start;
  flex-direction: column;
}
.kit-chart-bar--horizontal .kit-popover,
.kit-chart-bar--horizontal .kit-popover__trigger {
  height: 100%;
}
.kit-chart-bar__bar {
  background-color: #e1e2e6;
  position: relative;
}
.kit-chart-bar--vertical .kit-chart-bar__bar {
  max-width: 12px;
  min-width: 4px;
  width: 100%;
}
.kit-chart-bar--horizontal .kit-chart-bar__bar {
  height: 100%;
  max-height: 12px;
  min-height: 4px;
}
.kit-chart-line {
  display: block;
  height: 100%;
  width: 100%;
}
.kit-chart-line path.area {
  fill: currentColor;
  opacity: 0.06;
  stroke: none;
}
.kit-chart-line path.line {
  fill: none;
  stroke: currentColor;
}
.kit-chart-tooltip {
  height: 100%;
  left: 0;
  pointer-events: all;
  position: absolute;
  top: 0;
  width: 100%;
}
.kit-chart-tooltip__tip-wrap {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.kit-chart-tooltip__dot {
  background-color: #4f63ff;
  border-radius: 1000px;
  border: 2px solid #ffffff;
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 14px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-chart-tooltip__tip {
  min-width: 126px;
  position: relative;
  top: -12px;
  transform: translate(-50%, -100%);
}
.kit-chart {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: min-content 1fr min-content;
  position: relative;
}
.kit-chart__chart {
  position: relative;
}
.kit-chart__blank-chart {
  height: 100%;
  width: 100%;
}
.kit-checkbox-with-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.14285714rem;
  user-select: none;
}
.kit-checkbox-with-label--disabled {
  color: #999b9e;
  cursor: default;
}
.kit-checkbox-with-label__checkbox {
  margin-right: 8px;
}
.kit-checkbox-with-label__subtext {
  color: #999b9e;
  line-height: 1.36;
}
.kit-checkbox-with-label--has-subtext .kit-checkbox-with-label__checkbox {
  align-self: flex-start;
}
.kit-checkbox-with-label--has-subtext .kit-checkbox-with-label__text {
  padding-top: 4px;
}
.kit-checkbox {
  display: block;
  /** Modifiers */
  /** Elements */
  /** If :focus-visible is available */
  /** Else, utilize official .focus-visible polyfill */
}
.kit-checkbox__wrapper {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  user-select: none;
}
.kit-checkbox--disabled {
  color: #525254;
  opacity: 0.5;
  pointer-events: none;
}
.kit-checkbox--disabled .kit-checkbox__target {
  box-shadow: none;
}
.kit-checkbox--has-multi-text-lines .kit-checkbox__target {
  align-self: flex-start;
}
.kit-checkbox:hover .kit-checkbox__target {
  background-color: #fdfefe;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-checkbox:hover .kit-checkbox__target::after {
  border-color: rgba(0, 0, 0, 0.08);
}
.kit-checkbox:active .kit-checkbox__target {
  background-color: #fafbfc;
  box-shadow: none;
}
.kit-checkbox:active .kit-checkbox__target::after {
  border-color: rgba(0, 0, 0, 0.1);
}
.kit-checkbox__target {
  align-items: center;
  background-color: #ffffff;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  height: 22px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 22px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-checkbox__target::before {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.kit-checkbox__input,
.kit-checkbox input {
  left: 0;
  position: absolute;
  opacity: 0;
  top: 0;
}
.kit-checkbox__input:focus-visible + .kit-checkbox__target::before,
.kit-checkbox input:focus-visible + .kit-checkbox__target::before {
  border-color: #4f63ff;
}
.kit-checkbox__input.focus-visible + .kit-checkbox__target::before,
.kit-checkbox input.focus-visible + .kit-checkbox__target::before {
  border-color: #4f63ff;
}
.kit-checkbox__input:active + .kit-checkbox__target,
.kit-checkbox input:active + .kit-checkbox__target {
  background-color: #f5f6f7;
  box-shadow: none;
}
.kit-checkbox__target .kit-checkbox__icon {
  color: #4f63ff;
  opacity: 0;
  height: 12px;
  width: 12px;
}
.kit-checkbox__input:checked + .kit-checkbox__target .kit-checkbox__icon,
.kit-checkbox input:checked + .kit-checkbox__target .kit-checkbox__icon {
  opacity: 1;
}
.kit-checkbox__label {
  color: #222222;
  display: inline-flex;
  flex-direction: column;
  font-size: 1.14285714rem;
  line-height: 1.5;
}
.kit-checkbox__subtext {
  color: #747578;
  font-size: 1rem;
  line-height: 1.25;
}
.kit-chip-input {
  background-color: #f5f6f7;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #222222;
  display: block;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 1.14285714rem;
  padding: 6px 10px;
  transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  -webkit-appearance: none;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 34px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-top: 2px;
  position: relative;
  /* force reset all styles from the actual input component */
}
.kit-chip-input:focus,
.kit-chip-input:active {
  border-color: #4f63ff;
  outline: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-chip-input:disabled {
  color: #999b9e;
  /** Set the correct opacity for iOS. */
  opacity: 1;
  pointer-events: none;
  /** Set the correct text color for Safari. */
  -webkit-text-fill-color: #999b9e;
}
.kit-chip-input::placeholder {
  color: #b8babf;
}
.kit-chip-input:focus-within {
  border-color: #4f63ff;
  outline: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-chip-input input {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  flex-grow: 1;
  padding: 0 0 !important;
  width: auto !important;
}
.kit-chip-input input:first-child {
  margin-left: 6px;
}
.kit-chip {
  appearance: none;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 14px;
  font-smoothing: antialiased;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  text-shadow: none;
  transform: scale(1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: #ffffff;
  border-radius: 1000px;
  color: #222222;
  cursor: auto;
  display: flex;
  font-weight: 600;
  height: 26px;
  text-align: left;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-chip:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  transform: scale(1.02);
}
.kit-chip:active {
  box-shadow: none;
  transform: scale(0.98);
}
.kit-chip:active .kit-button__content {
  opacity: 0.8;
}
.kit-chip:focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-chip.focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-chip:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  transform: scale(1);
}
.kit-chip:active {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  transform: scale(1);
}
.kit-chip[role='button']:hover {
  cursor: pointer;
}
.kit-chip__left-slot {
  align-items: center;
  display: flex;
  height: 22px;
  margin-left: 2px;
  width: 22px;
}
.kit-chip__left-slot .kit-user-avatar__initials {
  font-size: 0.85714286rem;
}
.kit-chip__remove-button {
  align-items: center;
  background-color: #ffffff;
  border-radius: 1000px;
  color: #b8babf;
  display: flex;
  justify-content: center;
  margin: 0 8px 0 4px;
  padding: 4px;
}
.kit-chip__remove-button:hover {
  background-color: #f2f3f5;
  cursor: pointer;
}
.kit-chip__action-menu {
  margin-left: 4px;
}
.kit-chip__action-menu .kit-action-menu__trigger {
  border-radius: 1000px;
  padding: 4px;
}
.kit-chip__action-menu .kit-action-menu__trigger:hover,
.kit-chip__action-menu .kit-action-menu__trigger:active {
  background-color: #f2f3f5;
}
.kit-chip__action-menu .kit-icon {
  color: #b8babf;
}
.kit-choose {
  color: #e1e2e6;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.kit-choose:hover {
  color: #c8cacf;
}
.kit-choose:active {
  color: #b8babf;
}
.kit-choose--selected {
  color: #67e6a0;
}
.kit-choose--selected:hover {
  color: #54d68e;
}
.kit-choose--selected:active {
  color: #42c97f;
}
.kit-choose--disabled:not(.kit-choose--selected) {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.kit-circle-button {
  color: inherit;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.kit-circle-button__circle {
  align-items: center;
  background-color: #999b9e;
  border-radius: 100%;
  color: #ffffff;
  display: flex;
  height: 46px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transform: translateY(0);
  width: 46px;
  transition: transform 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-circle-button:hover .kit-circle-button__circle {
  transform: translateY(-1px);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
}
.kit-circle-button:active .kit-circle-button__circle {
  transform: translateY(0);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-circle-button__label {
  margin-top: 8px;
  text-align: center;
}
.kit-color-picker {
  position: relative;
  /** Overrides to Pickr styling */
}
.kit-color-picker__input {
  text-transform: uppercase;
}
.kit-color-picker__input::placeholder {
  text-transform: none;
  color: #222222 !important;
}
.kit-color-picker__swatch {
  background-color: rgba(79, 99, 255, 0.15);
  border-radius: 12px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 5px;
  width: 24px;
}
.kit-color-picker__control.pcr-app {
  border-radius: 2px;
  height: 200px;
  margin-top: 2px;
  position: absolute !important;
  top: 38px;
  width: 100%;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
}
.kit-color-picker__control.pcr-app .pcr-color-palette {
  height: 100% !important;
}
.kit-color-picker__control.pcr-app .pcr-swatches {
  display: none !important;
}
.kit-copy-text {
  background-color: #f5f6f7;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #222222;
  display: block;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 1.14285714rem;
  padding: 6px 10px;
  transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  -webkit-appearance: none;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 4px;
  padding-right: 4px;
  padding-top: 4px;
  position: relative;
}
.kit-copy-text:focus,
.kit-copy-text:active {
  border-color: #4f63ff;
  outline: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-copy-text:disabled {
  color: #999b9e;
  /** Set the correct opacity for iOS. */
  opacity: 1;
  pointer-events: none;
  /** Set the correct text color for Safari. */
  -webkit-text-fill-color: #999b9e;
}
.kit-copy-text::placeholder {
  color: #b8babf;
}
.kit-copy-text:focus,
.kit-copy-text:active {
  border-color: #e1e2e6;
  box-shadow: none;
}
.kit-copy-text__text {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.kit-copy-text__text::after {
  background: linear-gradient(to right, rgba(245, 246, 247, 0), #f5f6f7 95%);
  content: '';
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.kit-copy-text .kit-button--size-xs .kit-button__content {
  padding: 0 12px;
}
.kit-date-picker {
  padding: 20px;
  -webkit-font-smoothing: antialiased;
}
.kit-date-picker .ui-datepicker {
  width: 260px;
  padding: 0;
  overflow: hidden;
}
.kit-date-picker .ui-datepicker .ui-datepicker-header {
  padding: 0;
}
.kit-date-picker .ui-datepicker .ui-datepicker-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  margin: 5px 0 20px 0;
  padding: 0;
  color: #525254;
  height: 25px;
}
.kit-date-picker .ui-datepicker .ui-datepicker-prev,
.kit-date-picker .ui-datepicker .ui-datepicker-next {
  top: 50% !important;
  transform: translateY(-50%);
  cursor: pointer;
}
.kit-date-picker .ui-datepicker .ui-datepicker-prev span,
.kit-date-picker .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.kit-date-picker .ui-datepicker .ui-datepicker-prev::after,
.kit-date-picker .ui-datepicker .ui-datepicker-next::after {
  content: '';
  position: absolute;
  top: 9px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #b8babf;
  border-right: 2px solid #b8babf;
}
.kit-date-picker .ui-datepicker .ui-datepicker-prev {
  left: 7px !important;
}
.kit-date-picker .ui-datepicker .ui-datepicker-prev::after {
  transform: rotate(-135deg);
  left: 9px;
}
.kit-date-picker .ui-datepicker .ui-datepicker-next {
  right: 7px !important;
}
.kit-date-picker .ui-datepicker .ui-datepicker-next::after {
  transform: rotate(45deg);
  right: 9px;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar thead tr {
  height: 35px;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar thead tr span {
  font-size: 1em;
  color: #b8babf;
  font-weight: normal;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td {
  padding: 0;
  line-height: 28px;
  text-align: center;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td span {
  height: 30px;
  width: 37px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #525254;
  padding: 0;
  margin-bottom: 10px;
  cursor: default;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td a {
  height: 30px;
  width: 37px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #525254;
  padding: 0;
  margin-bottom: 10px;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-hover {
  background-color: #edeef0;
  border-radius: 15px;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-hover:active {
  background-color: #e1e2e6;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
  color: #fff;
  border-radius: 15px;
  background-color: #4f63ff;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a:hover {
  background-color: hsl(233.18181818, 90%, 59.49019608%);
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a:active {
  background-color: hsl(233.18181818, 76%, 53.49019608%);
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable span {
  color: #e1e2e6;
}
.kit-date-picker .ui-datepicker .ui-datepicker-calendar tbody .ui-datepicker-other-month a {
  color: #b8babf;
}
.kit-date-time-input {
  position: relative;
}
.kit-date-time-input,
.kit-date-time-input__popover,
.kit-date-time-input__input-label,
.kit-popover__trigger,
.kit-input-validation {
  width: 100%;
}
.kit-date-time-input__icon,
.kit-date-time-input__icon--disabled {
  bottom: 0;
  margin: 7px;
  position: absolute;
  right: 0;
}
.kit-date-time-input__icon {
  color: #525254;
  cursor: pointer;
  user-select: none;
}
.kit-date-time-input__icon:hover {
  color: #323233;
}
.kit-date-time-input__icon:active {
  color: #000000;
}
.kit-date-time-input__icon--disabled {
  color: #999b9e;
}
.kit-date-time {
  display: flex;
  align-items: center;
}
.kit-date-time .kit-date-time__date,
.kit-date-time .kit-date-time__time {
  display: flex;
  margin-right: 28px;
}
.kit-date-time .kit-icon {
  color: #999b9e;
}
.kit-expanding-block__block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.kit-expanding-block__block--clickable {
  cursor: pointer;
}
.kit-expanding-block__content {
  height: 0px;
  transition: all 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-expanding-block__content--collapsed {
  opacity: 0;
  overflow: hidden;
  transform: scale(0.98);
  transform-origin: top;
}
.kit-expanding-block__content--expanded {
  opacity: 1;
  overflow: visible;
  transform: scaleY(1);
}
.kit-expanding-block__indicator {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin: 18px;
  transform: rotateZ(0deg);
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  width: 20px;
}
.kit-expanding-block__indicator--expanded {
  transform: rotateZ(180deg);
}
.kit-expanding-section__label {
  appearance: none;
  align-items: center;
  background: none;
  border: none;
  display: inline-flex;
  justify-content: center;
}
.kit-expanding-section__arrow.kit-icon {
  color: #b8babf;
  height: 13px;
  transform: rotateZ(0deg);
  width: 13px;
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-expanding-section--expanded .kit-expanding-section__arrow.kit-icon {
  transform: rotateZ(180deg);
}
.kit-expanding-section__left-icon {
  margin-right: 12px;
}
.kit-expanding-section__content-hider {
  overflow: hidden;
  transition: height 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-expanding-section--expanded .kit-expanding-section__content-hider {
  overflow: visible;
  transition: height 0.125s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-expanding-section__content {
  opacity: 0;
  transform: scale(0.98);
  transform-origin: top;
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-expanding-section--expanded .kit-expanding-section__content {
  opacity: 1;
  transform: scaleY(1);
}
.kit-flat-input input[type='text'],
.kit-flat-input input[type='password'] {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.kit-flat-input input[type='text']:focus,
.kit-flat-input input[type='password']:focus {
  box-shadow: none;
}
.kit-frame {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-frame--inset {
  background-color: #f4f6f8;
  border-color: #e7e9eb;
  box-shadow: none;
}
.kit-frame--primary {
  background-color: #4f63ff;
  color: #fff;
}
.kit-frame--warning {
  background-color: #f7bf34;
  color: #fff;
}
.kit-frame--danger {
  background-color: #f90143;
  color: #fff;
}
.kit-frame--dark {
  background-color: #000000;
  color: #ffffff;
}
.kit-frame--tooltip {
  border-radius: 16px;
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
}
.kit-frame--tooltip a {
  color: #ffffff;
  text-decoration: underline;
}
.kit-frame--tooltip-dark {
  border-radius: 16px;
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
}
.kit-frame--tooltip-dark a {
  color: #ffffff;
  text-decoration: underline;
}
.kit-frame--tooltip-light {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
}
.kit-frame--tooltip-light a {
  color: #ffffff;
  text-decoration: underline;
}
.kit-global-banner {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  height: 72px;
  left: 0;
  padding: 0 24px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateY(-150%);
  width: 100%;
  z-index: 800;
  transition: transform 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
}
.kit-global-banner--open {
  pointer-events: all;
  transform: translateY(0);
}
.kit-global-banner__close {
  position: relative;
  z-index: 2;
}
.kit-global-banner__content {
  align-items: center;
  color: #323233;
  display: flex;
  flex-direction: row;
  font-size: 1.14285714em;
  justify-content: space-between;
  width: 100%;
}
.kit-global-banner__center-content {
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.kit-global-banner--close,
.kit-global-banner__left-content,
.kit-global-banner__right-content {
  z-index: 100;
}
.kit-grid {
  display: grid;
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-row-gap: 24px;
  width: 100%;
}
.kit-grid--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.kit-grid--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.kit-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kit-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kit-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kit-grid--1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.kit-icon {
  height: 20px;
  display: inline-block;
  font-size: 0;
  width: 20px;
}
.kit-icon svg {
  height: 100%;
  fill: currentColor;
  width: 100%;
}
.kit-image-card {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  border-radius: 3px;
  overflow: hidden;
}
a:hover > .kit-image-card {
  background-color: #fafbfc;
}
a:hover > .kit-image-card .kit-image::after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  background-color: rgba(0, 0, 0, 0.2);
}
a:active > .kit-image-card {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  background-color: #f5f6f7;
}
a:active > .kit-image-card .kit-image::after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  background-color: rgba(0, 0, 0, 0.4);
}
.kit-image-card__card-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 12px 12px 12px 18px;
  min-height: 34px;
  white-space: nowrap;
}
.kit-image-card__card-text {
  overflow: hidden;
  width: 100%;
}
.kit-image-card__card-title {
  max-height: 1.15em;
  overflow: hidden;
  position: relative;
  color: #222222;
  font-size: 1.143rem;
}
.kit-image-card__card-title::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%);
  content: '';
  height: 1.15em;
  position: absolute;
  right: 0;
  top: 0em;
  width: 25%;
}
a:hover .kit-image-card__card-title {
  max-height: 1.15em;
  overflow: hidden;
  position: relative;
}
a:hover .kit-image-card__card-title::after {
  background-image: linear-gradient(to right, rgba(250, 251, 252, 0), #fafbfc 80%);
  content: '';
  height: 1.15em;
  position: absolute;
  right: 0;
  top: 0em;
  width: 25%;
}
a:active .kit-image-card__card-title {
  max-height: 1.15em;
  overflow: hidden;
  position: relative;
}
a:active .kit-image-card__card-title::after {
  background-image: linear-gradient(to right, rgba(245, 246, 247, 0), #f5f6f7 80%);
  content: '';
  height: 1.15em;
  position: absolute;
  right: 0;
  top: 0em;
  width: 25%;
}
.kit-image-card__card-subtitle {
  max-height: 2em;
  overflow: hidden;
  position: relative;
  color: #434445;
  margin-top: 4px;
}
.kit-image-card__card-subtitle::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%);
  content: '';
  height: 1em;
  position: absolute;
  right: 0;
  top: 1em;
  width: 25%;
}
a:hover .kit-image-card__card-subtitle {
  max-height: 2em;
  overflow: hidden;
  position: relative;
}
a:hover .kit-image-card__card-subtitle::after {
  background-image: linear-gradient(to right, rgba(250, 251, 252, 0), #fafbfc 80%);
  content: '';
  height: 1em;
  position: absolute;
  right: 0;
  top: 1em;
  width: 25%;
}
a:active .kit-image-card__card-subtitle {
  max-height: 2em;
  overflow: hidden;
  position: relative;
}
a:active .kit-image-card__card-subtitle::after {
  background-image: linear-gradient(to right, rgba(245, 246, 247, 0), #f5f6f7 80%);
  content: '';
  height: 1em;
  position: absolute;
  right: 0;
  top: 1em;
  width: 25%;
}
.kit-image-card .kit-image {
  background-color: #e1e2e6;
}
.kit-image-cropper {
  /**
   * Modifications to default styles here.
   * Note: the extra parent class ensures that these will receive priority
   * even though they're defined earlier in the file.
   */
  /*!
   * Cropper.js v1.5.9
   * https://fengyuanchen.github.io/cropperjs
   *
   * Copyright 2015-present Chen Fengyuan
   * Released under the MIT license
   *
   * Date: 2020-09-10T13:16:21.689Z
   */
}
.kit-image-cropper__image {
  display: block;
  max-width: 100%;
}
.kit-image-cropper.kit-image-cropper .cropper-modal {
  background-color: #ffffff;
  opacity: 0.5;
}
.kit-image-cropper.kit-image-cropper.dark-overlay .cropper-modal {
  background-color: #000000;
}
.kit-image-cropper.kit-image-cropper .cropper-view-box {
  outline: 2px solid #ffffff;
  outline-color: rgba(255, 255, 255, 0.75);
}
.kit-image-cropper.kit-image-cropper .cropper-dashed {
  border-style: solid;
  opacity: 0.7;
}
.kit-image-cropper.kit-image-cropper .cropper-dashed.dashed-h {
  border-bottom-width: 2px;
  border-top-width: 2px;
}
.kit-image-cropper.kit-image-cropper .cropper-dashed.dashed-v {
  border-left-width: 2px;
  border-right-width: 2px;
}
.kit-image-cropper.kit-image-cropper .cropper-point {
  background-color: #ffffff;
}
.kit-image-cropper .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kit-image-cropper .cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.kit-image-cropper .cropper-wrap-box,
.kit-image-cropper .cropper-canvas,
.kit-image-cropper .cropper-drag-box,
.kit-image-cropper .cropper-crop-box,
.kit-image-cropper .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.kit-image-cropper .cropper-wrap-box,
.kit-image-cropper .cropper-canvas {
  overflow: hidden;
}
.kit-image-cropper .cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.kit-image-cropper .cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.kit-image-cropper .cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.kit-image-cropper .cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.kit-image-cropper .cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.kit-image-cropper .cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.kit-image-cropper .cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.kit-image-cropper .cropper-center::before,
.kit-image-cropper .cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.kit-image-cropper .cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.kit-image-cropper .cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.kit-image-cropper .cropper-face,
.kit-image-cropper .cropper-line,
.kit-image-cropper .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.kit-image-cropper .cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.kit-image-cropper .cropper-line {
  background-color: #39f;
}
.kit-image-cropper .cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.kit-image-cropper .cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.kit-image-cropper .cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.kit-image-cropper .cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.kit-image-cropper .cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.kit-image-cropper .cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.kit-image-cropper .cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.kit-image-cropper .cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.kit-image-cropper .cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.kit-image-cropper .cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.kit-image-cropper .cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.kit-image-cropper .cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.kit-image-cropper .cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .kit-image-cropper .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .kit-image-cropper .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .kit-image-cropper .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.kit-image-cropper .cropper-point.point-se::before {
  background-color: #77797a;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.kit-image-cropper .cropper-invisible {
  opacity: 0;
}
.kit-image-cropper .cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.kit-image-cropper .cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.kit-image-cropper .cropper-hidden {
  display: none !important;
}
.kit-image-cropper .cropper-move {
  cursor: move;
}
.kit-image-cropper .cropper-crop {
  cursor: crosshair;
}
.kit-image-cropper .cropper-disabled .cropper-drag-box,
.kit-image-cropper .cropper-disabled .cropper-face,
.kit-image-cropper .cropper-disabled .cropper-line,
.kit-image-cropper .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.kit-image {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.kit-image--cover {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.kit-image--depth {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-image__cover-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kit-image__image {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-image--cover .kit-image__image {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.kit-image--cover.kit-image--wide .kit-image__image {
  max-height: 100%;
}
.kit-image--cover:not(.kit-image--wide) .kit-image__image {
  max-width: 100%;
}
.kit-image__watermark {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
}
.kit-image__watermark-image {
  height: 40%;
}
.kit-input-autocomplete {
  position: relative;
  width: 100%;
}
.kit-input-autocomplete__results,
.kit-input-autocomplete__results-rows {
  border: none !important;
  width: 100%;
  z-index: 600;
}
.kit-input-autocomplete__results {
  background-color: white;
  border-radius: 16px;
  max-height: 410px;
  position: absolute;
  top: 38px;
  padding: 8px 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
}
.kit-input-autocomplete__results .kit-rows > * {
  border: initial;
  position: relative;
}
.kit-input-autocomplete__results--empty {
  display: none;
}
.kit-input-autocomplete__results-rows {
  overflow: hidden;
}
.kit-input-autocomplete__results-item {
  cursor: pointer;
}
.kit-input-autocomplete__results-item--focused {
  background-color: #fafbfc !important;
}
.kit-input-autocomplete__results-item--focused .kit-row-item__text::after {
  visibility: hidden;
}
.kit-input-autocomplete .kit-input-autocomplete__loading {
  left: auto;
  margin: 0px 10px;
  right: 0;
  width: auto;
}
.kit-input-label {
  display: block;
}
.kit-input-label__label-text {
  color: #747578;
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 4px;
}
.kit-input-label .kit-icon {
  height: 1rem;
  width: 1rem;
}
.kit-input-label--inline {
  display: inline-block;
}
.kit-input-label--inline .kit-input-label__label-text {
  margin-bottom: 0;
}
.kit-input-string-limit-counter {
  position: relative;
}
.kit-input-string-limit-counter__counter {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  right: 0.75rem;
  top: 0;
  z-index: 1;
}
.kit-input-string-limit-counter input {
  display: inline;
  padding-right: 2.625rem !important;
}
.kit-input-validation {
  position: relative;
}
.kit-input-validation--invalid.kit-input-validation--danger .kit-checkbox__target,
.kit-input-validation--invalid.kit-input-validation--danger input:not(:focus),
.kit-input-validation--invalid.kit-input-validation--danger textarea:not(:focus),
.kit-input-validation--invalid.kit-input-validation--danger waves-date-picker::part(input):not(:focus) {
  border-color: #f90143;
  box-shadow: inset 0 1px 2px 0 rgba(249, 1, 67, 0.15);
}
.kit-input-validation--invalid.kit-input-validation--danger .kit-button,
.kit-input-validation--invalid.kit-input-validation--danger select:not(:focus) {
  border: 1px solid #f90143;
}
.kit-input-validation--invalid.kit-input-validation--warning .kit-checkbox__target,
.kit-input-validation--invalid.kit-input-validation--warning input:not(:focus),
.kit-input-validation--invalid.kit-input-validation--warning textarea:not(:focus),
.kit-input-validation--invalid.kit-input-validation--warning waves-date-picker::part(input):not(:focus) {
  border-color: #f7bf34;
  box-shadow: inset 0 1px 2px 0 rgba(247, 191, 52, 0.15);
}
.kit-input-validation__message {
  bottom: -5px;
  display: none;
  left: 0;
  line-height: 1.25;
  max-width: 450px;
  position: absolute;
  transform: translateY(100%);
  z-index: 600;
}
.kit-input-validation--invalid .kit-input-validation__message {
  display: block;
}
.kit-input-validation--danger .kit-input-validation__message {
  background-color: #f90143;
  color: #fff;
}
.kit-input-validation--warning .kit-input-validation__message {
  background-color: #f7bf34;
  color: #fff;
}
.kit-loading-spinner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.kit-loading-spinner__loader {
  position: relative;
  margin: 0 auto;
}
.kit-loading-spinner__loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.kit-loading-spinner__circular {
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.kit-loading-spinner__circular.kit-loading-spinner__speed-fast {
  animation: motion__rotate 2s linear infinite;
}
.kit-loading-spinner__circular.kit-loading-spinner__speed-slow {
  animation: motion__rotate 6s linear infinite;
}
.kit-loading-spinner__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}
.kit-loading-spinner__path.kit-loading-spinner__speed-fast {
  animation: dash 1.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.kit-loading-spinner__path.kit-loading-spinner__speed-slow {
  animation: dash 4.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
@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;
  }
}
.kit-map {
  border-radius: 4px;
  min-height: 196px;
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 100%;
  /** The custom marker cluster class */
}
.kit-map__outlet {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.kit-map__marker-cluster-icon {
  align-items: center;
  background-color: #222222;
  border-radius: 100%;
  color: #ffffff;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  /** Disable GMaps default focus, except when using keyboard */
}
.kit-map__marker-cluster-icon:active {
  transform: scale(0.96);
}
.kit-map__marker-cluster-icon:focus:not(.focus-visible),
.kit-map__marker-cluster-icon *:focus:not(.focus-visible) {
  outline: none;
}
.kit-markdown-converter {
  font-size: 1.14285714rem;
}
.kit-markdown-converter h1 {
  font-size: 1.42857143rem;
  font-weight: 600 !important;
  margin-top: 36px !important;
  margin-bottom: 8px !important;
}
.kit-markdown-converter h2 {
  font-size: 1.42857143rem;
  font-weight: 600 !important;
}
.kit-markdown-converter h3 {
  font-size: 1.28571429rem;
  font-weight: 600 !important;
}
.kit-markdown-converter h4 {
  font-size: 1.28571429rem;
  font-weight: 400 !important;
}
.kit-markdown-converter h5 {
  font-size: 1.14285714rem;
  font-weight: 400 !important;
}
.kit-markdown-converter h6 {
  font-size: 1.14285714rem;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.kit-markdown-converter p {
  font-size: 1.14285714rem;
  line-height: 1.5;
  margin-bottom: 12px !important;
}
.kit-markdown-converter ul,
.kit-markdown-converter ol {
  padding: 12px !important;
  margin-bottom: 8px !important;
  margin-top: 8px !important;
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.kit-markdown-converter ul {
  list-style-type: disc;
}
.kit-markdown-converter ol {
  list-style-type: decimal;
}
.kit-markdown-converter li {
  line-height: 1.5rem;
  padding: 12px !important;
}
.kit-markdown-converter b,
.kit-markdown-converter strong {
  font-weight: 600 !important;
}
.kit-markdown-converter a.button {
  appearance: none;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 14px;
  font-smoothing: antialiased;
  font-weight: 600;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  text-shadow: none;
  transform: scale(1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  color: #222222;
  border-radius: 32px;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.kit-markdown-converter a.button:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  transform: scale(1.02);
}
.kit-markdown-converter a.button:active {
  box-shadow: none;
  transform: scale(0.98);
}
.kit-markdown-converter a.button:active .kit-button__content {
  opacity: 0.8;
}
.kit-markdown-converter a.button:focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-markdown-converter a.button.focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-markdown-converter a.button::before {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  bottom: -1px;
  content: '';
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}
.kit-markdown-converter a.button:hover {
  background-color: #fafbfc;
}
.kit-markdown-converter a.button:hover::before {
  border-color: rgba(0, 0, 0, 0.08);
}
.kit-markdown-converter a.button:active {
  background-color: #f5f6f7;
}
.kit-markdown-converter a.button:active::before {
  border-color: rgba(0, 0, 0, 0.1);
}
.kit-markdown-converter a.button:hover,
.kit-markdown-converter a.button:active,
.kit-markdown-converter a.button:focus {
  color: #222222;
}
.kit-markdown-converter a.button .kit-loading-spinner__path {
  stroke: #222222 !important;
}
.kit-markdown-converter a.button.kit-button--size-xs {
  border-radius: 12px;
}
.kit-markdown-converter a.button.kit-button--size-xs .kit-button__content {
  font-size: 0.857em;
  padding: 0 2em;
}
.kit-markdown-converter a.button.kit-button--size-xs::before {
  /* border */
  border-radius: 17px;
}
.kit-markdown-converter a.button.kit-button--size-s {
  border-radius: 17px;
}
.kit-markdown-converter a.button.kit-button--size-s .kit-button__content {
  font-size: 1em;
  padding: 0 2em;
}
.kit-markdown-converter a.button.kit-button--size-s::before {
  /* border */
  border-radius: 17px;
}
.kit-markdown-converter a.button.kit-button--size-m {
  border-radius: 22px;
}
.kit-markdown-converter a.button.kit-button--size-m .kit-button__content {
  padding: 0 2.286em;
}
.kit-markdown-converter a.button.kit-button--size-m::before {
  /* border */
  border-radius: 22px;
}
.kit-markdown-converter a.button.kit-button--size-l {
  border-radius: 27px;
}
.kit-markdown-converter a.button.kit-button--size-l .kit-button__content {
  padding: 0 2.857em;
}
.kit-markdown-converter a.button.kit-button--size-l::before {
  /* border */
  border-radius: 27px;
}
.kit-markdown-converter a.button.kit-button--size-xl {
  border-radius: 32px;
}
.kit-markdown-converter a.button.kit-button--size-xl .kit-button__content {
  padding: 0 3.286em;
}
.kit-markdown-converter a.button.kit-button--size-xl::before {
  /* border */
  border-radius: 32px;
}
.kit-markdown-converter a.button.kit-button--size-xxl {
  border-radius: 37px;
}
.kit-markdown-converter a.button.kit-button--size-xxl .kit-button__content {
  padding: 0 3.715em;
}
.kit-markdown-converter a.button.kit-button--size-xxl::before {
  /* border */
  border-radius: 32px;
}
.kit-markdown-converter a.button .kit-button__content {
  font-size: 1em;
}
.kit-markdown-converter a.button .kit-button__content {
  padding: 0 3.286em;
}
.kit-markdown-converter a.button::before {
  /* border */
  border-radius: 32px;
}
.kit-markdown-converter a.button.button--primary {
  background-color: #4f63ff;
  box-shadow: 0 2px 8px 0 rgba(79, 99, 255, 0.35), 0 1px 2px 0 rgba(79, 99, 255, 0.12);
  color: #fff;
}
.kit-markdown-converter a.button.button--primary:hover {
  background-color: hsl(233.18181818, 90%, 59.49019608%);
}
.kit-markdown-converter a.button.button--primary:active {
  background-color: hsl(233.18181818, 76%, 53.49019608%);
}
.kit-markdown-converter a.button.button--primary:hover {
  box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0.4), 0 3px 4px 0 rgba(79, 99, 255, 0.12);
}
.kit-markdown-converter a.button.button--primary:active {
  box-shadow: 0 4px 12px 0 rgba(79, 99, 255, 0), 0 1px 4px 0 rgba(79, 99, 255, 0);
}
.kit-markdown-converter a.button.button--primary:hover,
.kit-markdown-converter a.button.button--primary:active,
.kit-markdown-converter a.button.button--primary:focus {
  color: #fff;
}
.kit-markdown-converter a.button.button--primary .kit-loading-spinner__path {
  stroke: #fff !important;
}
.kit-markdown-converter hr {
  margin-bottom: 18px !important;
  margin-top: 18px !important;
}
.kit-markdown-converter img {
  border-radius: 6px;
  height: auto;
  width: 100%;
}
.kit-markdown-converter .sap-embed-player {
  margin-bottom: 18px !important;
}
.kit-menu-item {
  align-items: center;
  color: #323233;
  cursor: pointer;
  display: flex;
  padding: 12px 14px;
  user-select: none;
}
.kit-menu-item:hover {
  background-color: #f5f6f7;
}
.kit-menu-item:active {
  background-color: #edeef0;
}
.kit-menu-item--disabled {
  cursor: default;
  opacity: 0.45;
  pointer-events: none;
}
.kit-menu-item__icon-wrap {
  margin-right: 15px;
}
.kit-menu-item__icon-wrap .kit-icon {
  display: block;
  height: 20px;
  width: 20px;
}
.kit-menu-item__icon {
  color: #323233;
  display: block;
}
.kit-menu-item__label {
  font-size: 1.14285714em;
  line-height: 1.4;
}
.kit-menu-item__subtext {
  color: #b8babf;
  font-size: 1em;
  line-height: 1.4;
}
.kit-modal {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 800;
  /**
  * Legacy-usage styles
  *
  * These styles apply to the usage of KitModal when used in the block params
  * mode, which is no longer a recommended approach. Changing these styles
  * could break less commonly used instances of the modal, so proceed with
  * caution!
  */
  /** If header is present, remove padding on content top */
}
.kit-modal--showing {
  pointer-events: all;
}
.kit-modal__frame {
  border-radius: 16px;
  display: flex;
  /**
     * This fixes modal height in iOS so the content does not stretch behind the
     * device bottom navigation bar.
     */
  max-height: 90%;
  max-width: 90%;
  overflow: hidden;
  position: relative;
  width: 620px;
  z-index: 801;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  opacity: 0;
  transform: translateY(8px);
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  visibility: hidden;
}
.kit-modal__frame--overflow-visible {
  overflow: visible;
}
.kit-modal--showing .kit-modal__frame {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
  visibility: visible;
}
.kit-modal--fullscreen .kit-modal__frame {
  height: calc(100vh - 96px);
  max-height: 100vh;
  max-width: 100vw;
  width: calc(100vw - 96px);
}
@media screen and (max-width: 768px) {
  .kit-modal--fullscreen .kit-modal__frame {
    height: calc(100vh - 18px);
    width: calc(100vw - 18px);
  }
}
.kit-modal__block-wrap {
  flex: 1;
}
.kit-modal__header {
  align-items: center;
  color: #222222;
  display: flex;
  font-size: 1.42857143rem;
  font-weight: 600;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 18px;
  position: relative;
}
.kit-modal__header + .kit-modal__scroll-wrap .kit-modal__content {
  padding-top: 0;
}
.kit-modal__content {
  padding: 0 24px 0 24px;
  min-height: 60px;
}
.kit-modal__footer {
  background-color: #ffffff;
  display: flex;
  justify-content: flex-end;
  padding: 24px;
  padding-top: 18px;
  width: 100%;
  z-index: 801;
}
.kit-modal__footer > * {
  margin-left: 12px;
}
.kit-modal__footer .kit-button {
  min-width: 100px;
}
.kit-nav-item {
  align-items: center;
  display: flex;
  font-size: 1em;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.kit-nav-item.active {
  font-weight: bold;
}
.kit-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: -100%;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 600;
  transition: visibility 0s linear 0.324s, opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.kit-overlay--showing {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transition: opacity 0.324s cubic-bezier(0.42, 0, 0.58, 1);
}
/** this gets set on the <body> element */
.kit-overlay--no-scroll {
  overflow: hidden;
}
.kit-pagination__pages {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 100%;
}
.kit-pagination__page {
  align-items: center;
  border-radius: 20px;
  color: #323233;
  cursor: pointer;
  display: flex;
  font-size: 1.14285714em;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  line-height: 40px;
  margin: 0 3px;
  text-align: center;
  user-select: none;
  width: 40px;
}
.kit-pagination__page:not(.kit-pagination__page--active):hover {
  background-color: #f5f6f7;
}
.kit-pagination__page:not(.kit-pagination__page--active):active {
  background-color: #edeef0;
}
@media screen and (max-width: 768px) {
  .kit-pagination__page {
    border-radius: 23px;
    height: 46px;
    line-height: 46px;
    width: 46px;
  }
}
.kit-pagination__page--disabled {
  color: #e1e2e6;
  cursor: default;
}
.kit-pagination__page--disabled:hover {
  background-color: transparent !important;
}
.kit-pagination__page--disabled:active {
  background-color: transparent !important;
}
.kit-pagination__arrow {
  display: inline-flex;
}
.kit-pagination__page--ellipsis {
  color: #b8babf;
  padding-top: 3px;
  width: 20px;
}
.kit-pagination__page--active {
  background-color: #525254;
}
.kit-pagination__page--active.kit-pagination__page--default {
  background-color: #222222;
  color: #fff;
}
.kit-pagination__page--active.kit-pagination__page--primary {
  background-color: #4f63ff;
  color: #fff;
}
.kit-pagination__page--active.kit-pagination__page--none {
  background-color: transparent;
}
.kit-panel {
  background-color: #ffffff;
  height: 100%;
  max-width: 400px;
  overflow: auto;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate(100%);
  width: 80%;
  z-index: 700;
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-panel--right {
  right: 0;
  transform: translate(100%);
}
.kit-panel--left {
  left: 0;
  transform: translate(-100%);
}
.kit-panel--open {
  pointer-events: all;
  transform: translate(0);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.04);
}
.kit-permission-denied {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.kit-permission-denied__text {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kit-permission-denied__subtext {
  max-width: 45ch;
  text-align: center;
}
.kit-permission-denied img {
  max-width: 100%;
}
.kit-popover {
  display: inline-flex;
}
.kit-popover__trigger {
  display: inline-flex;
}
.kit-popover__content {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0.96);
  transform-origin: top right;
  visibility: hidden;
  z-index: 900;
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear 0.225s;
}
.kit-popover__content--mobile {
  display: flex;
  justify-content: center;
  max-width: 100%;
  transform: translateY(100%);
}
.kit-popover__content--mobile.kit-popover__content--visible {
  transform: translateY(0);
}
.kit-popover__content--mobile .kit-frame,
.kit-popover__content--mobile .kit-share-card {
  border-radius: 0px;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.kit-popover__content--mobile .kit-share-card__frame {
  padding-bottom: 36px !important;
}
.kit-popover__content--visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: scale(1);
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear;
}
.kit-popover__content .kit-frame,
.kit-popover__content .sui-frame {
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
}
.kit-popover__overlay.kit-overlay--showing {
  cursor: pointer;
  opacity: 0;
  z-index: 600;
}
.kit-popover__overlay.kit-overlay--showing.kit-popover__overlay--mobile {
  background-color: #000000;
  opacity: 0.4;
}
.kit-progress-bar {
  width: 100%;
}
.kit-progress-bar__track,
.kit-progress-bar__circle-track {
  fill: #edeef0;
}
.kit-progress-bar__progress,
.kit-progress-bar__circle-progress {
  fill: #4f63ff;
}
.kit-progress-bar__track {
  background-color: #edeef0;
  border-radius: 1000px;
  height: 3px;
}
.kit-progress-bar__progress {
  background: #4f63ff;
  border-radius: 1000px;
  height: 100%;
}
.kit-progress-bar__percent-display {
  color: #747578;
  padding-top: 12px;
  text-align: right;
}
.kit-radio-box {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 18px;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  user-select: none;
  color: #222222;
  font-weight: 600;
  /**
   * Border in pseudo-element so we can transition between 1px and 2px width.
   */
  /**
   * If disabled _and_ active, it should look like the default state, but be
   * non-functional like the disabled state, with a 2px border-width.
   */
}
.kit-radio-box:hover {
  background-color: #fafbfc;
}
.kit-radio-box:active {
  background-color: #f5f6f7;
}
.kit-radio-box .kit-icon {
  color: #b8babf;
  transition: color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-radio-box::after {
  border-radius: 8px;
  border: 1px solid #edeef0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  pointer-events: none;
}
.kit-radio-box:hover::after,
.kit-radio-box:active::after {
  border-color: #e1e2e6;
}
.kit-radio-box.active,
.kit-radio-box--active {
  border-color: #4f63ff;
}
.kit-radio-box.active .kit-icon,
.kit-radio-box--active .kit-icon {
  color: #4f63ff;
}
.kit-radio-box.active:hover,
.kit-radio-box--active:hover {
  background-color: initial;
}
.kit-radio-box.active::after,
.kit-radio-box--active::after,
.kit-radio-box.active:hover::after,
.kit-radio-box--active:hover::after {
  border-color: #4f63ff;
  border-width: 2px;
}
.kit-radio-box.disabled,
.kit-radio-box--disabled {
  cursor: initial;
  pointer-events: none;
  color: #747578;
}
.kit-radio-box.disabled .kit-icon,
.kit-radio-box--disabled .kit-icon {
  color: #e1e2e6;
}
.kit-radio-box.disabled::after,
.kit-radio-box--disabled::after {
  border-color: #edeef0;
}
.kit-radio-box.disabled.active,
.kit-radio-box--disabled.active,
.kit-radio-box.disabled.kit-radio-box--active,
.kit-radio-box--disabled.kit-radio-box--active {
  pointer-events: none;
  color: #222222;
}
.kit-radio-box.disabled.active::after,
.kit-radio-box--disabled.active::after,
.kit-radio-box.disabled.kit-radio-box--active::after,
.kit-radio-box--disabled.kit-radio-box--active::after {
  border-color: #edeef0;
  border-width: 2px;
}
.kit-radio-box.disabled.active .kit-icon,
.kit-radio-box--disabled.active .kit-icon,
.kit-radio-box.disabled.kit-radio-box--active .kit-icon,
.kit-radio-box--disabled.kit-radio-box--active .kit-icon {
  color: #b8babf;
}
.kit-radio-box__input {
  left: 0;
  position: absolute;
  opacity: 0;
  top: 0;
}
.kit-radio-box__icon {
  flex-grow: 0;
  flex-shrink: 0;
  height: 20px;
  margin-right: 12px;
  width: 20px;
}
.kit-radio-box__label {
  font-weight: 600;
}
:not(.kit-radio-box--disabled)__label {
  color: #222222;
}
:not(.kit-radio-box--disabled)__subtext {
  color: #747578;
  font-weight: 400;
}
.kit-radio-group {
  display: flex;
  flex-direction: column;
}
.kit-radio-group > *:not(.kit-radio-group__label) {
  margin-bottom: 12px;
}
.kit-radio-group > *:not(.kit-radio-group__label):last-child {
  margin-bottom: 0;
}
.kit-radio-group--inline {
  flex-direction: row;
}
.kit-radio-group--inline > *:not(.kit-radio-group__label) {
  margin-bottom: 0;
  margin-right: 12px;
}
.kit-radio-group--inline > *:not(.kit-radio-group__label):last-child {
  margin-right: 0;
}
.kit-radio-with-label {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  user-select: none;
}
.kit-radio-with-label .kit-radio {
  float: left;
}
.kit-radio-with-label__label {
  font-size: 1.14285714rem;
  line-height: 22px;
  padding-left: 10px;
}
.kit-radio-with-label__subtext {
  color: #747578;
  line-height: 1.36;
}
.kit-radio-with-label--has-subtext .kit-radio-with-label__checkbox {
  align-self: flex-start;
}
.kit-radio-with-label--has-subtext .kit-radio-with-label__text {
  padding-top: 4px;
}
.kit-radio-with-label__graphic {
  display: inline-block;
  height: 72px;
  margin-top: 4px;
  user-select: none;
  width: auto;
}
.kit-radio-with-label__graphic img {
  height: 100%;
  position: relative;
  width: auto;
}
.kit-radio--disabled + .kit-radio-with-label__label {
  color: #323233;
  opacity: 0.5;
  pointer-events: none;
}
.kit-radio {
  display: block;
  /** Modifiers */
  /** Elements */
  /** If :focus-visible is available */
  /** Else, utilize official .focus-visible polyfill */
}
.kit-radio__wrapper {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  user-select: none;
  gap: 8px;
}
.kit-radio--disabled {
  color: #525254;
  opacity: 0.5;
  pointer-events: none;
}
.kit-radio--disabled .kit-radio__target {
  box-shadow: none;
}
.kit-radio--has-multi-text-lines .kit-radio__target {
  align-self: flex-start;
}
.kit-radio:hover .kit-radio__target {
  background-color: #fdfefe;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-radio:active .kit-radio__target {
  background-color: #fafbfc;
  box-shadow: none;
}
.kit-radio:active .kit-radio__target::after {
  border-color: rgba(0, 0, 0, 0.1);
}
.kit-radio__target {
  align-items: center;
  background-color: #ffffff;
  border-radius: 22px;
  border: none;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  height: 22px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 22px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-radio__target::before {
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.kit-radio__target::after {
  background: #4f63ff;
  border-radius: 8px;
  content: '';
  height: 8px;
  opacity: 0;
  width: 8px;
}
.kit-radio__input {
  left: 0;
  position: absolute;
  opacity: 0;
  top: 0;
}
.kit-radio__input:focus-visible + .kit-radio__target::before {
  border-color: #4f63ff;
}
.kit-radio__input.focus-visible + .kit-radio__target::before {
  border-color: #4f63ff;
}
.kit-radio__input:checked + .kit-radio__target::after {
  opacity: 1;
}
.kit-radio__label {
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  font-size: 1.14285714rem;
  line-height: 1.5;
}
.kit-radio__subtext {
  color: #747578;
  line-height: 1.25;
}
.kit-row-item {
  /** Variables */
  /**
 * Used as horizontal margin between direct child elements inside row-items.
 */
  /**
 * Used as the offset for frame padding. Used for making the hover states
 * extend past into the frame padding.
 */
  background-color: #ffffff;
  color: #222222;
  display: flex;
  padding: 0;
  position: relative;
  /* Sizes */
  /** Clickable/hoverable modifiers */
  /** Content layout */
  /** Left-hand side child element overrides */
  /** Right-hand side icon definitions */
  /** Text content definitions */
  /** Remove the margin if there's no content in subtitle element */
}
.kit-row-item::before {
  border-radius: 0;
  content: '';
  display: block;
  height: 100%;
  left: -18px;
  position: absolute;
  right: -18px;
  top: 0;
}
.kit-row-item--bordered {
  border-radius: 6px;
  border: 1px solid #edeef0;
}
.kit-row-item--bordered::before {
  border-radius: 6px;
  left: 0;
  right: 0;
}
.kit-row-item--size-s {
  height: 48px;
}
.kit-row-item--size-m {
  height: 64px;
}
.kit-row-item--size-l {
  height: 80px;
}
.kit-row-item--size-xl {
  height: 94px;
}
.kit-row-item--clickable:hover::before,
.kit-row-item--hoverable:hover::before,
[data-ember-action]:hover .kit-row-item::before,
a:hover .kit-row-item::before {
  background-color: #fafbfc;
}
.kit-row-item--clickable:hover .kit-row-item__text::after,
.kit-row-item--hoverable:hover .kit-row-item__text::after,
[data-ember-action]:hover .kit-row-item .kit-row-item__text::after,
a:hover .kit-row-item .kit-row-item__text::after {
  background: linear-gradient(to left, #fafbfc 10%, rgba(250, 251, 252, 0));
}
.kit-row-item--clickable:hover,
[data-ember-action]:hover .kit-row-item,
a:hover .kit-row-item {
  cursor: pointer;
  user-select: none;
}
.kit-row-item--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.kit-row-item--clickable:active,
[data-ember-action]:active .kit-row-item,
a:active .kit-row-item {
  cursor: pointer;
  user-select: none;
}
.kit-row-item--clickable:active::before,
[data-ember-action]:active .kit-row-item::before,
a:active .kit-row-item::before {
  background-color: #f5f6f7;
}
.kit-row-item--clickable:active .kit-row-item__text::after,
[data-ember-action]:active .kit-row-item .kit-row-item__text::after,
a:active .kit-row-item .kit-row-item__text::after {
  background: linear-gradient(to left, #f5f6f7 10%, rgba(245, 246, 247, 0));
}
.kit-row-item__left-content,
.kit-row-item__main-content,
.kit-row-item__right-content {
  align-items: center;
  display: flex;
  position: relative;
}
.kit-row-item__left-content > *,
.kit-row-item__right-content > * {
  margin-left: 6px;
  margin-right: 6px;
}
.kit-row-item__main-content {
  flex: 1;
  min-width: 0;
}
.kit-row-item__left-content > .kit-icon {
  color: #222222;
  height: 20px;
  /* keep this 20px so the actual icon doesn't resize */
  width: 36px !important;
}
.kit-row-item__left-content > .kit-icon[data-kit-icon='grip'] {
  color: #b8babf;
  cursor: move;
  height: 1rem !important;
  width: 36px !important;
}
.kit-row-item__left-content > .kit-image,
.kit-row-item__left-content .kit-user-avatar {
  height: 36px;
  width: 36px;
}
.kit-row-item__right-content > .kit-icon {
  color: #b8babf;
}
.kit-row-item__right-content > .kit-icon:hover {
  color: #999b9e;
}
.kit-row-item__right-content > .kit-icon[data-kit-icon='arrow-right'] {
  color: #222222;
  height: 1rem !important;
}
.kit-row-item__left-content > *:first-child {
  margin-left: 0;
}
.kit-row-item__left-content > *:last-child {
  margin-right: 12px;
}
.kit-row-item__right-content > *:last-child {
  margin-right: 0;
}
.kit-row-item__right-content > *:first-child {
  margin-left: 12px;
}
.kit-row-item__text {
  width: 100%;
  /* allows for text truncation in a flex element */
}
.kit-row-item__text::after {
  background: linear-gradient(to left, #ffffff 10%, rgba(255, 255, 255, 0));
  content: '';
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
}
.kit-row-item__title,
.kit-row-item__subtitle {
  overflow: hidden;
  white-space: nowrap;
}
.kit-row-item__title {
  font-size: 1.14285714rem;
  font-weight: 400;
  line-height: 1.57142857rem;
}
.kit-row-item__subtitle {
  color: #747578;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143rem;
}
.kit-row-item__subtitle .kit-icon {
  fill: currentColor;
  height: 1em !important;
  /** should remain 'em' to match font height */
  margin-right: 4px;
  position: relative;
  top: 3px;
  width: 1em !important;
  /** should remain 'em' to match font height */
}
.kit-row-item__subtitle:empty {
  margin-top: 0;
}
/** Used as the offset for frame padding. Used for first/last child. */
/**
 * Set the top/bottom rows by default.
 */
.kit-rows {
  border-width: 1px 0;
  border-color: #edeef0;
  border-style: solid;
}
/**
 * Set the bottom-borders on the direct decendant's elements.
 * Uses wildcard because a kit-row-item might be wrapped in another element
 * such as `<a>` or a sortable-item component.
 */
.kit-rows > * {
  border-bottom: 1px solid #edeef0;
}
.kit-rows > *:last-child {
  border-bottom: none;
}
/**
 * Make sure a,span elements are set to block to avoid layout issues. Also
 * accounts for sortable items.
 */
.kit-rows > * > a,
.kit-rows > * > span,
.kit-rows > a,
.kit-rows > span {
  display: block;
}
/**
 * Sets frame-related styles for row padding/margin. Removes top or bottom
 * margin set by frame if it's the first or last child in the list.
 *
 * Hide top/bottom borders depending on placement of element relative to
 * siblings.
 */
.kit-frame > *:first-child > .kit-rows,
.kit-frame > .kit-rows:first-child {
  border-top: none;
  margin-top: -18px;
  /** Set border-radius on last kit-row-item */
}
.kit-frame > *:first-child > .kit-rows > *:first-child .kit-row-item::before,
.kit-frame > .kit-rows:first-child > *:first-child .kit-row-item::before,
.kit-frame > *:first-child > .kit-rows > .kit-row-item:first-child::before,
.kit-frame > .kit-rows:first-child > .kit-row-item:first-child::before {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.kit-frame > *:last-child > .kit-rows,
.kit-frame > .kit-rows:last-child {
  border-bottom: none;
  margin-bottom: -18px;
  /** Set border-radius on last kit-row-item */
}
.kit-frame > *:last-child > .kit-rows > *:last-child .kit-row-item::before,
.kit-frame > .kit-rows:last-child > *:last-child .kit-row-item::before,
.kit-frame > *:last-child > .kit-rows > .kit-row-item:last-child::before,
.kit-frame > .kit-rows:last-child > .kit-row-item:last-child::before {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
/**
 * Sortable styles
 *
 * These styles are used when this component is being wrapped by the
 * `sortable-item` component.
 */
.kit-rows {
  background-color: #edeef0;
}
.kit-rows .sortable-item {
  position: relative;
  transition: all 0.125s;
}
.kit-rows .sortable-item .kit-row-item::before {
  transition: all 0.125s;
}
.kit-rows .sortable-item.is-dragging {
  border: none;
  cursor: move;
  pointer-events: none;
  transition-duration: 0s;
  z-index: 2;
}
.kit-rows .sortable-item.is-dragging .kit-row-item::before {
  border-radius: 0 !important;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-scrolling-content {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.kit-scrolling-content__header {
  background-color: #ffffff;
  position: relative;
}
.kit-scrolling-content__header::after {
  opacity: 0;
  border-bottom: 1px solid #edeef0;
  content: '';
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.25s ease-in-out;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-scrolling-content__body {
  align-self: stretch;
  overflow: auto;
}
.kit-scrolling-content__footer {
  background-color: #ffffff;
  position: relative;
}
.kit-scrolling-content__footer::after {
  opacity: 0;
  border-bottom: 1px solid #edeef0;
  content: '';
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.25s ease-in-out;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  transform: rotate(180deg);
}
.kit-scrolling-content--shadow-top .kit-scrolling-content__header::after {
  opacity: 1;
}
.kit-scrolling-content--shadow-bottom .kit-scrolling-content__footer::after {
  opacity: 1;
}
.kit-search {
  background-color: #ffffff;
  border-radius: 3px;
  color: black;
  display: block;
  height: 100%;
  width: 100%;
}
.kit-search input.ember-text-field[type='text'] {
  box-shadow: none;
  cursor: text;
  font-size: 1.14285714rem;
  height: 46px;
  line-height: 1.57142857rem;
  padding-left: 45px;
}
.kit-search input.ember-text-field[type='text']:not(:focus) {
  border: 0;
}
.kit-search__icon {
  margin: 13px;
  position: absolute;
  color: #747578;
}
.kit-section-label {
  align-items: flex-start;
  color: #222222;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  user-select: none;
}
.kit-section-label__title,
.kit-section-label__subtitle {
  align-items: center;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.kit-section-label__title {
  font-size: 1.14285714rem;
  font-weight: 700;
}
.kit-section-label__subtitle {
  color: #747578;
  font-size: 1rem;
  font-weight: normal;
  margin-top: 4px;
}
/**
 * The first section label in a frame should have no top margin, but
 * all others should.
 */
.kit-frame > .kit-section-label:not(:first-of-type) {
  margin-top: 24px;
}
.kit-select-label__label-text {
  color: #747578;
  display: inline-block;
  font-size: 1em;
  margin-bottom: 4px;
}
.kit-select-label .kit-icon {
  height: 1em;
  width: 1em;
}
.kit-select-label .kit-select {
  display: block;
}
.kit-select-label .kit-select .kit-select__input {
  width: 100%;
}
.kit-select-label .kit-select .kit-select__option {
  width: 100%;
}
.kit-select {
  align-items: center;
  background-color: #ffffff;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  position: relative;
  user-select: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-select::before {
  border: solid 1px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  bottom: -1px;
  content: '';
  display: block;
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
}
.kit-select:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-select:hover::before {
  border-color: rgba(0, 0, 0, 0.08);
}
.kit-select--shape-pill,
.kit-select--shape-pill::before,
.kit-select--shape-pill .kit-select__input {
  border-radius: 1000px;
}
.kit-select--shape-pill .kit-select__input {
  padding-left: 18px;
  padding-right: 40px;
}
.kit-select--shape-pill .kit-select__arrow {
  margin-right: 16px;
  margin-left: 8px;
}
.kit-select--disabled {
  background-color: hsl(0, 0%, 100%);
  color: rgba(50, 50, 51, 0.5);
  cursor: default;
  pointer-events: none;
}
.kit-select--disabled .kit-select__input {
  cursor: default;
  pointer-events: none;
}
.kit-select__input {
  appearance: none;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  height: 34px;
  min-width: 80px;
  outline: none;
  padding: 8px 36px 8px 12px;
  width: 100%;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
}
.kit-select__input:focus {
  border: 1px solid #4f63ff;
}
.kit-select__arrow {
  bottom: 0;
  color: #323233;
  height: 16px;
  margin: auto 12px auto 8px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
.kit-select--disabled .kit-select__arrow {
  color: rgba(50, 50, 51, 0.5);
}
.kit-snackbar-item {
  align-items: center;
  background-color: #222222;
  border-radius: 16px;
  display: flex;
  padding: 18px;
  pointer-events: none;
  user-select: none;
  width: 360px;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  opacity: 0;
  transform: translateY(8px);
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1);
  visibility: hidden;
  /** Using more specific selector to override certain button properties */
}
.kit-snackbar-item--showing {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s, visibility 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.099s;
  visibility: visible;
  pointer-events: all;
}
.kit-snackbar-item--short-transition {
  transition-duration: 0.05s;
}
.kit-snackbar-item--long-action-label {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.kit-snackbar-item--long-action-label .kit-snackbar-item__action {
  margin-left: auto;
  margin-top: 12px;
  text-align: right;
}
.kit-snackbar-item__action,
.kit-snackbar-item__text {
  color: #ffffff;
  font-size: 1.14285714rem;
  line-height: 1.25;
}
.kit-snackbar-item__text {
  flex-grow: 1;
}
.kit-snackbar-item__action.kit-button {
  background: none;
  border-radius: 0;
  box-shadow: none;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  height: auto;
  margin: 0 0 0 18px;
  min-width: auto;
  padding: 4px;
  text-transform: uppercase;
  width: auto;
}
.kit-snackbar-item__action.kit-button .kit-button__content {
  line-height: 1.25;
  padding: 0;
}
.kit-snackbar-item__action.kit-button::after {
  display: none;
}
.kit-snackbar-item__action.kit-button::before {
  content: '';
  background-color: transparent;
  border-radius: 4px;
  position: absolute;
  bottom: -6px;
  left: -9px;
  right: -9px;
  top: -6px;
  transition: background-color 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-snackbar-item__action.kit-button:active::before {
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.05s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-snackbar {
  bottom: 24px;
  left: 24px;
  position: fixed;
  z-index: 900;
  /**
   * This gets them layered on top, without having to limit the actual
   * component itself.
   */
}
.kit-snackbar > .kit-snackbar-item {
  bottom: 0;
  left: 0;
  position: absolute;
}
@media (max-width: 450px) {
  .kit-snackbar > .kit-snackbar-item {
    width: auto;
    position: relative;
    margin: 0 18px 0 18px;
  }
}
@media (max-width: 450px) {
  .kit-snackbar {
    bottom: 18px;
    left: 0;
  }
}
.kit-stack-control {
  border-bottom: 1px solid #edeef0;
  display: flex;
  flex-direction: column;
  padding: 18px 24px;
  z-index: 2;
}
.kit-stack-control--scrolled {
  border: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-stack-control__nav {
  display: flex;
}
.kit-stack-control__nav > .kit-button {
  display: block;
}
.kit-stack-control__nav--back,
.kit-stack-control__nav--close {
  position: absolute;
  top: 18px;
  left: 24px;
}
.kit-stack-control__nav--apply,
.kit-stack-control__nav--back,
.kit-stack-control__nav--cancel,
.kit-stack-control__nav--close {
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-stack-control__nav--apply.kit-stack-control__nav--hidden,
.kit-stack-control__nav--back.kit-stack-control__nav--hidden,
.kit-stack-control__nav--cancel.kit-stack-control__nav--hidden,
.kit-stack-control__nav--close.kit-stack-control__nav--hidden {
  opacity: 0;
  pointer-events: none;
}
.kit-stack-control__nav--apply.kit-stack-control__nav--visible,
.kit-stack-control__nav--back.kit-stack-control__nav--visible,
.kit-stack-control__nav--cancel.kit-stack-control__nav--visible,
.kit-stack-control__nav--close.kit-stack-control__nav--visible {
  opacity: 1;
  transition-delay: 0.125s;
}
.kit-stack-control__title {
  color: #323233;
  font-size: 1.429rem;
  font-weight: 800;
  line-height: 1.4;
  margin-top: 11px;
}
.kit-stack-control__description {
  color: #323233;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 8px;
}
.kit-stack-navigation {
  position: relative;
  height: 100%;
}
.kit-stack-navigation__component {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  transition: opacity 0s linear 0.25s;
}
.kit-stack-navigation__component--animating {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0s linear 0s;
}
.kit-stack-navigation__content {
  background: #fff;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 102px;
}
/**
 * Animations
 * ---------------------------------------------------------------------------
 */
/** Enter */
.kit-stack-navigation--advance {
  /** Exiting Stack Component */
  /** Entering Stack Component */
  /** Animations for when the user is on the first and second slide in the stack */
  /** Prevent animation/hiding on the first stack component */
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
  animation: kitStackNavigation__rotateAndFade1 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
  animation: kitStackNavigation__fade 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control {
  border-bottom-color: transparent;
  pointer-events: none;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:last-child .kit-stack-control {
  border-bottom-color: #edeef0;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__title,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-control__description {
  animation: kitStackNavigation__advanceExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating .kit-stack-navigation__content {
  opacity: 1;
  animation: kitStackNavigation__advanceExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
  animation: kitStackNavigation__rotateAndFade1 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
  animation: kitStackNavigation__fade 0.075s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__title,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__description {
  animation: kitStackNavigation__advanceEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control {
  pointer-events: all;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-navigation__content {
  opacity: 0;
  animation: kitStackNavigation__advanceEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:nth-child(1) .kit-stack-control__nav--visible .kit-stack-control__back-icon {
  animation: kitStackNavigation__rotateAndFade2 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating:nth-child(2) .kit-stack-control__nav--visible .kit-stack-control__back-icon {
  animation: kitStackNavigation__rotateAndFade2 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control {
  pointer-events: all;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__nav--close,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__back-icon,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__back-text,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__title,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__description,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-navigation__content {
  animation: none !important;
}
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
.kit-stack-navigation--advance .kit-stack-navigation__component--animating:first-child:last-child .kit-stack-control__nav--visible.kit-stack-control__nav--cancel {
  animation: kitStackNavigation__fade 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
/** Exit */
.kit-stack-navigation--retreat {
  /** Entering Stack Component */
  /** Exiting Stack Component */
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
  animation: kitStackNavigation__rotateAndFade3 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
  animation: kitStackNavigation__fade 0.075s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control {
  border-bottom-color: #edeef0;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__title,
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-control__description {
  animation: kitStackNavigation__retreatEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating .kit-stack-navigation__content {
  opacity: 0;
  animation: kitStackNavigation__retreatEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--close {
  animation: kitStackNavigation__rotateAndFade1 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--apply,
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--cancel,
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__nav--visible.kit-stack-control__nav--back {
  animation: kitStackNavigation__fade 0.125s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 reverse forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control {
  border-bottom-color: transparent;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__title,
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-control__description {
  animation: kitStackNavigation__retreatExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-stack-navigation--retreat .kit-stack-navigation__component--animating + .kit-stack-navigation__component--animating .kit-stack-navigation__content {
  opacity: 1;
  animation: kitStackNavigation__retreatExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.03s 1 normal forwards;
}
@keyframes kitStackNavigation__fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kitStackNavigation__advanceEnter {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes kitStackNavigation__advanceExit {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
}
@keyframes kitStackNavigation__retreatEnter {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes kitStackNavigation__retreatExit {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
@keyframes kitStackNavigation__rotateAndFade1 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  100% {
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes kitStackNavigation__rotateAndFade2 {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }
  24% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@keyframes kitStackNavigation__rotateAndFade3 {
  0% {
    opacity: 0;
    transform: rotate(-45deg);
  }
  24% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
.kit-stacked-button {
  appearance: none;
  border: none;
  cursor: pointer;
  font-family: 'Proxima-Nova', 'helvetica neue', 'helvetica', 'arial', sans-serif;
  font-size: 14px;
  font-smoothing: antialiased;
  font-weight: 600;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  text-shadow: none;
  transform: scale(1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: none;
  align-items: center;
  border-radius: 3px;
  color: #222222;
  display: inline-flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
  height: 80px;
  justify-content: center;
  max-width: 120px;
  min-width: 110px;
  padding: 12px;
  /** Modifiers */
  /** Elements */
}
.kit-stacked-button:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  transform: scale(1.02);
}
.kit-stacked-button:active {
  box-shadow: none;
  transform: scale(0.98);
}
.kit-stacked-button:active .kit-button__content {
  opacity: 0.8;
}
.kit-stacked-button:focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-stacked-button.focus-visible::before {
  border-radius: 24px !important;
  border: 1px solid #4f63ff;
  bottom: -2px;
  box-shadow: 0 0 3px rgba(79, 99, 255, 0.5);
  content: '';
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.kit-stacked-button:hover {
  box-shadow: none;
  background-color: #edeef0;
}
.kit-stacked-button:active {
  box-shadow: none;
  background-color: #e1e2e6;
}
.kit-stacked-button--selected {
  color: #4f63ff;
}
.kit-stacked-button__icon {
  height: 28px;
  margin: 0 auto 8px auto;
  position: relative;
  width: 28px;
}
.kit-stacked-button__icon img,
.kit-stacked-button__icon object svg,
.kit-stacked-button__icon .kit-icon {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.kit-stacked-button__label {
  font-size: 1.14285714rem;
  line-height: 1.25;
  max-height: 1.25em;
  /* using `em` to match line-height, regardless of font-size */
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
a.active .kit-stacked-button {
  color: #4f63ff;
}
.kit-string-limit-counter {
  color: #c8cacf;
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
}
.kit-switch {
  cursor: pointer;
  height: 16px;
  padding: 6px 4px;
  position: relative;
  user-select: none;
  width: 36px;
}
.kit-switch--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.kit-switch__track {
  background-color: #c8cacf;
  border-radius: 2px;
  height: 4px;
  width: 28px;
  transition: background-color 0.125s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-switch--active .kit-switch__track {
  background-color: #021fff;
}
.kit-switch__indicator {
  background-color: #e1e2e6;
  border-radius: 8px;
  height: 16px;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: translateX(0);
  width: 16px;
  transition: transform 0.125s cubic-bezier(0.42, 0, 0.58, 1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.kit-switch__indicator:active {
  background-color: hsl(0, 0%, 77.21568627%);
}
.kit-switch--active .kit-switch__indicator {
  background-color: #4f63ff;
  transform: translateX(21px);
}
.kit-switch--active .kit-switch__indicator:active {
  background-color: hsl(233.18181818, 76%, 53.49019608%);
}
.kit-symbol-input {
  position: relative;
}
.kit-symbol-input--align-left input {
  padding-right: 36px !important;
}
.kit-symbol-input--align-right input {
  padding-left: 36px !important;
}
.kit-symbol-input__symbol--left {
  border-right: 1px solid #e1e2e6;
  padding: 6px 8px;
  position: absolute;
  top: 1px;
  bottom: 1px;
}
.kit-symbol-input__symbol--right {
  border-left: 1px solid #e1e2e6;
  padding: 6px 8px;
  position: absolute;
  right: 0;
  top: 1px;
  bottom: 1px;
}
.kit-tab-group__tab-names {
  border-bottom: 1px solid #e1e2e6;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  user-select: none;
}
.kit-tab-group__tab-name {
  color: #747578;
  flex-grow: 1;
  padding: 8px 18px;
  position: relative;
  text-align: center;
}
.kit-tab-group__tab-name::after {
  background-color: #222222;
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(2px) scaleX(0.95);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.225s, transform 0.225s;
  width: 100%;
}
.kit-tab-group__tab-name--active {
  color: #222222;
  font-weight: 600;
}
.kit-tab-group__tab-name--active::after {
  opacity: 1;
  transform: translateY(0) scaleX(1);
}
.kit-textarea-string-limit-counter {
  position: relative;
}
.kit-textarea-string-limit-counter__counter {
  background-color: #f5f6f7;
  bottom: 0.75rem;
  position: absolute;
  right: 0.75rem;
  z-index: 1;
}
.kit-time-picker {
  width: 120px;
  height: 190px;
  overflow-y: auto;
  border-radius: 4px;
  position: relative;
}
.kit-time-picker__list {
  overflow: hidden;
}
.kit-time-picker__time {
  font-weight: 300;
  font-size: 1.5em;
  padding: 8px 18px;
  cursor: pointer;
}
.kit-time-picker__time span {
  font-size: 0.76190476em;
}
.kit-time-picker__time--selected {
  background-color: #f5f6f7;
}
.kit-time-picker__time:hover {
  background-color: #f5f6f7;
}
.kit-time-picker__time:active {
  background-color: #f5f6f7;
}
.kit-tooltip-icon {
  display: inline-flex;
  vertical-align: top;
}
.kit-tooltip-icon .kit-icon {
  color: #b8babf;
}
.kit-tooltip-icon__frame {
  line-height: 1.4rem;
  max-width: 320px;
}
.kit-tooltip {
  display: inline-flex;
}
.kit-tooltip__content {
  font-size: 1rem;
  font-weight: 600;
  z-index: 900;
}
body.has-touch .kit-tooltip__content {
  display: none;
}
.kit-tooltip__frame {
  border-radius: 100px;
  padding: 8px 12px;
}
.kit-underlined-input input[type='text'],
.kit-underlined-input input[type='password'] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 1.42857143em;
  padding: 7px 0;
}
.kit-underlined-input input[type='text']:focus,
.kit-underlined-input input[type='password']:focus {
  box-shadow: none;
}
.kit-underlined-input__underline {
  background-color: #e1e2e6;
  height: 2px;
  position: relative;
  width: 100%;
}
.kit-underlined-input__underline::after {
  background-color: #6944b2;
  bottom: 0;
  content: '';
  left: 50%;
  position: absolute;
  top: 0;
  transform-origin: center center;
  width: 0;
  transition: none;
}
.kit-underlined-input input:focus + .kit-underlined-input__underline::after {
  left: 0;
  width: 100%;
  transition: cubic-bezier(0.42, 0, 0.58, 1) 0.125s;
}
.kit-upload-attachment {
  background-color: white;
  border-radius: 8px;
  border: 1px solid #edeef0;
  display: flex;
  height: 104px;
  padding: 18px;
  user-select: none;
  width: 100%;
  color: #222222;
}
.kit-upload-attachment__preview {
  align-items: center;
  background-color: #edeef0;
  border-radius: 4px;
  color: #747578;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 110px;
}
.kit-upload-attachment__preview .kit-icon {
  height: 20px;
  width: 20px;
}
.kit-upload-attachment__preview .kit-image {
  height: 100%;
  width: 100%;
}
.kit-upload-attachment__preview .kit-image img {
  height: 100%;
  width: 100%;
}
.kit-upload-attachment__preview-overlay {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.kit-upload-attachment__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  overflow: hidden;
  margin-right: 12px;
}
.kit-upload-attachment__file-name {
  position: relative;
  white-space: nowrap;
  width: 100%;
  font-size: 1.14285714rem;
  font-weight: 400;
  line-height: 1.57142857rem;
}
.kit-upload-attachment__file-name::after {
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
}
.kit-upload-attachment__right-content {
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.kit-upload-progress {
  background-color: white;
  border-radius: 8px;
  border: 1px solid #edeef0;
  display: flex;
  height: 104px;
  padding: 18px;
  user-select: none;
  width: 100%;
  color: #222222;
}
.kit-upload-progress__thumbnail {
  align-items: center;
  background-color: #edeef0;
  border-radius: 4px;
  color: #747578;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 110px;
}
.kit-upload-progress__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  overflow: hidden;
}
.kit-upload-progress__content__text {
  margin-bottom: 12px !important;
}
.kit-upload-progress__file-name {
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.kit-upload-progress__file-name::after {
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
}
.kit-upload-progress__right-content {
  color: #b8babf;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 12px;
}
.kit-upload {
  background-color: white;
  border: 1px dashed #e1e2e6;
  border-image-repeat: repeat;
  border-image-slice: 6;
  /** light grey dashed border */
  border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABGdBTUEAALGPC/xhBQAAAPBJREFUSA1jZACCJ09eq/37/7vjPwOjC8P//7zyclKMIHEYePjo2X8YG0ZjVcPI+JmR4f8eJkbWChkZ0VuMIIP//v9zmIGBsY2Bl2ORvIDAe5gBpNIPP3wQZPj8I46B4X8VMyOLLeOjx8/W/WdgOigvKzGRVMNwqX/4+EU+I8M/e4aHj59/ev/+vQAuheSIg3wAMpcBW3iSYyC6HlqZi27PKB8tBGgV8CBzmdDsoip31HCqBueoYRSEAG0zEbBqAtcgFDgQXSvYPKC5TKA6D1I1oSuhgA+s6kDmsoAqU1AdCqyaGKhZhwLNtQXX8rSq/QG4Iohd8okjWgAAAABJRU5ErkJggg==');
  border-image-width: 6px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 104px;
  padding: 18px;
  position: relative;
  width: 100%;
  user-select: none;
  color: #222222;
  /** Drop styles */
}
.kit-upload:hover {
  background-color: #fafbfc;
}
.kit-upload:active {
  background-color: #f5f6f7;
}
.kit-upload:hover,
.kit-upload:active {
  border-color: #c8cacf;
  /** medium gray dashed border */
  border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABGdBTUEAALGPC/xhBQAAAOhJREFUSA1jZACCkxcuqDH8Yuj4z8DgwsDwn9fCzJARJA4DJ06dB0qhAuxqGD8DNe5hYGOoMDcwuMUIMvj/L4bDTAyMbRwcjIv09PTeoxpDPO/SpUuCP378j/vH8L+KkY3BlvHkqQvrGBkYD5qZ6U8k3hj8Kk+dupj/n+G/PRMoKFhZ/y3Er5w0WVAIgIMYW3iSZhR21bQyF7tto6LwEKBVwIPMZYLbQgPGqOE0CNRRI8kKARpnIsbPoBqELJfh0AQxj/EzE6jOA1VNONSRJQwyD2QuC6gy/ffr/2Fg1cRA9ToU5DRa1f4AOE54Ozpl4VAAAAAASUVORK5CYII=');
}
.kit-upload--is-dragging {
  border-image: none;
  border: 1px solid transparent;
}
.kit-upload__file-input {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.kit-upload__icon {
  align-items: center;
  color: #c8cacf;
  display: flex;
  justify-content: center;
  width: 110px;
}
.kit-upload__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kit-upload__content > *:not(.kit-upload__requirements):not(.kit-upload__file-types) {
  font-size: 1.14285714rem;
  font-weight: 400;
  line-height: 1.57142857rem;
}
.kit-upload__drop-wrap {
  border-radius: inherit;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.kit-upload__drop-mask {
  background-color: #4f63ff;
  border-radius: 100%;
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: transform 0s;
  width: 4px;
  z-index: 2;
}
.kit-upload__drop-message {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 1.28571429em;
  font-weight: 600;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: none;
  visibility: hidden;
  z-index: 3;
}
.kit-upload__drop-message-icon {
  transform: translateY(0);
}
.kit-upload--is-dragging .kit-upload__drop-mask {
  height: 4px;
  left: 0;
  opacity: 1;
  top: 0;
  transform: scale(1000);
  transition-duration: 1.2s;
  width: 4px;
}
.kit-upload--is-dragging .kit-upload__drop-message {
  opacity: 1;
  transition: opacity 0.325s cubic-bezier(0.42, 0, 0.58, 1);
  visibility: visible;
}
.kit-upload--is-dragging .kit-upload__drop-message-icon {
  transform: translateY(-3px);
  transition: transform 1.125s cubic-bezier(0.42, 0, 0.58, 1);
  transition-delay: 0.075s;
}
.kit-input-validation--invalid .kit-upload,
.kit-input-validation--invalid .kit-upload:hover,
.kit-input-validation--invalid .kit-upload:active,
.kit-upload--invalid,
.kit-upload--invalid:hover,
.kit-upload--invalid:active {
  border-color: #f90143;
  /** red dashed border */
  border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABtQTFRFAAAA+FFe+VVf+lRg+lVg+lRf+FVe8Eta71BgiVJBBAAAAAl0Uk5TACau8v/pbxEQb0WWBgAAAERJREFUeJxjYFR2YGBxcWFgcFZkYBBNZ4AA9lQBBjUGGGBTYLCAc9gNGBzgHGQmCQDFAHI4FFtqDmcD/YPiU5QwQA4dAJYBCY7JnGznAAAAAElFTkSuQmCC');
}
.kit-input-validation--invalid .kit-upload .kit-input-validation__message,
.kit-input-validation--invalid .kit-upload:hover .kit-input-validation__message,
.kit-input-validation--invalid .kit-upload:active .kit-input-validation__message,
.kit-upload--invalid .kit-input-validation__message,
.kit-upload--invalid:hover .kit-input-validation__message,
.kit-upload--invalid:active .kit-input-validation__message {
  display: block;
}
.kit-user-avatar {
  align-items: center;
  border-radius: 50%;
  color: #ffffff;
  cursor: default;
  display: flex;
  font-size: 1.14285714rem;
  height: 100%;
  justify-content: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  user-select: none;
  width: 100%;
}
.kit-user-avatar img {
  border-radius: 50%;
  box-shadow: inset 0 1px 16px rgba(0, 0, 0, 0.05);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
img:not([src='']) + .kit-user-avatar__shadow {
  border-radius: 50%;
  box-shadow: inset 0 1px 16px rgba(0, 0, 0, 0.05);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
img:not([src='']) + .kit-user-avatar__shadow + .kit-user-avatar__initials {
  background-color: transparent;
}
.kit-user-avatar__initials {
  align-items: center;
  background-color: #b8babf;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.kit-walkthrough-slide {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  visibility: visible;
  transition: visibility 0s linear 0.335s;
}
.kit-walkthrough-slide--invisible {
  visibility: hidden;
  transition: visibility 0s linear 0.335s;
}
.kit-walkthrough-slide__title {
  color: #323233;
  display: block;
  font-size: 28px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: -0.9px;
  margin: 0 auto 12px;
  text-align: center;
  width: 612px;
}
.kit-walkthrough-slide__subtitle {
  color: #7e7f82;
  display: block;
  font-size: 18px;
  height: 70px;
  justify-content: center;
  line-height: 1.45;
  margin: 0 auto;
  text-align: center;
  width: 612px;
}
.kit-walkthrough-slide__image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.kit-walkthrough-slide__video {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  object-fit: initial;
  width: 100%;
}
@media (max-width: 800px) {
  .kit-walkthrough-slide {
    width: 90vw;
  }
  .kit-walkthrough__nav-wrap {
    width: 50vw;
  }
}
@media (max-width: 800px) {
  .kit-walkthrough-slide__subtitle {
    max-width: 100%;
  }
}
@media (max-width: 700px) {
  .kit-walkthrough-slide {
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .kit-walkthrough-slide__subtitle {
    width: 90vw;
  }
  .kit-walkthrough-slide__title {
    width: 90vw;
  }
}
@media (max-height: 600px) {
  .kit-walkthrough-slide__image,
  .kit-walkthrough-slide__video {
    height: 55vh;
    width: 100%;
  }
}
@media (max-height: 500px) {
  .kit-walkthrough-slide__subtitle {
    font-size: 16px;
  }
  .kit-walkthrough-slide__title {
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  .kit-walkthrough-slide__subtitle {
    width: 90vw;
  }
  .kit-walkthrough-slide__title {
    width: 90vw;
  }
}
.kit-walkthrough__nav-wrap {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 44px;
  position: absolute;
  width: 100%;
}
.kit-walkthrough__nav-wrap .kit-button--background-primary {
  background-color: #4f63ff;
}
.kit-walkthrough__nav-wrap .kit-button--background-primary:hover {
  background-color: #3b50f5;
}
.kit-walkthrough__nav-button {
  position: absolute;
}
.kit-walkthrough__nav-button--retreat {
  bottom: 0;
  left: 0;
  position: absolute;
}
.kit-walkthrough__nav-button--advance {
  bottom: 0;
  position: absolute;
  right: 40px;
  opacity: 1;
  transition: opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.kit-walkthrough__nav-button--hidden {
  opacity: 0;
  pointer-events: none;
}
.kit-walkthrough__dot-wrap {
  margin: 0 auto;
}
.kit-walkthrough__dot {
  background-color: #dddee1;
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin-right: 8px;
  opacity: 0.6;
  width: 6px;
}
.kit-walkthrough__dot:last-child {
  margin-right: 8px;
}
.kit-walkthrough__dot--active {
  background-color: #4f63ff;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
.kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
  animation: advanceExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s normal forwards;
}
.kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
.kit-walkthrough--advance .kit-walkthrough-slide--animate .kit-walkthrough-slide__video {
  animation: advanceExitImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
  animation: advanceEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
}
.kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
.kit-walkthrough--advance .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__video {
  animation: advanceEnterImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
}
.kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
  animation: retreatExit 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
.kit-walkthrough--retreat .kit-walkthrough-slide--animate + .kit-walkthrough-slide--animate .kit-walkthrough-slide__video {
  animation: retreatExitImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards;
}
.kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__text {
  animation: retreatEnter 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
}
.kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__image,
.kit-walkthrough--retreat .kit-walkthrough-slide--animate .kit-walkthrough-slide__video {
  animation: retreatEnterImage 0.225s cubic-bezier(0.42, 0, 0.58, 1) 0.225s 1 normal forwards;
}
@keyframes advanceEnter {
  0% {
    opacity: 0;
    transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes advanceEnterImage {
  0% {
    opacity: 0;
    transform: translateX(250px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes advanceExit {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-200px);
  }
}
@keyframes advanceExitImage {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-300px);
  }
}
@keyframes retreatEnter {
  0% {
    opacity: 0;
    transform: translateX(-230px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes retreatEnterImage {
  0% {
    opacity: 0;
    transform: translateX(-400px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes retreatExit {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(230px);
  }
}
@keyframes retreatExitImage {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(400px);
  }
}
@media (max-width: 800px) {
  .kit-walkthrough__nav-wrap {
    width: 90vw;
  }
}
@media (max-width: 700px) {
  .kit-walkthrough__nav-wrap {
    width: 90vw;
  }
}
@media (max-width: 650px) {
  .kit-walkthrough__nav-wrap {
    width: 90vw;
  }
}
@media (max-width: 600px) {
  .kit-walkthrough__nav-wrap {
    width: 90vw;
  }
}
/**
 * Theme
 *
 * This theme file defines the default values for the theme variables.
 */
body {
  color: #222222;
}
svg {
  width: 100%;
  height: 100%;
}
a:not(.btn) {
  color: #4f63ff;
  font-size: inherit;
  text-decoration: none;
}
a:not(.btn):hover,
a:not(.btn):active,
a:not(.btn):focus,
a:not(.btn):visited {
  text-decoration: none;
}
a:not(.btn):hover {
  color: hsl(233.18181818, 90%, 59.49019608%);
}
a:not(.btn):active {
  color: hsl(233.18181818, 82%, 55.49019608%);
}
a:not(.btn):focus {
  color: #4f63ff;
}
a:not(.btn).disabled {
  pointer-events: none;
}
strong,
b {
  font-weight: 600;
}
/* Components */
.app-add-ach__row {
  display: grid;
  grid-column-gap: 24px;
}
.app-add-ach__row .kit-input-validation {
  margin-bottom: 36px;
}
@media screen and (max-width: 600px) {
  .app-add-ach__row .kit-input-validation {
    margin-bottom: 24px;
  }
}
.app-add-ach__row--fluid {
  /**
     * Min width is 272px because 320px - (24px * 2),
     * 320px is smallest mobile width and 24px is left/right padding.
     */
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
}
.app-add-ach__input {
  position: relative;
}
.app-add-ach__input-icon {
  bottom: 3px;
  color: #323233;
  height: 14px;
  margin: 7px;
  position: absolute;
  right: 8px;
  width: 14px;
}
.app-add-ach__account-type {
  margin-bottom: 36px;
  padding-right: 12px;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .app-add-ach__account-type {
    margin-bottom: 24px;
    padding-right: 0;
    width: 100%;
  }
}
.app-add-card {
  /** Customize Stripe input styles */
}
.app-add-card__row {
  display: grid;
  grid-column-gap: 24px;
}
.app-add-card__row--fluid {
  /**
     * Min width is 272px because 320px - (24px * 2),
     * 320px is smallest mobile width and 24px is left/right padding.
     */
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
}
.app-add-card__row--half {
  grid-template-columns: repeat(2, 1fr);
}
.app-add-card__input-wrapper {
  margin-bottom: 36px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .app-add-card__input-wrapper {
    margin-bottom: 24px;
  }
}
.app-add-card__input-message {
  background-color: #f90143;
  border-radius: 8px;
  bottom: -5px;
  color: #fff;
  display: block;
  left: 0;
  line-height: 1.25;
  max-width: 450px;
  position: absolute;
  transform: translateY(100%);
  z-index: 600;
}
.app-add-card__card-number-wrapper {
  position: relative;
}
.app-add-card__card-number-wrapper__icon {
  bottom: 3px;
  color: #323233;
  height: 13px;
  margin: 7px;
  position: absolute;
  right: 8px;
  width: 20px;
}
.app-add-card__card-number-wrapper__icon--default {
  bottom: 0;
  height: 20px;
}
.app-add-card__card-number-wrapper__icon--union-pay {
  height: 20px;
  top: 0px;
}
.app-add-card__stripe-input {
  background-color: #f5f6f7;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #222222;
  height: 34px;
  padding: 6px 10px;
  width: 100%;
}
.app-add-card__stripe-input--focus,
.app-add-card__stripe-input--invalid,
.app-add-card__stripe-input--complete {
  transition: border 0.125s cubic-bezier(0.42, 0, 0.58, 1), box-shadow 0.125s cubic-bezier(0.42, 0, 0.58, 1);
}
.app-add-card__stripe-input--focus {
  border-color: #4f63ff;
  outline: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.app-add-card__stripe-input--invalid {
  border-color: #f90143;
  box-shadow: inset 0 1px 2px 0 rgba(249, 1, 67, 0.15);
  color: #222222;
}
.app-add-card__stripe-input--autofill {
  background-color: #ffffff;
}
.app-add-card .kit-input-validation {
  margin-bottom: 36px;
}
@media screen and (max-width: 600px) {
  .app-add-card .kit-input-validation {
    margin-bottom: 24px;
  }
}
.app-info-modal__heading {
  display: flex;
}
.app-info-modal__heading .kit-icon {
  color: #4f63ff;
  margin-right: 12px;
}
.app-error-page {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 80vh;
  justify-content: center;
  min-height: 500px;
  padding: 0 18px;
  width: 100%;
}
.app-error-page .kit-icon {
  color: #747578;
}
@media (max-width: 450px) {
  .app-error-page p {
    text-align: center;
  }
  .app-error-page .t__subtitle {
    padding: 0 12px 0 12px;
  }
}
.app-expanding-box {
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  color: #222222;
  font-weight: 600;
  /**
   * Border in pseudo-element so we can transition between 1px and 2px width.
   */
  /**
   * If disabled _and_ active, it should look like the default state, but be
   * non-functional like the disabled state, with a 2px border-width.
   */
  /**
  * Adding `cursor: default` here to override
  * `cursor: pointer` attribute of `select-box`
  */
  cursor: default;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
.app-expanding-box:hover {
  background-color: #fafbfc;
}
.app-expanding-box:active {
  background-color: #f5f6f7;
}
.app-expanding-box .kit-icon {
  color: #b8babf;
  transition: color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
}
.app-expanding-box::after {
  border-radius: 8px;
  border: 1px solid #edeef0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color 0.075s cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  pointer-events: none;
}
.app-expanding-box:hover::after,
.app-expanding-box:active::after {
  border-color: #e1e2e6;
}
.app-expanding-box.active,
.app-expanding-box--active {
  border-color: #4f63ff;
}
.app-expanding-box.active .kit-icon,
.app-expanding-box--active .kit-icon {
  color: #4f63ff;
}
.app-expanding-box.active:hover,
.app-expanding-box--active:hover {
  background-color: initial;
}
.app-expanding-box.active::after,
.app-expanding-box--active::after,
.app-expanding-box.active:hover::after,
.app-expanding-box--active:hover::after {
  border-color: #4f63ff;
  border-width: 2px;
}
.app-expanding-box.disabled,
.app-expanding-box--disabled {
  cursor: initial;
  pointer-events: none;
  color: #747578;
}
.app-expanding-box.disabled .kit-icon,
.app-expanding-box--disabled .kit-icon {
  color: #e1e2e6;
}
.app-expanding-box.disabled::after,
.app-expanding-box--disabled::after {
  border-color: #edeef0;
}
.app-expanding-box.disabled.active,
.app-expanding-box--disabled.active,
.app-expanding-box.disabled.app-expanding-box--active,
.app-expanding-box--disabled.app-expanding-box--active {
  pointer-events: none;
  color: #222222;
}
.app-expanding-box.disabled.active::after,
.app-expanding-box--disabled.active::after,
.app-expanding-box.disabled.app-expanding-box--active::after,
.app-expanding-box--disabled.app-expanding-box--active::after {
  border-color: #edeef0;
  border-width: 2px;
}
.app-expanding-box.disabled.active .kit-icon,
.app-expanding-box--disabled.active .kit-icon,
.app-expanding-box.disabled.app-expanding-box--active .kit-icon,
.app-expanding-box--disabled.app-expanding-box--active .kit-icon {
  color: #b8babf;
}
.app-expanding-box__main-section {
  display: flex;
  justify-content: space-between;
}
.app-expanding-box__content-hider {
  height: 0px;
  overflow: hidden;
  transition: height 0.125s cubic-bezier(0.42, 0, 0.58, 1);
}
.app-expanding-box__content {
  cursor: default;
  opacity: 0;
  padding: 24px;
  transform: scale(0.98);
  transform-origin: top;
  transition: transform 0.225s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.225s cubic-bezier(0.42, 0, 0.58, 1);
}
.app-expanding-box__content-hider--expanded {
  height: 100%;
  overflow: visible;
  transition: height 0.125s cubic-bezier(0.42, 0, 0.58, 1);
}
.app-expanding-box__content-hider--expanded .app-expanding-box__content {
  opacity: 1;
  transform: scaleY(1);
}
.app-expanding-box__right {
  cursor: pointer;
  display: flex;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .app-expanding-box__right {
    width: 32%;
  }
}
.app-expanding-box__left {
  align-items: center;
  display: flex;
  padding: 24px;
}
@media screen and (max-width: 600px) {
  .app-expanding-box__left {
    width: 68%;
  }
}
.app-expanding-box__more {
  align-items: center;
  background-color: transparent;
  color: #4f63ff;
  box-shadow: none;
  display: flex;
  height: auto;
  padding: 24px;
}
.app-expanding-box__more .kit-button__content {
  padding: 0 !important;
}
.app-expanding-box__more .kit-button__content .kit-icon {
  margin: 0 0 0 12px;
}
.app-expanding-box__more:before {
  border: none;
}
.app-expanding-box__more:hover,
.app-expanding-box__more:active,
.app-expanding-box__more:focus {
  background-color: transparent;
  box-shadow: none;
  color: #4f63ff;
}
.app-frequency-toggle {
  margin-bottom: 12px;
}
.app-frequency-toggle__heading {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 24px;
}
.app-frequency-toggle__option {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.app-intent .kit-select {
  width: 100%;
}
.app-intent__loading {
  min-height: 70px;
  position: relative;
}
.app-intent__section-heading {
  display: flex;
}
.app-intent__section-heading .kit-icon {
  color: #4f63ff;
  margin-right: 12px;
}
.app-intent__no-thanks {
  cursor: pointer;
  display: flex;
  padding: 24px;
  -webkit-tap-highlight-color: transparent;
}
.app-intent__item {
  align-items: center;
  border-radius: 8px;
  border: 1px solid #edeef0;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.app-intent__item.select-box {
  border: none;
}
.app-intent__item.collapsable {
  display: block;
}
.app-intent__item-package-info {
  cursor: pointer;
  display: flex;
  padding: 24px;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 600px) {
  .app-intent__item-package-info {
    flex-direction: column;
  }
  .app-intent__item-package-info .max-attendance-size__separator {
    display: none;
  }
}
.app-intent__item-package-info:hover {
  background-color: #fafbfc;
  border-radius: 8px;
}
.app-intent__item-package-info.collapsed {
  border-radius: 8px;
}
.app-intent__item-package-info.expanded {
  border-radius: 8px 8px 0 0;
}
.app-intent__item-package-info .kit-markdown-converter p {
  margin-bottom: 0 !important;
}
.app-intent__item-package-info .package-img {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #edeef0;
  height: 95px;
  min-width: 140px;
  margin-right: 12px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .app-intent__item-package-info .package-img {
    height: 70px;
    margin-bottom: 12px;
    width: 50px;
  }
}
.app-intent__item-package-info .package-img img {
  margin: 0 auto;
  width: 48px;
  height: 48px;
}
.app-intent__item__collapsable-status {
  align-items: center;
  color: #4f63ff;
  display: flex;
  font-weight: bold;
  position: absolute;
  right: 24px;
  top: 24px;
}
.app-intent__item__collapsable-status .kit-icon {
  margin-left: 5px;
  margin-right: 0 !important;
}
.app-intent__item-package-detail {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.app-intent__item-package-detail .kit-icon.info {
  margin-right: 0 !important;
  margin-left: 18px;
  color: #b8babf;
}
.app-intent__item-package-detail:hover {
  background-color: #fafbfc;
  cursor: pointer;
}
.app-intent__item-package-detail:last-child:hover {
  border-radius: 0 0 8px 8px;
}
.app-intent__item-wrapper {
  align-items: center;
  display: flex;
}
.app-intent__item-info {
  flex: 1;
  margin: 24px;
}
.app-intent__item-title {
  color: #222222;
  font-size: 1.143rem;
  line-height: 1.57142857rem;
  margin-bottom: 4px;
}
.app-intent__item-subtitle,
.app-intent__item-price {
  line-height: 1.42857143rem;
}
@media screen and (max-width: 600px) {
  .app-intent__item-subtitle,
  .app-intent__item-price {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .app-intent__item-subtitle {
    margin-top: 8px;
  }
  .app-intent__item-subtitle .subtitle__separator {
    display: none;
  }
}
.app-intent__item-price {
  margin-bottom: 12px;
}
.app-intent__item-list-price {
  display: inline-block;
  text-decoration: line-through;
}
.app-intent__item-trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.app-intent__item-divider {
  background-color: #edeef0;
  margin: 12px 24px 12px 0;
  min-height: 68px;
  width: 1px;
}
.app-intent__item-divider-h {
  background-color: #edeef0;
  margin: 0 24px;
  height: 1px;
}
.app-intent__item .kit-icon {
  color: #4f63ff;
  margin-right: 24px;
  min-width: 20px;
}
.app-intent__exclusive-guarantee__title,
.app-intent__terms-of-service__title,
.app-intent__easter-promotion__title {
  color: #222222;
  font-size: 1.42rem;
  font-weight: 600;
  margin-bottom: 24px;
  user-select: none;
}
.app-intent__exclusive-guarantee__checkbox-wrapper,
.app-intent__terms-of-service__checkbox-wrapper,
.app-intent__easter-promotion__checkbox-wrapper {
  border-radius: 8px;
  border: 1px solid #edeef0;
  margin-bottom: 24px;
}
.app-intent__exclusive-guarantee__checkbox-wrapper.kit-input-validation--invalid,
.app-intent__terms-of-service__checkbox-wrapper.kit-input-validation--invalid,
.app-intent__easter-promotion__checkbox-wrapper.kit-input-validation--invalid {
  border: 2px solid #f90143;
}
.app-intent__exclusive-guarantee__checkbox,
.app-intent__terms-of-service__checkbox,
.app-intent__easter-promotion__checkbox {
  padding: 18px 18px 24px 24px;
  cursor: pointer;
}
.app-intent__exclusive-guarantee__checkbox:hover,
.app-intent__terms-of-service__checkbox:hover,
.app-intent__easter-promotion__checkbox:hover {
  background-color: #f5f6f7;
}
.app-intent__exclusive-guarantee .kit-checkbox__label,
.app-intent__terms-of-service .kit-checkbox__label,
.app-intent__easter-promotion .kit-checkbox__label {
  padding-left: 16px;
  /** the component already has 8px margin-left **/
}
.app-intent__exclusive-guarantee ul,
.app-intent__terms-of-service ul,
.app-intent__easter-promotion ul {
  margin: 24px 36px 24px 24px;
  list-style: initial;
  padding-left: 18px;
}
.app-intent__exclusive-guarantee ul li,
.app-intent__terms-of-service ul li,
.app-intent__easter-promotion ul li {
  line-height: 1.4em;
  margin-bottom: 12px;
}
.app-intent__info-form--account-owner {
  padding-bottom: 24px;
}
.app-intent__info-form--org-info {
  padding-bottom: 12px;
}
@media screen and (max-width: 600px) {
  .app-intent__info-form {
    padding-bottom: 24px;
  }
}
.app-intent__email-update-trigger,
.app-intent__attendance-update-trigger,
.app-intent__show-details-trigger,
.app-intent__total-donations-trigger {
  color: #4f63ff;
  cursor: pointer;
  display: inline-block;
}
.app-intent__no-subdivision {
  padding: 6px 0;
}
.app-intent__inline-row {
  align-items: start;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 600px) {
  .app-intent__inline-row {
    flex-direction: column;
  }
}
.app-intent__inline-row__input--full {
  width: 100%;
  margin-bottom: 36px;
}
@media screen and (max-width: 600px) {
  .app-intent__inline-row__input--full {
    margin-bottom: 24px;
  }
}
.app-intent__inline-row__input--half {
  width: 50%;
  margin-bottom: 36px;
}
@media screen and (max-width: 600px) {
  .app-intent__inline-row__input--half {
    width: 100%;
    margin-bottom: 24px;
  }
}
.app-intent .kit-symbol-input input {
  text-align: left;
}
.app-intent .kit-section-label {
  margin-bottom: 24px;
  padding-top: 36px;
}
.app-intent__saved-payment-method {
  align-items: center;
  border: 1px solid #edeef0;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin: 18px 0 72px 0;
  padding: 18px;
}
.app-intent__saved-payment-method .card-img {
  height: 18px;
}
.app-intent__saved-payment-method .last-four {
  margin-left: 18px;
  font-weight: 500;
}
.app-intent__review {
  /**
     * Ideally, we can use `scroll-margin-top` but it lacks support
     * in Safari. So we use `padding-top` and `margin-top` instead.
     * This makes sure there is enough padding above the Review & Pay
     * title during `scrollIntoView`.
     */
  padding-top: 48px;
  margin-top: -48px;
}
.app-intent__review__toggle {
  align-items: center;
  justify-content: space-between;
}
.app-intent__review__content {
  max-height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.app-intent__review__content--showing {
  max-height: auto;
  visibility: visible;
}
.app-intent__tos {
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .app-intent__tos {
    max-width: 324px;
  }
}
.app-intent__terms-of-service p,
.app-intent__terms-of-service li {
  font-size: 1rem;
}
.app-intent__terms-of-service ul li {
  line-height: 1.4em;
  margin-bottom: 12px;
  padding: 0 !important;
}
@media screen and (max-width: 600px) {
  .app-intent__email-input {
    order: 2;
    /** Place email after phone input for mobile screens */
  }
  .app-intent__phone-input {
    order: 1;
  }
}
.app-intent-detail__heading {
  align-items: center;
  display: flex;
}
.app-intent-detail__heading .kit-icon {
  color: #4f63ff;
  margin-right: 12px;
  min-width: 20px;
  min-height: 20px;
}
.app-intent-detail__content h1,
.app-intent-detail__content h2,
.app-intent-detail__content h3,
.app-intent-detail__content h4,
.app-intent-detail__content h5 {
  font-size: 1.14285714rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}
.app-intent-detail__content h4 {
  color: #222222;
  /** override `font-weight` in `kit-markdown-converter` */
  font-weight: 600 !important;
  line-height: 1.25;
}
.app-intent-detail__content h6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143rem;
  color: #747578;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  font-style: italic;
  text-transform: unset;
}
.app-intent-detail__content p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143rem;
  color: #747578;
  margin-bottom: 12px !important;
}
.app-intent-detail__content ul,
.app-intent-detail__content ol {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin: 0 !important;
}
.app-intent-detail__content li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.42857143rem;
  color: #747578;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}
.app-intent-detail__content em {
  font-style: italic;
}
.app-intent-detail__content input[type='checkbox'] {
  appearance: none;
  background: none;
  border: none;
  padding-left: 8px !important;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.app-intent-detail__content [type='checkbox']:before {
  background: #fff;
  content: '\2715';
  display: block;
  position: relative;
}
.app-intent-detail__content [type='checkbox']:checked:before {
  content: '\2713';
}
.app-intent-detail__error {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-intent-detail__error .kit-icon {
  color: #b8babf;
}
.app-intent-success.success .app-page__branding__text,
.app-intent-success.error .app-page__branding__text {
  animation: fadeIn 3s;
}
.app-intent-success__next-step {
  animation: fadeIn 3s;
}
.app-intent-success__processing {
  text-align: center;
}
.app-intent-success__processing video {
  width: 403px;
  height: 258px;
}
@media screen and (max-width: 480px) {
  .app-intent-success__processing video {
    width: 201px;
    height: 129px;
  }
}
.app-intent-success-upgrade__body {
  text-align: center;
}
.app-intent-success-upgrade .go-back__button {
  display: block;
  margin: 0 auto;
}
.app-intent-success-upgrade.success,
.app-intent-success-upgrade.error {
  animation: fadeIn 3s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.app-order-summary {
  min-height: 180px;
  position: relative;
}
.app-order-summary__row {
  display: grid;
  grid-column-gap: 24px;
  padding: 36px 0;
}
.app-order-summary__row:last-child {
  padding-bottom: 0;
}
.app-order-summary__header {
  display: flex;
  justify-content: space-between;
}
.app-order-summary__header p {
  font-size: 1.143rem;
}
.app-order-summary__list {
  display: flex;
  justify-content: space-between;
  color: #747578;
}
.app-order-summary__list:not(:last-child) {
  margin-bottom: 8px;
}
.app-order-summary__list:first-child {
  margin-top: 24px;
}
.app-order-summary__list-details {
  display: flex;
  justify-content: space-between;
  width: 17%;
}
@media screen and (max-width: 768px) {
  .app-order-summary__list-details {
    width: 35%;
  }
}
.app-order-summary__list-quantity {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
@media (max-width: 450px) {
  .app-order-summary__list-title {
    max-width: 70%;
  }
}
@media (max-width: 450px) {
  .app-order-summary__list-amount {
    margin-left: 0px !important;
  }
}
.app-order-summary .kit-loading-spinner__loader {
  top: 40px;
}
.app-order-summary__modal-trigger {
  color: #4f63ff;
  cursor: pointer;
}
.app-page {
  display: flex;
  flex: 1;
  height: 100vh;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
.app-page__branding__logo {
  height: 20px;
  width: 182px;
}
.app-page__branding__text {
  color: #222222;
  font-size: 2.57142857rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 480px) {
  .app-page__branding__logo {
    margin: 0 auto;
  }
  .app-page__branding__text {
    font-size: 2rem;
    text-align: center;
  }
}
.app-page__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: scroll;
}
.app-page__main {
  max-width: 684px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .app-page__main {
    padding: 0 24px;
  }
}
@media screen and (max-width: 350px) {
  .app-page__main {
    padding: 0 12px;
  }
}
.app-page__footer {
  color: #999b9e;
  font-size: 0.857rem;
  line-height: 0.857rem;
  padding: 48px 36px 36px;
}
.app-page__logo {
  height: 14px;
  margin: 0 auto;
  width: 134px;
}
.app-payment-toggle__option {
  align-items: center;
  display: flex;
}
.app-payment-toggle__option__ach {
  align-items: center;
  display: flex;
}
.app-payment-toggle__option__ach svg {
  height: 20px;
  width: 20px;
}
.app-payment-toggle__option:first-child {
  justify-content: space-between;
}
.app-payment-toggle__ach-prompt-trigger {
  color: #4f63ff;
  cursor: pointer;
  display: inline-block;
}
.app-payment-toggle__ach-prompt-heading {
  display: flex;
}
.app-payment-toggle__ach-prompt-heading .kit-icon {
  color: #4f63ff;
  margin-right: 12px;
}
.app-help-choosing-package__trigger {
  color: #4f63ff;
  cursor: pointer;
  display: inline-block;
}
.app-help-choosing-package__phone {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 40%;
}
.app-help-choosing-package__phone .title {
  margin: 10px 0;
}
.app-help-choosing-package__phone .number {
  color: #747578;
}
.app-help-choosing-package__contact {
  display: flex;
  justify-content: space-between;
  margin: 8px auto;
  width: 55%;
}

@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:100;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/thin/proximanova-thin-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:300;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/light/ProximaNova-Light-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:400;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/regular/ProximaNova-Reg-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:italic;font-weight:400;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/regular-italic/ProximaNova-RegIt-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:600;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/semi-bold/ProximaNova-Sbold-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:700;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/bold/ProximaNova-Bold-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Proxima-Nova;font-style:normal;font-weight:800;src:url(https://assets.static.subsplash.com/fonts/proxima-nova/extra-bold/ProximaNova-ExtraBold-webfont.woff2) format("woff2")}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.btn{--tw-bg-opacity:1;--tw-text-opacity:1;--waves-btn-height:34px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:9999px;border-width:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.04);color:rgba(34,34,34,var(--tw-text-opacity));cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;height:var(--waves-btn-height);justify-content:center;line-height:1;padding:0 24px;position:relative;text-align:center;transform:scale(1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.btn:before{--tw-border-opacity:0.06;border-color:rgba(0,0,0,var(--tw-border-opacity));border-radius:inherit;border-style:solid;border-width:1px;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}.btn:hover{background-color:#fafbfc;box-shadow:0 3px 10px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.04)}.btn:hover:before{--tw-border-opacity:0.08;border-color:rgba(0,0,0,var(--tw-border-opacity))}.btn:hover{transform:scale(1.02)}.btn:active{--tw-text-opacity:0.8;background-color:#f5f6f7;box-shadow:none;transform:scale(.98)}.btn:active:before{--tw-border-opacity:0.1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.btn:focus{outline:none}.btn:focus-visible{outline:none}.btn:focus-visible:before{border-color:#4f63ff;bottom:-2px;box-shadow:0 0 3px rgba(79,99,255,.5);left:-2px;right:-2px;top:-2px}.btn-md{--waves-btn-height:44px;padding:0 32px}.btn-circle{padding:0;width:var(--waves-btn-height)}.btn:disabled{--tw-bg-opacity:0.9;--tw-text-opacity:0.5;box-shadow:none;cursor:default;pointer-events:none}.btn:disabled:after{--tw-bg-opacity:1}.btn svg{height:1em;width:1em}.btn.btn-md.btn-circle svg{height:20px;width:20px}.btn waves-icon{--waves-icon-size:1em}.btn.btn-md.btn-circle waves-icon{--waves-icon-size:20px}.input{--waves-input-height:34px;-webkit-appearance:none;background-color:#f5f6f7;border:1px solid transparent;border-radius:4px;color:#222;display:block;font-family:Proxima-Nova,helvetica neue,helvetica,arial,sans-serif;font-size:16px;height:var(--waves-input-height);padding:6px 10px;transition-duration:125ms;transition-property:border,box-shadow;transition-timing-function:ease-in-out;width:100%}.input:active,.input:focus{border-color:var(--waves-theme-primary,#4f63ff);box-shadow:0 1px 3px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.04);outline:none}.input:disabled{-webkit-text-fill-color:#999b9e;color:#999b9e;pointer-events:none}.input::-moz-placeholder{color:#b8babf}.input::placeholder{color:#b8babf}.input[type=number]{-webkit-appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input::-webkit-datetime-edit{align-content:center;display:inline-flex;height:24px}.select{--tw-border-opacity:0.08;--waves-select-height:34px;--waves-select-min-width:80px;--waves-select-icon-size:14px;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="var(--waves-select-icon-size)" height="var(--waves-select-icon-size)" viewBox="0 0 20 20" style="fill: rgb(50, 50, 51)"><path fill-rule="evenodd" d="M8.5804396,5.17191816 L12.8280818,9.4195604 C13.2190665,9.81054508 13.2190665,10.4444565 12.8280818,10.8354412 L8.5804396,15.0830834 C8.18945492,15.4740681 7.55554352,15.4740681 7.16455885,15.0830834 C6.77357418,14.6920987 6.77357418,14.0581873 7.16455885,13.6672026 L10.7038331,10.1268593 L7.16455885,6.58779891 C6.77357418,6.19681424 6.77357418,5.56290283 7.16455885,5.17191816 C7.55554352,4.78093349 8.18945492,4.78093349 8.5804396,5.17191816 Z" transform="translate(9.9963, 10.1275) rotate(-270) translate(-9.9963, -10.1275)"/></svg>');background-position:right 18px center;background-repeat:no-repeat;background-size:var(--waves-select-icon-size) var(--waves-select-icon-size);border-color:rgba(0,0,0,var(--tw-border-opacity));border-radius:9999px;border-style:solid;border-width:1px;box-shadow:0 1px 3px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.04);cursor:pointer;display:inline-flex;font-family:Proxima-Nova,helvetica neue,helvetica,arial,sans-serif;font-size:14px;font-weight:600;height:var(--waves-select-height);justify-content:flex-start;min-width:var(--waves-select-min-width);outline:none;padding-left:18px;padding-right:48px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.select:not(:disabled):hover{--tw-border-opacity:0.1;background-color:#fafbfc;box-shadow:0 3px 10px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.04);transform:scale(1.02)}.select:disabled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="0.5" height="0.5" viewBox="0 0 20 20" style="fill: rgb(50, 50, 51)"><path fill-rule="evenodd" d="M8.5804396,5.17191816 L12.8280818,9.4195604 C13.2190665,9.81054508 13.2190665,10.4444565 12.8280818,10.8354412 L8.5804396,15.0830834 C8.18945492,15.4740681 7.55554352,15.4740681 7.16455885,15.0830834 C6.77357418,14.6920987 6.77357418,14.0581873 7.16455885,13.6672026 L10.7038331,10.1268593 L7.16455885,6.58779891 C6.77357418,6.19681424 6.77357418,5.56290283 7.16455885,5.17191816 C7.55554352,4.78093349 8.18945492,4.78093349 8.5804396,5.17191816 Z" transform="translate(9.9963, 10.1275) rotate(-270) translate(-9.9963, -10.1275)"/></svg>');color:rgba(50,50,51,.5);cursor:default;opacity:.7;pointer-events:none}.select:not(:is(:disabled),:has(option)):active{--tw-text-opacity:0.8;background-color:#f5f6f7;box-shadow:none;transform:scale(.98)}.select:focus,.select:focus-visible{border:1px solid #4f63ff;box-shadow:0 0 3px rgba(79,99,255,.5)}.select.rounded-sm{border-radius:4px}.table thead th.right{text-align:right}.table thead th.sort.right:not(:hover,:active):before,.table thead th.sort:not(:hover,:active):after{transition:transform 225ms ease-in-out,opacity 225ms ease-in-out}.table thead th.sort.right:hover:before,.table thead th.sort:hover:after{background-color:#f5f6f7;opacity:1}.table thead th.sort.right:active:before,.table thead th.sort:active:after{background-color:#edeef0;opacity:1}.table thead th.sort.right.sorted:before{opacity:1}.table thead th.sort.right:before{display:inline-block;margin-right:4px}.table thead th.sort.right:after{display:none}.table tbody td.right{text-align:right}.static{position:static}.absolute{position:absolute}.right-sm{right:8px}.top-1\/2{top:50%}.m-2xl{margin:36px}.my-4xl{margin-bottom:72px;margin-top:72px}.mb-lg{margin-bottom:18px}.mr-md{margin-right:12px}.mr-xl{margin-right:24px}.mt-lg{margin-top:18px}.mt-xl{margin-top:24px}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.text-brand-subsplash{--tw-text-opacity:1;color:rgb(79 99 255/var(--tw-text-opacity))}.text-n300{color:rgb(184 186 191/var(--tw-text-opacity))}.text-n300,.text-n600{--tw-text-opacity:1}.text-n600{color:rgb(82 82 84/var(--tw-text-opacity))}.text-n900{--tw-text-opacity:1;color:rgb(34 34 34/var(--tw-text-opacity))}