/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  font-size: 14px;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: #6E41BF;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #4d2d86;
    text-decoration: underline; }

a:not([href]), a:not([href]):hover {
  text-decoration: none; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre,
code,
kbd,
samp {
  font-family: lucida console, Consolas, Monaco, andale mono, ubuntu mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: 0; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

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

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

@-webkit-keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@-webkit-keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-alert {
  border: 1px solid;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 30px 10px 13px;
  position: relative;
  font-weight: 400;
  opacity: 1;
  font-size: 1rem;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .ty-alert + .ty-alert {
    margin-top: 14px; }
  .ty-alert__title {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 500; }
  .ty-alert__desc {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 16px; }
  .ty-alert__icon {
    line-height: 16px;
    margin-right: 7px;
    position: relative;
    top: 1px; }
  .ty-alert__close-btn {
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
    float: right;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .ty-alert_error {
    border-color: #ffa39e;
    background-color: #fff1f0;
    color: #f3382a; }
  .ty-alert_warning {
    border-color: #ffe58f;
    background-color: #fffbe6;
    color: #f29000; }
  .ty-alert_success {
    border-color: #b7eb8f;
    background-color: #f6ffed;
    color: #4db919; }
  .ty-alert_info {
    border-color: #91d5ff;
    background-color: #e6f7ff;
    color: #0b8aff; }

.ty-anchor {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  position: relative;
  background-color: #fff; }
  .ty-anchor__ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    .ty-anchor__ink:before {
      content: '';
      position: relative;
      display: block;
      width: 2px;
      height: 100%;
      margin: 0 auto;
      background-color: #f0f0f0; }
  .ty-anchor__ink-ball {
    position: absolute;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #6E41BF;
    border-radius: 8px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out; }
  .ty-anchor__link {
    padding: 7px 0 7px 16px; }
    .ty-anchor__link .ty-anchor {
      border: 0; }
    .ty-anchor__link_active > a {
      color: #6E41BF; }
  .ty-anchor__link-title {
    display: block;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.65);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-left: 2px solid transparent; }
    .ty-anchor__link-title:hover {
      color: #6E41BF;
      text-decoration: none; }
    .ty-anchor__link-title:not(:only-child) {
      margin-bottom: 5px; }

.ty-aspect-ratio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block; }
  .ty-aspect-ratio__padding {
    display: block;
    height: 0; }
  .ty-aspect-ratio__inside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.ty-avatar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 2px solid #fff; }
  .ty-avatar__img {
    width: 100%;
    height: 100%; }
  .ty-avatar__text {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
            transform-origin: 0 center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ty-avatar__presence {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0.1rem #fff;
            box-shadow: 0 0 0 0.1rem #fff;
    height: 0.4em;
    width: 0.4em; }
    .ty-avatar__presence_online {
      background-color: #52c41a; }
    .ty-avatar__presence_busy {
      background-color: #f44336; }
    .ty-avatar__presence_away {
      background-color: #ff9800; }
    .ty-avatar__presence_offline {
      background-color: #ced4da; }
  .ty-avatar_circle {
    border-radius: 50%; }
    .ty-avatar_circle .ty-avatar__img {
      border-radius: 50%; }
  .ty-avatar_square {
    border-radius: 2px; }
  .ty-avatar_clickable {
    cursor: pointer; }
  .ty-avatar-group .ty-avatar {
    z-index: 1; }
    .ty-avatar-group .ty-avatar:hover {
      z-index: 2; }

.ty-back-top {
  position: fixed;
  right: 40px;
  bottom: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: opacity 200ms linear 0s, visibility;
  transition: opacity 200ms linear 0s, visibility; }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1; }
  .ty-badge__count {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    z-index: 10;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    border-radius: 18px;
    -webkit-box-shadow: 0 0 0 1.5px #fff;
            box-shadow: 0 0 0 1.5px #fff;
    min-width: 18px;
    min-height: 18px;
    line-height: 18px;
    padding: 0 5px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    text-align: center; }
  .ty-badge__custom {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%); }
  .ty-badge__dot {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    z-index: 10;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    border-radius: 18px;
    -webkit-box-shadow: 0 0 0 1.5px #fff;
            box-shadow: 0 0 0 1.5px #fff;
    width: 6px;
    height: 6px;
    line-height: 6px; }
    .ty-badge__dot_wave:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: inherit;
      -webkit-animation: ty-processing 1.2s infinite ease-in-out;
              animation: ty-processing 1.2s infinite ease-in-out; }
  .ty-badge_no-wrap .ty-badge__count,
  .ty-badge_no-wrap .ty-badge__dot {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: relative; }

.ty-breadcrumb__ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1rem; }

.ty-breadcrumb-item__separator {
  margin: 0 8px; }

.ty-breadcrumb-item a {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all 300ms;
  transition: all 300ms; }
  .ty-breadcrumb-item a:hover {
    color: #6E41BF; }

.ty-breadcrumb-item:last-child {
  color: rgba(0, 0, 0, 0.75); }
  .ty-breadcrumb-item:last-child .ty-breadcrumb-item__separator {
    display: none; }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d0d0d5;
  outline: none;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 50px;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 2px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  line-height: 1.5; }
  .ty-btn + .ty-btn {
    margin-left: 10px; }
  .ty-btn__loader {
    display: inline-block;
    width: 1em;
    height: 1em;
    position: relative;
    border-width: 2px;
    border-color: currentcolor currentcolor transparent transparent;
    border-style: solid;
    border-radius: 50%;
    -webkit-animation: ty-rotate-reverse 600ms infinite linear;
            animation: ty-rotate-reverse 600ms infinite linear; }
  .ty-btn__icon-container, .ty-btn__loader {
    display: inline-block;
    pointer-events: none;
    line-height: 1.5;
    vertical-align: middle; }
    .ty-btn__icon-container + span, .ty-btn__loader + span {
      margin-left: .3em; }
  .ty-btn__children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ty-btn_default {
    color: #32325d;
    background: #fff;
    border-color: #ced4da; }
    .ty-btn_default:hover {
      color: #6E41BF;
      background: #fff;
      border-color: #6E41BF; }
    .ty-btn_default:focus {
      color: #6E41BF;
      background: #fff;
      border-color: #6E41BF; }
    .ty-btn_default:active {
      color: #6E41BF;
      background: #ececec;
      border-color: #6E41BF; }
    .ty-btn_default:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_primary {
    color: #fff;
    background: #6E41BF;
    border-color: #6E41BF; }
    .ty-btn_primary:hover {
      color: #fff;
      background: #845ec9;
      border-color: #8b67cc; }
    .ty-btn_primary:focus {
      color: #fff;
      background: #845ec9;
      border-color: #8b67cc; }
    .ty-btn_primary:active {
      color: #fff;
      background: #5d37a3;
      border-color: #583499; }
    .ty-btn_primary:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_outline {
    color: #6E41BF;
    background: #fff;
    border-color: #6E41BF; }
    .ty-btn_outline:hover {
      color: #6E41BF;
      background: #e2daf2;
      border-color: #8b67cc; }
    .ty-btn_outline:focus {
      color: #6E41BF;
      background: #e2daf2;
      border-color: #8b67cc; }
    .ty-btn_outline:active {
      color: #6E41BF;
      background: #c5b3e6;
      border-color: #583499; }
    .ty-btn_outline:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_ghost {
    color: #6E41BF;
    background: transparent;
    border-color: transparent; }
    .ty-btn_ghost:hover {
      color: #6E41BF;
      background: #e2daf2;
      border-color: transparent; }
    .ty-btn_ghost:focus {
      color: #6E41BF;
      background: #e2daf2;
      border-color: transparent; }
    .ty-btn_ghost:active {
      color: #6E41BF;
      background: #c5b3e6;
      border-color: transparent; }
    .ty-btn_ghost:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
    .ty-btn_ghost:disabled {
      border: 0; }
  .ty-btn_link {
    color: #6E41BF;
    background: transparent;
    border-color: transparent; }
    .ty-btn_link:hover {
      color: #6E41BF;
      background: rgba(19, 19, 19, 0);
      border-color: rgba(26, 26, 26, 0); }
    .ty-btn_link:focus {
      color: #6E41BF;
      background: rgba(19, 19, 19, 0);
      border-color: rgba(26, 26, 26, 0); }
    .ty-btn_link:active {
      color: #6E41BF;
      background: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0); }
    .ty-btn_link:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
    .ty-btn_link:hover {
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline; }
    .ty-btn_link:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: transparent;
      border-color: transparent;
      -webkit-text-decoration-line: none;
              text-decoration-line: none; }
  .ty-btn_info {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff; }
    .ty-btn_info:hover {
      color: #fff;
      background: #3ea2ff;
      border-color: #4ba9ff; }
    .ty-btn_info:focus {
      color: #fff;
      background: #3ea2ff;
      border-color: #4ba9ff; }
    .ty-btn_info:active {
      color: #fff;
      background: #007df1;
      border-color: #0076e4; }
    .ty-btn_info:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_success {
    color: #fff;
    background: #52c41a;
    border-color: #52c41a; }
    .ty-btn_success:hover {
      color: #fff;
      background: #62e223;
      border-color: #6ae32e; }
    .ty-btn_success:focus {
      color: #fff;
      background: #62e223;
      border-color: #6ae32e; }
    .ty-btn_success:active {
      color: #fff;
      background: #44a216;
      border-color: #3f9714; }
    .ty-btn_success:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_warning {
    color: #fff;
    background: #ff9800;
    border-color: #ff9800; }
    .ty-btn_warning:hover {
      color: #fff;
      background: #ffa726;
      border-color: #ffad33; }
    .ty-btn_warning:focus {
      color: #fff;
      background: #ffa726;
      border-color: #ffad33; }
    .ty-btn_warning:active {
      color: #fff;
      background: #d98100;
      border-color: #cc7a00; }
    .ty-btn_warning:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_danger {
    color: #fff;
    background: #f44336;
    border-color: #f44336; }
    .ty-btn_danger:hover {
      color: #fff;
      background: #f6655a;
      border-color: #f77066; }
    .ty-btn_danger:focus {
      color: #fff;
      background: #f6655a;
      border-color: #f77066; }
    .ty-btn_danger:active {
      color: #fff;
      background: #f22112;
      border-color: #ea1c0d; }
    .ty-btn_danger:disabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5;
      border-color: #d9d9d9; }
  .ty-btn_sm {
    padding: 0 10px;
    font-size: 0.875rem;
    height: 24px; }
  .ty-btn_md {
    padding: 0 15px;
    font-size: 1rem;
    height: 32px; }
  .ty-btn_lg {
    padding: 0 28px;
    font-size: 1.25rem;
    height: 42px; }
  .ty-btn_block {
    width: 100%; }
    .ty-btn_block + .ty-btn_block {
      margin: 0; }
  .ty-btn_round {
    border-radius: 42px; }
  .ty-btn_loading {
    position: relative;
    pointer-events: none; }
    .ty-btn_loading:before {
      content: '';
      position: absolute;
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
      z-index: 1;
      display: block;
      background: #fff;
      border-radius: inherit;
      opacity: 0.35;
      -webkit-transition: opacity .2s;
      transition: opacity .2s; }
  .ty-btn_disabled {
    cursor: not-allowed; }

.ty-btn-group {
  display: inline-block; }
  .ty-btn-group + .ty-btn-group {
    margin-left: 10px; }
  .ty-btn-group .ty-btn {
    position: relative;
    border-radius: 0;
    float: left; }
    .ty-btn-group .ty-btn + .ty-btn {
      margin-left: -1px; }
    .ty-btn-group .ty-btn:hover {
      z-index: 1; }
    .ty-btn-group .ty-btn:first-child {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
    .ty-btn-group .ty-btn:last-child {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
  .ty-btn-group_round .ty-btn:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; }
  .ty-btn-group_round .ty-btn:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px; }
  .ty-btn-group_primary .ty-btn:not(:first-child), .ty-btn-group_info .ty-btn:not(:first-child), .ty-btn-group_success .ty-btn:not(:first-child), .ty-btn-group_warning .ty-btn:not(:first-child), .ty-btn-group_danger .ty-btn:not(:first-child) {
    border-left-color: rgba(255, 255, 255, 0.2); }

.ty-card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff; }
  .ty-card + .ty-card {
    margin-top: 15px; }
  .ty-card > img:first-child {
    border-radius: 2px 2px 0 0; }
  .ty-card_bordered {
    border: 1px solid #e8e8e8; }
  .ty-card_hoverable {
    cursor: pointer; }
    .ty-card_hoverable:hover {
      -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
              box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
      border-color: rgba(0, 0, 0, 0.07); }
  .ty-card_active {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.07); }
  .ty-card__header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 13px 16px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 2px 2px 0 0; }
  .ty-card__body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px; }
  .ty-card__footer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 16px 16px; }

.ty-carousel {
  position: relative;
  overflow: hidden; }
  .ty-carousel__container {
    position: relative;
    list-style: none;
    padding: 0; }
  .ty-carousel-item {
    float: left; }
  .ty-carousel__arrow-group {
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-carousel__arrow-left, .ty-carousel__arrow-right {
    cursor: pointer; }
  .ty-carousel__dots-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-carousel__dot {
    width: 20px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 3px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: width 400ms;
    transition: width 400ms; }
    .ty-carousel__dot_active {
      width: 30px;
      background-color: #fff; }

.ty-checkbox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ty-checkbox:hover .ty-checkbox__inner {
    border-color: #6E41BF; }
  .ty-checkbox__native {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin: 0;
    padding: 0; }
  .ty-checkbox__inner {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-transition: 200ms;
    transition: 200ms;
    line-height: 1;
    vertical-align: middle; }
    .ty-checkbox__inner:before {
      content: '';
      position: absolute;
      display: block;
      border: 1px solid #fff;
      margin-top: -1px;
      left: 3px;
      right: 3px;
      top: 50%;
      -webkit-transition: all 200ms;
      transition: all 200ms;
      -webkit-transform: scale(0);
              transform: scale(0); }
    .ty-checkbox__inner:after {
      -webkit-transform: rotate(45deg) scaleY(1);
              transform: rotate(45deg) scaleY(1);
      pointer-events: none;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      border: 2px solid #fff;
      border-left: 0;
      border-top: 0;
      height: 7px;
      left: 4px;
      position: absolute;
      top: 1px;
      width: 4px;
      -webkit-transform-origin: center;
              transform-origin: center; }
    .ty-checkbox__inner + span {
      padding: 0 5px 0 8px;
      line-height: 16px; }
  .ty-checkbox_checked .ty-checkbox__inner {
    background-color: #6E41BF;
    border-color: #6E41BF; }
    .ty-checkbox_checked .ty-checkbox__inner:after {
      content: '';
      -webkit-transform: rotate(45deg) scale(1);
              transform: rotate(45deg) scale(1); }
    .ty-checkbox_checked .ty-checkbox__inner:before {
      -webkit-transform: scale(0);
              transform: scale(0); }
  .ty-checkbox_indeterminate .ty-checkbox__inner {
    background-color: #6E41BF;
    border-color: #6E41BF; }
    .ty-checkbox_indeterminate .ty-checkbox__inner:before {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-checkbox_indeterminate .ty-checkbox__inner:after {
      -webkit-transform: rotate(45deg) scale(0);
              transform: rotate(45deg) scale(0); }
  .ty-checkbox_disabled .ty-checkbox__native {
    cursor: not-allowed; }
  .ty-checkbox_disabled .ty-checkbox__inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9 !important; }
    .ty-checkbox_disabled .ty-checkbox__inner:after {
      border-color: rgba(0, 0, 0, 0.25); }
    .ty-checkbox_disabled .ty-checkbox__inner + span {
      color: rgba(0, 0, 0, 0.25); }
  .ty-checkbox-group {
    display: inline-block; }

.ty-collapse {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  color: #32325d;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  background-color: #fafafa;
  overflow: hidden; }
  .ty-collapse-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #d9d9d9; }
    .ty-collapse-item:last-child {
      border-radius: 0 0 2px 2px; }
      .ty-collapse-item:last-child .ty-collapse-item__content {
        border-radius: 0 0 2px 2px; }
    .ty-collapse-item__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      padding: 12px 16px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 22px;
      cursor: pointer;
      -webkit-transition: all 300ms;
      transition: all 300ms; }
      .ty-collapse-item__header:hover {
        background-color: #efefef; }
      .ty-collapse-item__header_disabled {
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed; }
    .ty-collapse-item__arrow {
      margin-right: 10px;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      text-align: center;
      color: currentColor;
      -webkit-transition: all 300ms;
      transition: all 300ms; }
      .ty-collapse-item__arrow_active {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
    .ty-collapse-item__title {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .ty-collapse-item__extra {
      color: inherit;
      font-size: 11px;
      margin-left: 15px; }
    .ty-collapse-item__content {
      overflow: hidden;
      color: rgba(0, 0, 0, 0.65);
      background-color: #fff;
      border-top: 1px solid #d9d9d9;
      padding: 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transition: height 300ms;
      transition: height 300ms; }
  .ty-collapse_borderless {
    border: 0;
    background-color: #fff; }
  .ty-collapse_borderless > .ty-collapse-item:last-child {
    border-radius: 0; }
  .ty-collapse_borderless > .ty-collapse-item > .ty-collapse-item__content {
    border-radius: 0;
    border-top: 0;
    padding-top: 4px; }

.ty-collapse-transition {
  overflow: hidden;
  -webkit-transition: 250ms height, 250ms padding-top, 250ms padding-bottom;
  transition: 250ms height, 250ms padding-top, 250ms padding-bottom; }

.ty-date-picker {
  display: inline-block;
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem; }

.ty-date-picker-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee; }
  .ty-date-picker-header__caption {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ty-date-picker-header__month, .ty-date-picker-header__year {
    margin: 0 3px;
    font-weight: 500; }
  .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month {
    margin: 0 6px; }
  .ty-date-picker-header__prev-year, .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month, .ty-date-picker-header__next-year {
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px; }
  .ty-date-picker-header__prev-year, .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month, .ty-date-picker-header__next-year, .ty-date-picker-header__month, .ty-date-picker-header__year {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer; }
    .ty-date-picker-header__prev-year:hover, .ty-date-picker-header__prev-month:hover, .ty-date-picker-header__next-month:hover, .ty-date-picker-header__next-year:hover, .ty-date-picker-header__month:hover, .ty-date-picker-header__year:hover {
      color: #6E41BF; }

.ty-date-picker-day {
  padding: 15px 10px; }
  .ty-date-picker-day__table {
    width: 100%; }
  .ty-date-picker-day__head-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 400; }
  .ty-date-picker-day__data-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center; }
  .ty-date-picker-day__day-cell, .ty-date-picker-day__week-cell {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin: 0 auto;
    line-height: 22px;
    width: 24px;
    height: 24px; }
  .ty-date-picker-day__week-cell {
    color: rgba(0, 0, 0, 0.65); }
  .ty-date-picker-day__day-cell {
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    border-radius: 100%;
    border: 1px solid transparent; }
    .ty-date-picker-day__day-cell_active {
      color: rgba(0, 0, 0, 0.8); }
    .ty-date-picker-day__day-cell_today {
      border-color: #6E41BF;
      color: #6E41BF;
      font-weight: 500; }
    .ty-date-picker-day__day-cell_selected {
      background-color: #6E41BF;
      color: #fff; }

.ty-descriptions__body {
  width: 100%;
  overflow: hidden; }
  .ty-descriptions__body > table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    background-color: #fff; }

.ty-descriptions__title {
  text-align: left;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px; }

.ty-descriptions__item_colon:after {
  content: ':';
  margin-left: 2px;
  margin-right: 5px; }

.ty-descriptions__item-label {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

.ty-descriptions__item-content {
  color: rgba(0, 0, 0, 0.65);
  font-size: 1rem;
  line-height: 1.5; }

.ty-descriptions_bordered .ty-descriptions__body {
  border: 1px solid #dfe2e5;
  border-radius: 2px; }

.ty-descriptions_bordered .ty-descriptions__row {
  border-bottom: 1px solid #dfe2e5; }
  .ty-descriptions_bordered .ty-descriptions__row:last-child {
    border-bottom: 0; }

.ty-descriptions_bordered .ty-descriptions__item-label {
  background-color: #fafafa; }

.ty-descriptions_bordered .ty-descriptions__item-label, .ty-descriptions_bordered .ty-descriptions__item-content {
  border-right: 1px solid #dfe2e5; }
  .ty-descriptions_bordered .ty-descriptions__item-label:last-child, .ty-descriptions_bordered .ty-descriptions__item-content:last-child {
    border-right: 0; }

.ty-descriptions_sm .ty-descriptions__item {
  padding-bottom: 8px; }

.ty-descriptions_sm.ty-descriptions_bordered .ty-descriptions__item-label, .ty-descriptions_sm.ty-descriptions_bordered .ty-descriptions__item-content {
  padding: 8px 16px; }

.ty-descriptions_md .ty-descriptions__item {
  padding-bottom: 12px; }

.ty-descriptions_md.ty-descriptions_bordered .ty-descriptions__item-label, .ty-descriptions_md.ty-descriptions_bordered .ty-descriptions__item-content {
  padding: 12px 24px; }

.ty-descriptions_lg .ty-descriptions__item {
  padding-bottom: 16px; }

.ty-descriptions_lg.ty-descriptions_bordered .ty-descriptions__item-label, .ty-descriptions_lg.ty-descriptions_bordered .ty-descriptions__item-content {
  padding: 16px 24px; }

.ty-divider {
  font-size: 16px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  list-style: none; }
  .ty-divider_vertical {
    margin: 0 8px;
    display: inline-block;
    height: 0.9em;
    width: 1px;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
    background: #e4e4e4; }
    .ty-divider_vertical-dashed {
      background: none;
      border-left: 1px dashed #e4e4e4; }
  .ty-divider_horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 16px 0;
    background: #e4e4e4; }
    .ty-divider_horizontal-dashed:not(.ty-divider_text) {
      background: none;
      border-top: 1px dashed #e4e4e4; }
  .ty-divider_text {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-weight: 500;
    color: #333; }
    .ty-divider_text:before, .ty-divider_text:after {
      content: '';
      display: table-cell;
      position: relative;
      top: 50%;
      width: 50%;
      border-top: 1px solid #e4e4e4;
      -webkit-transform: translateY(50%);
              transform: translateY(50%); }
  .ty-divider_left:before, .ty-divider_right:after {
    width: 5%; }
  .ty-divider_left:after, .ty-divider_right:before {
    width: 95%; }
  .ty-divider_inner-text {
    display: inline-block;
    padding: 0 10px; }
  .ty-divider_dashed:before, .ty-divider_dashed:after {
    border-top-style: dashed; }

.ty-drawer {
  position: fixed; }
  .ty-drawer__content {
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ty-drawer__header, .ty-drawer__body, .ty-drawer__footer {
    padding: 16px 24px; }
  .ty-drawer__header {
    border-bottom: 1px solid #e8e8e8; }
  .ty-drawer__body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .ty-drawer__footer {
    border-top: 1px solid #e8e8e8; }
  .ty-drawer__close-btn {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.45);
    width: 56px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center; }
  .ty-drawer_left, .ty-drawer_right {
    bottom: 0;
    top: 0; }
  .ty-drawer_top, .ty-drawer_bottom {
    left: 0;
    right: 0; }
  .ty-drawer_top {
    top: 0; }
    .ty-drawer_top .ty-drawer__content_move-enter {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
    .ty-drawer_top .ty-drawer__content_move-enter-done {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-drawer_top .ty-drawer__content_move-exit {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-drawer_top .ty-drawer__content_move-exit-done {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
  .ty-drawer_bottom {
    bottom: 0; }
    .ty-drawer_bottom .ty-drawer__content_move-enter {
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
    .ty-drawer_bottom .ty-drawer__content_move-enter-done {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-drawer_bottom .ty-drawer__content_move-exit {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-drawer_bottom .ty-drawer__content_move-exit-done {
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
  .ty-drawer_right {
    right: 0; }
    .ty-drawer_right .ty-drawer__content_move-enter {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
    .ty-drawer_right .ty-drawer__content_move-enter-done {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .ty-drawer_right .ty-drawer__content_move-exit {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .ty-drawer_right .ty-drawer__content_move-exit-done {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
  .ty-drawer_left {
    left: 0; }
    .ty-drawer_left .ty-drawer__content_move-enter {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
    .ty-drawer_left .ty-drawer__content_move-enter-done {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .ty-drawer_left .ty-drawer__content_move-exit {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .ty-drawer_left .ty-drawer__content_move-exit-done {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }

.ty-dropdown .ty-menu, .ty-dropdown .ty-menu-sub__list {
  padding: 4px 0; }
  .ty-dropdown .ty-menu .ty-menu-item_active, .ty-dropdown .ty-menu-sub__list .ty-menu-item_active {
    background-color: transparent;
    color: #32325d; }
  .ty-dropdown .ty-menu .ty-menu-item, .ty-dropdown .ty-menu-sub__list .ty-menu-item {
    padding: 8px 15px;
    margin: 0; }
    .ty-dropdown .ty-menu .ty-menu-item:hover:not(.ty-menu-item_disabled), .ty-dropdown .ty-menu-sub__list .ty-menu-item:hover:not(.ty-menu-item_disabled) {
      background-color: #f5f5f5;
      color: #32325d; }

.ty-dropdown .ty-menu-item-group__title {
  padding: 8px 10px; }
  .ty-dropdown .ty-menu-item-group__title:first-child {
    margin-top: 0; }

.ty-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .ty-empty__image-container {
    margin-bottom: 8px; }
  .ty-empty__image {
    max-width: 120px; }
  .ty-empty__desc {
    color: rgba(0, 0, 0, 0.35);
    font-size: 1rem;
    margin: 0; }
  .ty-empty__footer {
    margin-top: 16px; }

.ty-flip {
  display: inline-block;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-perspective: 1000px;
          perspective: 1000px; }
  .ty-flip:hover .ty-flip__inner_hor {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }
  .ty-flip:hover .ty-flip__inner_hor_reverse {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .ty-flip:hover .ty-flip__inner_ver {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg); }
  .ty-flip:hover .ty-flip__inner_ver_reverse {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
  .ty-flip__inner {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .ty-flip__item-front, .ty-flip__item-back {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .ty-flip__item-back_hor {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }
  .ty-flip__item-back_hor_reverse {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .ty-flip__item-back_ver {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg); }
  .ty-flip__item-back_ver_reverse {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }

.ty-form_vertical .ty-form-item__label {
  text-align: left; }

.ty-form_inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.ty-form-item {
  margin-bottom: 22px;
  vertical-align: top; }
  .ty-form-item__label {
    line-height: 30px;
    text-align: right;
    vertical-align: top;
    color: rgba(0, 0, 0, 0.85);
    font-size: 1rem; }
    .ty-form-item__label_required:before {
      content: '*';
      margin-right: 3px;
      color: #ff4d4f; }
    .ty-form-item__label_colon:after {
      content: ':';
      margin: 0 8px 0 2px; }
  .ty-form-item__input {
    position: relative;
    min-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-form-item__input-content {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: 100%; }
  .ty-form-item__error {
    min-height: 22px;
    line-height: 22px;
    font-size: 13px;
    color: #ff4d4f; }
  .ty-form-item__helper {
    min-height: 22px;
    line-height: 22px;
    font-size: 13px;
    color: #999; }
  .ty-form-item__notice {
    font-size: 13px;
    border-radius: 2px;
    background: #fff7cc;
    color: #555;
    padding: 5px;
    margin-top: 5px; }
  .ty-form-item_with-err-label {
    margin-bottom: 0; }
  .ty-form-item_has-error .ty-input__input, .ty-form-item_has-error .ty-input-number__input, .ty-form-item_has-error .ty-textarea {
    border-color: #ff4d4f; }
    .ty-form-item_has-error .ty-input__input:not([disabled]):hover, .ty-form-item_has-error .ty-input-number__input:not([disabled]):hover, .ty-form-item_has-error .ty-textarea:not([disabled]):hover {
      border-color: #ff4d4f; }
    .ty-form-item_has-error .ty-input__input:focus, .ty-form-item_has-error .ty-input-number__input:focus, .ty-form-item_has-error .ty-textarea:focus {
      border-color: #ff7875;
      -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
              box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); }

.ty-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .ty-row_justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .ty-row_justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ty-row_justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .ty-row_justify-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .ty-row_justify-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .ty-row_justify-space-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .ty-row_align-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .ty-row_align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-row_align-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .ty-row_align-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }

.ty-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block; }
  .ty-col-1 {
    width: 4.16667%; }
  .ty-col-offset-1 {
    margin-left: 4.16667%; }
  .ty-col-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .ty-col-2 {
    width: 8.33333%; }
  .ty-col-offset-2 {
    margin-left: 8.33333%; }
  .ty-col-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .ty-col-3 {
    width: 12.5%; }
  .ty-col-offset-3 {
    margin-left: 12.5%; }
  .ty-col-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .ty-col-4 {
    width: 16.66667%; }
  .ty-col-offset-4 {
    margin-left: 16.66667%; }
  .ty-col-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .ty-col-5 {
    width: 20.83333%; }
  .ty-col-offset-5 {
    margin-left: 20.83333%; }
  .ty-col-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .ty-col-6 {
    width: 25%; }
  .ty-col-offset-6 {
    margin-left: 25%; }
  .ty-col-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .ty-col-7 {
    width: 29.16667%; }
  .ty-col-offset-7 {
    margin-left: 29.16667%; }
  .ty-col-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .ty-col-8 {
    width: 33.33333%; }
  .ty-col-offset-8 {
    margin-left: 33.33333%; }
  .ty-col-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .ty-col-9 {
    width: 37.5%; }
  .ty-col-offset-9 {
    margin-left: 37.5%; }
  .ty-col-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .ty-col-10 {
    width: 41.66667%; }
  .ty-col-offset-10 {
    margin-left: 41.66667%; }
  .ty-col-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .ty-col-11 {
    width: 45.83333%; }
  .ty-col-offset-11 {
    margin-left: 45.83333%; }
  .ty-col-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .ty-col-12 {
    width: 50%; }
  .ty-col-offset-12 {
    margin-left: 50%; }
  .ty-col-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .ty-col-13 {
    width: 54.16667%; }
  .ty-col-offset-13 {
    margin-left: 54.16667%; }
  .ty-col-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .ty-col-14 {
    width: 58.33333%; }
  .ty-col-offset-14 {
    margin-left: 58.33333%; }
  .ty-col-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14; }
  .ty-col-15 {
    width: 62.5%; }
  .ty-col-offset-15 {
    margin-left: 62.5%; }
  .ty-col-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15; }
  .ty-col-16 {
    width: 66.66667%; }
  .ty-col-offset-16 {
    margin-left: 66.66667%; }
  .ty-col-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16; }
  .ty-col-17 {
    width: 70.83333%; }
  .ty-col-offset-17 {
    margin-left: 70.83333%; }
  .ty-col-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17; }
  .ty-col-18 {
    width: 75%; }
  .ty-col-offset-18 {
    margin-left: 75%; }
  .ty-col-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18; }
  .ty-col-19 {
    width: 79.16667%; }
  .ty-col-offset-19 {
    margin-left: 79.16667%; }
  .ty-col-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19; }
  .ty-col-20 {
    width: 83.33333%; }
  .ty-col-offset-20 {
    margin-left: 83.33333%; }
  .ty-col-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20; }
  .ty-col-21 {
    width: 87.5%; }
  .ty-col-offset-21 {
    margin-left: 87.5%; }
  .ty-col-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21; }
  .ty-col-22 {
    width: 91.66667%; }
  .ty-col-offset-22 {
    margin-left: 91.66667%; }
  .ty-col-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22; }
  .ty-col-23 {
    width: 95.83333%; }
  .ty-col-offset-23 {
    margin-left: 95.83333%; }
  .ty-col-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23; }
  .ty-col-24 {
    width: 100%; }
  .ty-col-offset-24 {
    margin-left: 100%; }
  .ty-col-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24; }
  @media screen and (max-width: 600px) {
    .ty-col-sm-1 {
      width: 4.16667%; }
    .ty-col-sm-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-sm-order-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ty-col-sm-2 {
      width: 8.33333%; }
    .ty-col-sm-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-sm-order-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ty-col-sm-3 {
      width: 12.5%; }
    .ty-col-sm-offset-3 {
      margin-left: 12.5%; }
    .ty-col-sm-order-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ty-col-sm-4 {
      width: 16.66667%; }
    .ty-col-sm-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-sm-order-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ty-col-sm-5 {
      width: 20.83333%; }
    .ty-col-sm-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-sm-order-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .ty-col-sm-6 {
      width: 25%; }
    .ty-col-sm-offset-6 {
      margin-left: 25%; }
    .ty-col-sm-order-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; }
    .ty-col-sm-7 {
      width: 29.16667%; }
    .ty-col-sm-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-sm-order-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    .ty-col-sm-8 {
      width: 33.33333%; }
    .ty-col-sm-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-sm-order-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    .ty-col-sm-9 {
      width: 37.5%; }
    .ty-col-sm-offset-9 {
      margin-left: 37.5%; }
    .ty-col-sm-order-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
    .ty-col-sm-10 {
      width: 41.66667%; }
    .ty-col-sm-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-sm-order-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10; }
    .ty-col-sm-11 {
      width: 45.83333%; }
    .ty-col-sm-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-sm-order-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11; }
    .ty-col-sm-12 {
      width: 50%; }
    .ty-col-sm-offset-12 {
      margin-left: 50%; }
    .ty-col-sm-order-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12; }
    .ty-col-sm-13 {
      width: 54.16667%; }
    .ty-col-sm-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-sm-order-13 {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13; }
    .ty-col-sm-14 {
      width: 58.33333%; }
    .ty-col-sm-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-sm-order-14 {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14; }
    .ty-col-sm-15 {
      width: 62.5%; }
    .ty-col-sm-offset-15 {
      margin-left: 62.5%; }
    .ty-col-sm-order-15 {
      -webkit-box-ordinal-group: 16;
          -ms-flex-order: 15;
              order: 15; }
    .ty-col-sm-16 {
      width: 66.66667%; }
    .ty-col-sm-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-sm-order-16 {
      -webkit-box-ordinal-group: 17;
          -ms-flex-order: 16;
              order: 16; }
    .ty-col-sm-17 {
      width: 70.83333%; }
    .ty-col-sm-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-sm-order-17 {
      -webkit-box-ordinal-group: 18;
          -ms-flex-order: 17;
              order: 17; }
    .ty-col-sm-18 {
      width: 75%; }
    .ty-col-sm-offset-18 {
      margin-left: 75%; }
    .ty-col-sm-order-18 {
      -webkit-box-ordinal-group: 19;
          -ms-flex-order: 18;
              order: 18; }
    .ty-col-sm-19 {
      width: 79.16667%; }
    .ty-col-sm-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-sm-order-19 {
      -webkit-box-ordinal-group: 20;
          -ms-flex-order: 19;
              order: 19; }
    .ty-col-sm-20 {
      width: 83.33333%; }
    .ty-col-sm-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-sm-order-20 {
      -webkit-box-ordinal-group: 21;
          -ms-flex-order: 20;
              order: 20; }
    .ty-col-sm-21 {
      width: 87.5%; }
    .ty-col-sm-offset-21 {
      margin-left: 87.5%; }
    .ty-col-sm-order-21 {
      -webkit-box-ordinal-group: 22;
          -ms-flex-order: 21;
              order: 21; }
    .ty-col-sm-22 {
      width: 91.66667%; }
    .ty-col-sm-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-sm-order-22 {
      -webkit-box-ordinal-group: 23;
          -ms-flex-order: 22;
              order: 22; }
    .ty-col-sm-23 {
      width: 95.83333%; }
    .ty-col-sm-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-sm-order-23 {
      -webkit-box-ordinal-group: 24;
          -ms-flex-order: 23;
              order: 23; }
    .ty-col-sm-24 {
      width: 100%; }
    .ty-col-sm-offset-24 {
      margin-left: 100%; }
    .ty-col-sm-order-24 {
      -webkit-box-ordinal-group: 25;
          -ms-flex-order: 24;
              order: 24; } }
  @media screen and (max-width: 600px) {
    .ty-col-sm-1 {
      width: 4.16667%; }
    .ty-col-sm-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-sm-order-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ty-col-sm-2 {
      width: 8.33333%; }
    .ty-col-sm-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-sm-order-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ty-col-sm-3 {
      width: 12.5%; }
    .ty-col-sm-offset-3 {
      margin-left: 12.5%; }
    .ty-col-sm-order-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ty-col-sm-4 {
      width: 16.66667%; }
    .ty-col-sm-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-sm-order-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ty-col-sm-5 {
      width: 20.83333%; }
    .ty-col-sm-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-sm-order-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .ty-col-sm-6 {
      width: 25%; }
    .ty-col-sm-offset-6 {
      margin-left: 25%; }
    .ty-col-sm-order-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; }
    .ty-col-sm-7 {
      width: 29.16667%; }
    .ty-col-sm-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-sm-order-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    .ty-col-sm-8 {
      width: 33.33333%; }
    .ty-col-sm-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-sm-order-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    .ty-col-sm-9 {
      width: 37.5%; }
    .ty-col-sm-offset-9 {
      margin-left: 37.5%; }
    .ty-col-sm-order-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
    .ty-col-sm-10 {
      width: 41.66667%; }
    .ty-col-sm-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-sm-order-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10; }
    .ty-col-sm-11 {
      width: 45.83333%; }
    .ty-col-sm-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-sm-order-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11; }
    .ty-col-sm-12 {
      width: 50%; }
    .ty-col-sm-offset-12 {
      margin-left: 50%; }
    .ty-col-sm-order-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12; }
    .ty-col-sm-13 {
      width: 54.16667%; }
    .ty-col-sm-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-sm-order-13 {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13; }
    .ty-col-sm-14 {
      width: 58.33333%; }
    .ty-col-sm-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-sm-order-14 {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14; }
    .ty-col-sm-15 {
      width: 62.5%; }
    .ty-col-sm-offset-15 {
      margin-left: 62.5%; }
    .ty-col-sm-order-15 {
      -webkit-box-ordinal-group: 16;
          -ms-flex-order: 15;
              order: 15; }
    .ty-col-sm-16 {
      width: 66.66667%; }
    .ty-col-sm-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-sm-order-16 {
      -webkit-box-ordinal-group: 17;
          -ms-flex-order: 16;
              order: 16; }
    .ty-col-sm-17 {
      width: 70.83333%; }
    .ty-col-sm-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-sm-order-17 {
      -webkit-box-ordinal-group: 18;
          -ms-flex-order: 17;
              order: 17; }
    .ty-col-sm-18 {
      width: 75%; }
    .ty-col-sm-offset-18 {
      margin-left: 75%; }
    .ty-col-sm-order-18 {
      -webkit-box-ordinal-group: 19;
          -ms-flex-order: 18;
              order: 18; }
    .ty-col-sm-19 {
      width: 79.16667%; }
    .ty-col-sm-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-sm-order-19 {
      -webkit-box-ordinal-group: 20;
          -ms-flex-order: 19;
              order: 19; }
    .ty-col-sm-20 {
      width: 83.33333%; }
    .ty-col-sm-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-sm-order-20 {
      -webkit-box-ordinal-group: 21;
          -ms-flex-order: 20;
              order: 20; }
    .ty-col-sm-21 {
      width: 87.5%; }
    .ty-col-sm-offset-21 {
      margin-left: 87.5%; }
    .ty-col-sm-order-21 {
      -webkit-box-ordinal-group: 22;
          -ms-flex-order: 21;
              order: 21; }
    .ty-col-sm-22 {
      width: 91.66667%; }
    .ty-col-sm-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-sm-order-22 {
      -webkit-box-ordinal-group: 23;
          -ms-flex-order: 22;
              order: 22; }
    .ty-col-sm-23 {
      width: 95.83333%; }
    .ty-col-sm-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-sm-order-23 {
      -webkit-box-ordinal-group: 24;
          -ms-flex-order: 23;
              order: 23; }
    .ty-col-sm-24 {
      width: 100%; }
    .ty-col-sm-offset-24 {
      margin-left: 100%; }
    .ty-col-sm-order-24 {
      -webkit-box-ordinal-group: 25;
          -ms-flex-order: 24;
              order: 24; } }
  @media screen and (max-width: 840px) {
    .ty-col-md-1 {
      width: 4.16667%; }
    .ty-col-md-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-md-order-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ty-col-md-2 {
      width: 8.33333%; }
    .ty-col-md-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-md-order-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ty-col-md-3 {
      width: 12.5%; }
    .ty-col-md-offset-3 {
      margin-left: 12.5%; }
    .ty-col-md-order-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ty-col-md-4 {
      width: 16.66667%; }
    .ty-col-md-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-md-order-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ty-col-md-5 {
      width: 20.83333%; }
    .ty-col-md-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-md-order-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .ty-col-md-6 {
      width: 25%; }
    .ty-col-md-offset-6 {
      margin-left: 25%; }
    .ty-col-md-order-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; }
    .ty-col-md-7 {
      width: 29.16667%; }
    .ty-col-md-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-md-order-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    .ty-col-md-8 {
      width: 33.33333%; }
    .ty-col-md-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-md-order-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    .ty-col-md-9 {
      width: 37.5%; }
    .ty-col-md-offset-9 {
      margin-left: 37.5%; }
    .ty-col-md-order-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
    .ty-col-md-10 {
      width: 41.66667%; }
    .ty-col-md-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-md-order-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10; }
    .ty-col-md-11 {
      width: 45.83333%; }
    .ty-col-md-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-md-order-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11; }
    .ty-col-md-12 {
      width: 50%; }
    .ty-col-md-offset-12 {
      margin-left: 50%; }
    .ty-col-md-order-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12; }
    .ty-col-md-13 {
      width: 54.16667%; }
    .ty-col-md-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-md-order-13 {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13; }
    .ty-col-md-14 {
      width: 58.33333%; }
    .ty-col-md-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-md-order-14 {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14; }
    .ty-col-md-15 {
      width: 62.5%; }
    .ty-col-md-offset-15 {
      margin-left: 62.5%; }
    .ty-col-md-order-15 {
      -webkit-box-ordinal-group: 16;
          -ms-flex-order: 15;
              order: 15; }
    .ty-col-md-16 {
      width: 66.66667%; }
    .ty-col-md-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-md-order-16 {
      -webkit-box-ordinal-group: 17;
          -ms-flex-order: 16;
              order: 16; }
    .ty-col-md-17 {
      width: 70.83333%; }
    .ty-col-md-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-md-order-17 {
      -webkit-box-ordinal-group: 18;
          -ms-flex-order: 17;
              order: 17; }
    .ty-col-md-18 {
      width: 75%; }
    .ty-col-md-offset-18 {
      margin-left: 75%; }
    .ty-col-md-order-18 {
      -webkit-box-ordinal-group: 19;
          -ms-flex-order: 18;
              order: 18; }
    .ty-col-md-19 {
      width: 79.16667%; }
    .ty-col-md-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-md-order-19 {
      -webkit-box-ordinal-group: 20;
          -ms-flex-order: 19;
              order: 19; }
    .ty-col-md-20 {
      width: 83.33333%; }
    .ty-col-md-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-md-order-20 {
      -webkit-box-ordinal-group: 21;
          -ms-flex-order: 20;
              order: 20; }
    .ty-col-md-21 {
      width: 87.5%; }
    .ty-col-md-offset-21 {
      margin-left: 87.5%; }
    .ty-col-md-order-21 {
      -webkit-box-ordinal-group: 22;
          -ms-flex-order: 21;
              order: 21; }
    .ty-col-md-22 {
      width: 91.66667%; }
    .ty-col-md-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-md-order-22 {
      -webkit-box-ordinal-group: 23;
          -ms-flex-order: 22;
              order: 22; }
    .ty-col-md-23 {
      width: 95.83333%; }
    .ty-col-md-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-md-order-23 {
      -webkit-box-ordinal-group: 24;
          -ms-flex-order: 23;
              order: 23; }
    .ty-col-md-24 {
      width: 100%; }
    .ty-col-md-offset-24 {
      margin-left: 100%; }
    .ty-col-md-order-24 {
      -webkit-box-ordinal-group: 25;
          -ms-flex-order: 24;
              order: 24; } }
  @media screen and (max-width: 960px) {
    .ty-col-lg-1 {
      width: 4.16667%; }
    .ty-col-lg-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-lg-order-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ty-col-lg-2 {
      width: 8.33333%; }
    .ty-col-lg-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-lg-order-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ty-col-lg-3 {
      width: 12.5%; }
    .ty-col-lg-offset-3 {
      margin-left: 12.5%; }
    .ty-col-lg-order-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ty-col-lg-4 {
      width: 16.66667%; }
    .ty-col-lg-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-lg-order-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ty-col-lg-5 {
      width: 20.83333%; }
    .ty-col-lg-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-lg-order-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .ty-col-lg-6 {
      width: 25%; }
    .ty-col-lg-offset-6 {
      margin-left: 25%; }
    .ty-col-lg-order-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; }
    .ty-col-lg-7 {
      width: 29.16667%; }
    .ty-col-lg-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-lg-order-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    .ty-col-lg-8 {
      width: 33.33333%; }
    .ty-col-lg-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-lg-order-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    .ty-col-lg-9 {
      width: 37.5%; }
    .ty-col-lg-offset-9 {
      margin-left: 37.5%; }
    .ty-col-lg-order-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
    .ty-col-lg-10 {
      width: 41.66667%; }
    .ty-col-lg-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-lg-order-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10; }
    .ty-col-lg-11 {
      width: 45.83333%; }
    .ty-col-lg-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-lg-order-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11; }
    .ty-col-lg-12 {
      width: 50%; }
    .ty-col-lg-offset-12 {
      margin-left: 50%; }
    .ty-col-lg-order-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12; }
    .ty-col-lg-13 {
      width: 54.16667%; }
    .ty-col-lg-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-lg-order-13 {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13; }
    .ty-col-lg-14 {
      width: 58.33333%; }
    .ty-col-lg-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-lg-order-14 {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14; }
    .ty-col-lg-15 {
      width: 62.5%; }
    .ty-col-lg-offset-15 {
      margin-left: 62.5%; }
    .ty-col-lg-order-15 {
      -webkit-box-ordinal-group: 16;
          -ms-flex-order: 15;
              order: 15; }
    .ty-col-lg-16 {
      width: 66.66667%; }
    .ty-col-lg-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-lg-order-16 {
      -webkit-box-ordinal-group: 17;
          -ms-flex-order: 16;
              order: 16; }
    .ty-col-lg-17 {
      width: 70.83333%; }
    .ty-col-lg-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-lg-order-17 {
      -webkit-box-ordinal-group: 18;
          -ms-flex-order: 17;
              order: 17; }
    .ty-col-lg-18 {
      width: 75%; }
    .ty-col-lg-offset-18 {
      margin-left: 75%; }
    .ty-col-lg-order-18 {
      -webkit-box-ordinal-group: 19;
          -ms-flex-order: 18;
              order: 18; }
    .ty-col-lg-19 {
      width: 79.16667%; }
    .ty-col-lg-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-lg-order-19 {
      -webkit-box-ordinal-group: 20;
          -ms-flex-order: 19;
              order: 19; }
    .ty-col-lg-20 {
      width: 83.33333%; }
    .ty-col-lg-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-lg-order-20 {
      -webkit-box-ordinal-group: 21;
          -ms-flex-order: 20;
              order: 20; }
    .ty-col-lg-21 {
      width: 87.5%; }
    .ty-col-lg-offset-21 {
      margin-left: 87.5%; }
    .ty-col-lg-order-21 {
      -webkit-box-ordinal-group: 22;
          -ms-flex-order: 21;
              order: 21; }
    .ty-col-lg-22 {
      width: 91.66667%; }
    .ty-col-lg-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-lg-order-22 {
      -webkit-box-ordinal-group: 23;
          -ms-flex-order: 22;
              order: 22; }
    .ty-col-lg-23 {
      width: 95.83333%; }
    .ty-col-lg-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-lg-order-23 {
      -webkit-box-ordinal-group: 24;
          -ms-flex-order: 23;
              order: 23; }
    .ty-col-lg-24 {
      width: 100%; }
    .ty-col-lg-offset-24 {
      margin-left: 100%; }
    .ty-col-lg-order-24 {
      -webkit-box-ordinal-group: 25;
          -ms-flex-order: 24;
              order: 24; } }
  @media screen and (max-width: 1280px) {
    .ty-col-xl-1 {
      width: 4.16667%; }
    .ty-col-xl-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-xl-order-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ty-col-xl-2 {
      width: 8.33333%; }
    .ty-col-xl-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-xl-order-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ty-col-xl-3 {
      width: 12.5%; }
    .ty-col-xl-offset-3 {
      margin-left: 12.5%; }
    .ty-col-xl-order-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ty-col-xl-4 {
      width: 16.66667%; }
    .ty-col-xl-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-xl-order-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ty-col-xl-5 {
      width: 20.83333%; }
    .ty-col-xl-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-xl-order-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .ty-col-xl-6 {
      width: 25%; }
    .ty-col-xl-offset-6 {
      margin-left: 25%; }
    .ty-col-xl-order-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; }
    .ty-col-xl-7 {
      width: 29.16667%; }
    .ty-col-xl-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-xl-order-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    .ty-col-xl-8 {
      width: 33.33333%; }
    .ty-col-xl-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-xl-order-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    .ty-col-xl-9 {
      width: 37.5%; }
    .ty-col-xl-offset-9 {
      margin-left: 37.5%; }
    .ty-col-xl-order-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
    .ty-col-xl-10 {
      width: 41.66667%; }
    .ty-col-xl-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-xl-order-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10; }
    .ty-col-xl-11 {
      width: 45.83333%; }
    .ty-col-xl-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-xl-order-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11; }
    .ty-col-xl-12 {
      width: 50%; }
    .ty-col-xl-offset-12 {
      margin-left: 50%; }
    .ty-col-xl-order-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12; }
    .ty-col-xl-13 {
      width: 54.16667%; }
    .ty-col-xl-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-xl-order-13 {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13; }
    .ty-col-xl-14 {
      width: 58.33333%; }
    .ty-col-xl-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-xl-order-14 {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14; }
    .ty-col-xl-15 {
      width: 62.5%; }
    .ty-col-xl-offset-15 {
      margin-left: 62.5%; }
    .ty-col-xl-order-15 {
      -webkit-box-ordinal-group: 16;
          -ms-flex-order: 15;
              order: 15; }
    .ty-col-xl-16 {
      width: 66.66667%; }
    .ty-col-xl-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-xl-order-16 {
      -webkit-box-ordinal-group: 17;
          -ms-flex-order: 16;
              order: 16; }
    .ty-col-xl-17 {
      width: 70.83333%; }
    .ty-col-xl-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-xl-order-17 {
      -webkit-box-ordinal-group: 18;
          -ms-flex-order: 17;
              order: 17; }
    .ty-col-xl-18 {
      width: 75%; }
    .ty-col-xl-offset-18 {
      margin-left: 75%; }
    .ty-col-xl-order-18 {
      -webkit-box-ordinal-group: 19;
          -ms-flex-order: 18;
              order: 18; }
    .ty-col-xl-19 {
      width: 79.16667%; }
    .ty-col-xl-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-xl-order-19 {
      -webkit-box-ordinal-group: 20;
          -ms-flex-order: 19;
              order: 19; }
    .ty-col-xl-20 {
      width: 83.33333%; }
    .ty-col-xl-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-xl-order-20 {
      -webkit-box-ordinal-group: 21;
          -ms-flex-order: 20;
              order: 20; }
    .ty-col-xl-21 {
      width: 87.5%; }
    .ty-col-xl-offset-21 {
      margin-left: 87.5%; }
    .ty-col-xl-order-21 {
      -webkit-box-ordinal-group: 22;
          -ms-flex-order: 21;
              order: 21; }
    .ty-col-xl-22 {
      width: 91.66667%; }
    .ty-col-xl-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-xl-order-22 {
      -webkit-box-ordinal-group: 23;
          -ms-flex-order: 22;
              order: 22; }
    .ty-col-xl-23 {
      width: 95.83333%; }
    .ty-col-xl-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-xl-order-23 {
      -webkit-box-ordinal-group: 24;
          -ms-flex-order: 23;
              order: 23; }
    .ty-col-xl-24 {
      width: 100%; }
    .ty-col-xl-offset-24 {
      margin-left: 100%; }
    .ty-col-xl-order-24 {
      -webkit-box-ordinal-group: 25;
          -ms-flex-order: 24;
              order: 24; } }
  @media screen and (max-width: 1440px) {
    .ty-col-xxl-1 {
      width: 4.16667%; }
    .ty-col-xxl-offset-1 {
      margin-left: 4.16667%; }
    .ty-col-xxl-order-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .ty-col-xxl-2 {
      width: 8.33333%; }
    .ty-col-xxl-offset-2 {
      margin-left: 8.33333%; }
    .ty-col-xxl-order-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .ty-col-xxl-3 {
      width: 12.5%; }
    .ty-col-xxl-offset-3 {
      margin-left: 12.5%; }
    .ty-col-xxl-order-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .ty-col-xxl-4 {
      width: 16.66667%; }
    .ty-col-xxl-offset-4 {
      margin-left: 16.66667%; }
    .ty-col-xxl-order-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ty-col-xxl-5 {
      width: 20.83333%; }
    .ty-col-xxl-offset-5 {
      margin-left: 20.83333%; }
    .ty-col-xxl-order-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .ty-col-xxl-6 {
      width: 25%; }
    .ty-col-xxl-offset-6 {
      margin-left: 25%; }
    .ty-col-xxl-order-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6; }
    .ty-col-xxl-7 {
      width: 29.16667%; }
    .ty-col-xxl-offset-7 {
      margin-left: 29.16667%; }
    .ty-col-xxl-order-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7; }
    .ty-col-xxl-8 {
      width: 33.33333%; }
    .ty-col-xxl-offset-8 {
      margin-left: 33.33333%; }
    .ty-col-xxl-order-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8; }
    .ty-col-xxl-9 {
      width: 37.5%; }
    .ty-col-xxl-offset-9 {
      margin-left: 37.5%; }
    .ty-col-xxl-order-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9; }
    .ty-col-xxl-10 {
      width: 41.66667%; }
    .ty-col-xxl-offset-10 {
      margin-left: 41.66667%; }
    .ty-col-xxl-order-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10; }
    .ty-col-xxl-11 {
      width: 45.83333%; }
    .ty-col-xxl-offset-11 {
      margin-left: 45.83333%; }
    .ty-col-xxl-order-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11; }
    .ty-col-xxl-12 {
      width: 50%; }
    .ty-col-xxl-offset-12 {
      margin-left: 50%; }
    .ty-col-xxl-order-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12; }
    .ty-col-xxl-13 {
      width: 54.16667%; }
    .ty-col-xxl-offset-13 {
      margin-left: 54.16667%; }
    .ty-col-xxl-order-13 {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13; }
    .ty-col-xxl-14 {
      width: 58.33333%; }
    .ty-col-xxl-offset-14 {
      margin-left: 58.33333%; }
    .ty-col-xxl-order-14 {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14; }
    .ty-col-xxl-15 {
      width: 62.5%; }
    .ty-col-xxl-offset-15 {
      margin-left: 62.5%; }
    .ty-col-xxl-order-15 {
      -webkit-box-ordinal-group: 16;
          -ms-flex-order: 15;
              order: 15; }
    .ty-col-xxl-16 {
      width: 66.66667%; }
    .ty-col-xxl-offset-16 {
      margin-left: 66.66667%; }
    .ty-col-xxl-order-16 {
      -webkit-box-ordinal-group: 17;
          -ms-flex-order: 16;
              order: 16; }
    .ty-col-xxl-17 {
      width: 70.83333%; }
    .ty-col-xxl-offset-17 {
      margin-left: 70.83333%; }
    .ty-col-xxl-order-17 {
      -webkit-box-ordinal-group: 18;
          -ms-flex-order: 17;
              order: 17; }
    .ty-col-xxl-18 {
      width: 75%; }
    .ty-col-xxl-offset-18 {
      margin-left: 75%; }
    .ty-col-xxl-order-18 {
      -webkit-box-ordinal-group: 19;
          -ms-flex-order: 18;
              order: 18; }
    .ty-col-xxl-19 {
      width: 79.16667%; }
    .ty-col-xxl-offset-19 {
      margin-left: 79.16667%; }
    .ty-col-xxl-order-19 {
      -webkit-box-ordinal-group: 20;
          -ms-flex-order: 19;
              order: 19; }
    .ty-col-xxl-20 {
      width: 83.33333%; }
    .ty-col-xxl-offset-20 {
      margin-left: 83.33333%; }
    .ty-col-xxl-order-20 {
      -webkit-box-ordinal-group: 21;
          -ms-flex-order: 20;
              order: 20; }
    .ty-col-xxl-21 {
      width: 87.5%; }
    .ty-col-xxl-offset-21 {
      margin-left: 87.5%; }
    .ty-col-xxl-order-21 {
      -webkit-box-ordinal-group: 22;
          -ms-flex-order: 21;
              order: 21; }
    .ty-col-xxl-22 {
      width: 91.66667%; }
    .ty-col-xxl-offset-22 {
      margin-left: 91.66667%; }
    .ty-col-xxl-order-22 {
      -webkit-box-ordinal-group: 23;
          -ms-flex-order: 22;
              order: 22; }
    .ty-col-xxl-23 {
      width: 95.83333%; }
    .ty-col-xxl-offset-23 {
      margin-left: 95.83333%; }
    .ty-col-xxl-order-23 {
      -webkit-box-ordinal-group: 24;
          -ms-flex-order: 23;
              order: 23; }
    .ty-col-xxl-24 {
      width: 100%; }
    .ty-col-xxl-offset-24 {
      margin-left: 100%; }
    .ty-col-xxl-order-24 {
      -webkit-box-ordinal-group: 25;
          -ms-flex-order: 24;
              order: 24; } }

@font-face {
  font-family: 'tiny';
  src: url("fonts/iconfont.eot");
  src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("fonts/iconfont.woff") format("woff"), url("fonts/iconfont.ttf") format("truetype"), url("fonts/iconfont.svg#tiny") format("svg");
  font-weight: normal;
  font-style: normal; }

.ty--loader:before {
  content: "\e78d"; }

.ty--loader-3quarter:before {
  content: "\e6dc"; }

.ty--loader-circle:before {
  content: "\ef54"; }

.ty--loader-quarter:before {
  content: "\ef55"; }

.ty--colorlens:before {
  content: "\e60a"; }

.ty--brush:before {
  content: "\e902"; }

.ty--accessible:before {
  content: "\e7dc"; }

.ty--plus:before {
  content: "\e605"; }

.ty--close:before {
  content: "\eadd"; }

.ty--minus:before {
  content: "\e7fd"; }

.ty--eye:before {
  content: "\e78f"; }

.ty--eye-close:before {
  content: "\e8ff"; }

.ty--fire:before {
  content: "\e842"; }

.ty--heart-fill:before {
  content: "\e850"; }

.ty--fire-fill:before {
  content: "\e866"; }

.ty--star-fill:before {
  content: "\e86a"; }

.ty--scan:before {
  content: "\e7d4"; }

.ty--heart:before {
  content: "\e7df"; }

.ty--star:before {
  content: "\e7e0"; }

.ty--sync:before {
  content: "\e786"; }

.ty--check-fill:before {
  content: "\e844"; }

.ty--left-fill:before {
  content: "\e845"; }

.ty--down-fill:before {
  content: "\e846"; }

.ty--minus-fill:before {
  content: "\e847"; }

.ty--close-fill:before {
  content: "\e848"; }

.ty--info-fill:before {
  content: "\e849"; }

.ty--up-fill:before {
  content: "\e84a"; }

.ty--right-fill:before {
  content: "\e84b"; }

.ty--plus-fill:before {
  content: "\e84c"; }

.ty--question-fill:before {
  content: "\e84d"; }

.ty--play-fill:before {
  content: "\e84e"; }

.ty--warn-fill:before {
  content: "\e84f"; }

.ty--switch:before {
  content: "\e697"; }

.ty--code:before {
  content: "\e6a5"; }

.ty--face:before {
  content: "\e6a7"; }

.ty--laptop:before {
  content: "\e6f9"; }

.ty--link:before {
  content: "\e7e2"; }

.ty--branch:before {
  content: "\e7e8"; }

.ty--fork:before {
  content: "\e7e9"; }

.ty--right:before {
  content: "\e7eb"; }

.ty--left:before {
  content: "\e7ec"; }

.ty--up:before {
  content: "\e7ed"; }

.ty--down:before {
  content: "\e7ee"; }

.ty--arrow-right:before {
  content: "\e7ef"; }

.ty--arrow-up:before {
  content: "\e7f0"; }

.ty--arrow-left:before {
  content: "\e7f1"; }

.ty--arrow-down:before {
  content: "\e7f2"; }

.ty--wallet:before {
  content: "\e798"; }

.ty--add-user:before {
  content: "\e7ae"; }

.ty--del-team:before {
  content: "\e7af"; }

.ty--del-user:before {
  content: "\e7b0"; }

.ty--add-team:before {
  content: "\e7b1"; }

.ty--team:before {
  content: "\e7b2"; }

.ty--customer-service:before {
  content: "\e7ca"; }

.ty--tags:before {
  content: "\e7e5"; }

.ty--share:before {
  content: "\e7e7"; }

.ty--behance:before {
  content: "\e87a"; }

.ty--medium:before {
  content: "\e87b"; }

.ty--google:before {
  content: "\e87c"; }

.ty--instagram:before {
  content: "\e87f"; }

.ty--dropbox:before {
  content: "\e881"; }

.ty--android:before {
  content: "\e882"; }

.ty--apple:before {
  content: "\e883"; }

.ty--html:before {
  content: "\e884"; }

.ty--twitter:before {
  content: "\e885"; }

.ty--skype:before {
  content: "\e886"; }

.ty--weibo:before {
  content: "\e887"; }

.ty--youtube:before {
  content: "\e888"; }

.ty--wechat:before {
  content: "\e889"; }

.ty--chrome:before {
  content: "\e88a"; }

.ty--github:before {
  content: "\e88b"; }

.ty--facebook:before {
  content: "\e88d"; }

.ty--linkedin:before {
  content: "\e890"; }

.ty--slack:before {
  content: "\e891"; }

.ty--switch-user:before {
  content: "\e8ea"; }

.ty--credit-card:before {
  content: "\e650"; }

.ty--desktop:before {
  content: "\e657"; }

.ty--gift:before {
  content: "\e661"; }

.ty--pie-chart:before {
  content: "\e666"; }

.ty--id-card:before {
  content: "\e66f"; }

.ty--wifi:before {
  content: "\e671"; }

.ty--qrcode:before {
  content: "\e689"; }

.ty--setting:before {
  content: "\e694"; }

.ty--skin:before {
  content: "\e696"; }

.ty--audio-fill:before {
  content: "\e606"; }

.ty--audio:before {
  content: "\e619"; }

.ty--audio-mute:before {
  content: "\e623"; }

.ty--comment:before {
  content: "\e627"; }

.ty--login:before {
  content: "\e62b"; }

.ty--zoomin:before {
  content: "\e63c"; }

.ty--zoomout:before {
  content: "\e63f"; }

.ty--search:before {
  content: "\e64a"; }

.ty--arrow-down-left:before {
  content: "\e633"; }

.ty--arrow-down-right:before {
  content: "\e634"; }

.ty--arrow-down-left-circle:before {
  content: "\e635"; }

.ty--dislike:before {
  content: "\e637"; }

.ty--donate:before {
  content: "\e638"; }

.ty--document:before {
  content: "\e63a"; }

.ty--doc-file:before {
  content: "\e63b"; }

.ty--delete-archive:before {
  content: "\e63d"; }

.ty--delete-file:before {
  content: "\e63e"; }

.ty--diploma:before {
  content: "\e640"; }

.ty--medal:before {
  content: "\e641"; }

.ty--department:before {
  content: "\e642"; }

.ty--customer-support:before {
  content: "\e644"; }

.ty--cursor:before {
  content: "\e645"; }

.ty--create-archive:before {
  content: "\e646"; }

.ty--css:before {
  content: "\e647"; }

.ty--currency-exchange:before {
  content: "\e648"; }

.ty--copyright:before {
  content: "\e649"; }

.ty--priority-high:before {
  content: "\ef56"; }

.ty--user:before {
  content: "\e64b"; }

.ty--comment-square:before {
  content: "\e64c"; }

.ty--collect:before {
  content: "\e64d"; }

.ty--conference:before {
  content: "\e64e"; }

.ty--checkmark:before {
  content: "\e64f"; }

.ty--check-circle1:before {
  content: "\e651"; }

.ty--check-square:before {
  content: "\e652"; }

.ty--check-file:before {
  content: "\e653"; }

.ty--candle-sticks:before {
  content: "\e654"; }

.ty--close-circle:before {
  content: "\e655"; }

.ty--cancel-file:before {
  content: "\e656"; }

.ty--callback:before {
  content: "\e658"; }

.ty--business:before {
  content: "\e659"; }

.ty--business-card:before {
  content: "\e65a"; }

.ty--forbid:before {
  content: "\e65b"; }

.ty--calculator:before {
  content: "\e65c"; }

.ty--briefcase:before {
  content: "\e65d"; }

.ty--bookmark:before {
  content: "\e65e"; }

.ty--bullish:before {
  content: "\e65f"; }

.ty--audio-file:before {
  content: "\e662"; }

.ty--bearish:before {
  content: "\e663"; }

.ty--attention:before {
  content: "\e664"; }

.ty--archive:before {
  content: "\e665"; }

.ty--address-book:before {
  content: "\e668"; }

.ty--add-list:before {
  content: "\e669"; }

.ty--approval:before {
  content: "\e66a"; }

.ty--broadcast:before {
  content: "\e66b"; }

.ty--add-file:before {
  content: "\e66c"; }

.ty--xls:before {
  content: "\e670"; }

.ty--word:before {
  content: "\e672"; }

.ty--work:before {
  content: "\e673"; }

.ty--vip:before {
  content: "\e674"; }

.ty--view-file:before {
  content: "\e675"; }

.ty--voice-person:before {
  content: "\e676"; }

.ty--video-file:before {
  content: "\e678"; }

.ty--projector:before {
  content: "\e679"; }

.ty--upload:before {
  content: "\e67a"; }

.ty--arrow-up-right-circle:before {
  content: "\e67b"; }

.ty--arrow-up-left-circle:before {
  content: "\e67c"; }

.ty--arrow-up-left:before {
  content: "\e67d"; }

.ty--arrow-up-circle:before {
  content: "\e67e"; }

.ty--arrow-up-right:before {
  content: "\e67f"; }

.ty--cloud-upload:before {
  content: "\e680"; }

.ty--structure:before {
  content: "\e682"; }

.ty--unlock:before {
  content: "\e683"; }

.ty--undo:before {
  content: "\e684"; }

.ty--trademark:before {
  content: "\e685"; }

.ty--todo-list:before {
  content: "\e687"; }

.ty--survey:before {
  content: "\e688"; }

.ty--support:before {
  content: "\e68a"; }

.ty--statistics:before {
  content: "\e68b"; }

.ty--split-horizontal:before {
  content: "\e68c"; }

.ty--split-vertical:before {
  content: "\e68d"; }

.ty--parking:before {
  content: "\e68e"; }

.ty--signature:before {
  content: "\e68f"; }

.ty--shop:before {
  content: "\e690"; }

.ty--delivered:before {
  content: "\e691"; }

.ty--circle-share:before {
  content: "\e692"; }

.ty--settings:before {
  content: "\e695"; }

.ty--search-reverse:before {
  content: "\e698"; }

.ty--ruler:before {
  content: "\e69a"; }

.ty--arrow-right-circle:before {
  content: "\e69b"; }

.ty--money-token:before {
  content: "\e69d"; }

.ty--resize-ver:before {
  content: "\e69f"; }

.ty--resize-all:before {
  content: "\e6a0"; }

.ty--registration-circle:before {
  content: "\e6a1"; }

.ty--resize-diagonal:before {
  content: "\e6a2"; }

.ty--redo:before {
  content: "\e6a4"; }

.ty--reading:before {
  content: "\e6a6"; }

.ty--resize-hr:before {
  content: "\e6a8"; }

.ty--rating:before {
  content: "\e6a9"; }

.ty--puzzle:before {
  content: "\e6aa"; }

.ty--process:before {
  content: "\e6ab"; }

.ty--privacy:before {
  content: "\e6ac"; }

.ty--psd:before {
  content: "\e6ad"; }

.ty--questions:before {
  content: "\e6ae"; }

.ty--speaker:before {
  content: "\e6b0"; }

.ty--plus-circle:before {
  content: "\e6b2"; }

.ty--hierarchy:before {
  content: "\e6b3"; }

.ty--picture:before {
  content: "\e6b4"; }

.ty--calendar:before {
  content: "\e6b5"; }

.ty--package:before {
  content: "\e6b6"; }

.ty--paid:before {
  content: "\e6b7"; }

.ty--overtime:before {
  content: "\e6b8"; }

.ty--organization:before {
  content: "\e6b9"; }

.ty--org-unit:before {
  content: "\e6ba"; }

.ty--opened-folder:before {
  content: "\e6bb"; }

.ty--online-support:before {
  content: "\e6bc"; }

.ty--check-circle:before {
  content: "\e6bd"; }

.ty--open-archive:before {
  content: "\e6be"; }

.ty--news:before {
  content: "\e6bf"; }

.ty--no-idea:before {
  content: "\e6c1"; }

.ty--music:before {
  content: "\e6c3"; }

.ty--multiple-inputs:before {
  content: "\e6c4"; }

.ty--money-transfer:before {
  content: "\e6c5"; }

.ty--minus-circle:before {
  content: "\e6c6"; }

.ty--priority-medium:before {
  content: "\e6c9"; }

.ty--file-zip:before {
  content: "\e601"; }

.ty--manager:before {
  content: "\e602"; }

.ty--lock:before {
  content: "\e603"; }

.ty--priority-low:before {
  content: "\e604"; }

.ty--maintain:before {
  content: "\e607"; }

.ty--library:before {
  content: "\e608"; }

.ty--back:before {
  content: "\e609"; }

.ty--arrow-left-circle:before {
  content: "\e60c"; }

.ty--key:before {
  content: "\e60e"; }

.ty--inspection:before {
  content: "\e60f"; }

.ty--info:before {
  content: "\e610"; }

.ty--internal:before {
  content: "\e612"; }

.ty--delivery:before {
  content: "\e613"; }

.ty--idea:before {
  content: "\e615"; }

.ty--image-file:before {
  content: "\e616"; }

.ty--home:before {
  content: "\e61a"; }

.ty--hand-cursor:before {
  content: "\e61b"; }

.ty--education:before {
  content: "\e61c"; }

.ty--frame:before {
  content: "\e61d"; }

.ty--gif:before {
  content: "\e61f"; }

.ty--note:before {
  content: "\e620"; }

.ty--file:before {
  content: "\e621"; }

.ty--feedback:before {
  content: "\e624"; }

.ty--favourite-file:before {
  content: "\e625"; }

.ty--faq:before {
  content: "\e626"; }

.ty--warning:before {
  content: "\e628"; }

.ty--external:before {
  content: "\e629"; }

.ty--expired:before {
  content: "\e62a"; }

.ty--arrow-down-circle:before {
  content: "\e62d"; }

.ty--download:before {
  content: "\e62e"; }

.ty--edit-file:before {
  content: "\e62f"; }

.ty--cloud-download:before {
  content: "\e630"; }

.ty--trash:before {
  content: "\e631"; }

.ty--arrow-down-right-circle:before {
  content: "\e632"; }

.ty-icon {
  font-family: 'tiny' !important;
  line-height: 1;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .ty-icon_spin:before {
    display: inline-block;
    -webkit-animation: ty-rotate 1s linear infinite;
            animation: ty-rotate 1s linear infinite; }

.ty-image {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ty-image_round {
    border-radius: 50%; }

.ty-input {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #32325d; }
  .ty-input__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    color: #32325d;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    outline: 0;
    border-radius: 2px;
    font-size: 1rem; }
    .ty-input__input:hover {
      border-color: #6E41BF; }
    .ty-input__input:focus {
      border-color: rgba(110, 65, 191, 0.8);
      -webkit-box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2);
              box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
    .ty-input__input::-webkit-input-placeholder {
      color: #bfbfbf; }
    .ty-input__input::-moz-placeholder {
      color: #bfbfbf; }
    .ty-input__input:-ms-input-placeholder {
      color: #bfbfbf; }
    .ty-input__input::-ms-input-placeholder {
      color: #bfbfbf; }
    .ty-input__input::placeholder {
      color: #bfbfbf; }
  .ty-input__prefix, .ty-input__suffix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    margin: 0 8px; }
  .ty-input__prefix {
    left: 0; }
  .ty-input__suffix {
    right: 0; }
  .ty-input__clear-btn {
    display: inline-block;
    color: rgba(0, 0, 0, 0.25);
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
    cursor: pointer; }
  .ty-input_sm .ty-input__input {
    font-size: 0.875rem;
    height: 24px;
    line-height: 24px; }
  .ty-input_sm .ty-input__clear-btn {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  .ty-input_md .ty-input__input {
    font-size: 1rem;
    height: 32px;
    line-height: 32px; }
  .ty-input_md .ty-input__clear-btn {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .ty-input_lg .ty-input__input {
    font-size: 1.25rem;
    height: 42px;
    line-height: 42px; }
  .ty-input_disabled .ty-input__input {
    cursor: not-allowed;
    background-color: #f4f4f5;
    color: #999; }
    .ty-input_disabled .ty-input__input:hover {
      border-color: #d9d9d9; }

.ty-input-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .ty-input-group > .ty-input-group-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ty-input-group_sm {
    height: 24px; }
  .ty-input-group_md {
    height: 32px; }
  .ty-input-group_lg {
    height: 42px; }
  .ty-input-group .ty-input {
    z-index: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .ty-input-group .ty-input:first-child .ty-input__input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .ty-input-group .ty-input:last-child .ty-input__input {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .ty-input-group .ty-input:not(:first-child):not(:last-child) .ty-input__input {
      border-radius: 0; }

.ty-input-group-addon {
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 1;
  border-radius: 2px;
  color: #32325d;
  padding: 0 7px; }
  .ty-input-group-addon_sm {
    font-size: 0.875rem; }
  .ty-input-group-addon_md {
    font-size: 1rem; }
  .ty-input-group-addon_lg {
    font-size: 1.25rem; }
  .ty-input-group-addon:first-child {
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .ty-input-group-addon:last-child {
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .ty-input-group-addon:not(:first-child):not(:last-child) {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 0 7px; }
  .ty-input-group-addon_no-border {
    border: none;
    padding: 0; }

.ty-input-number {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ty-input-number:hover .ty-input-number__controls {
    opacity: 1; }
  .ty-input-number__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    color: #32325d;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    outline: 0;
    border-radius: 2px;
    font-size: 1rem;
    padding-left: 7px;
    padding-right: 25px; }
    .ty-input-number__input:hover {
      border-color: #6E41BF; }
    .ty-input-number__input:focus {
      border-color: rgba(110, 65, 191, 0.8);
      -webkit-box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2);
              box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
    .ty-input-number__input::-webkit-input-placeholder {
      color: #bfbfbf; }
    .ty-input-number__input::-moz-placeholder {
      color: #bfbfbf; }
    .ty-input-number__input:-ms-input-placeholder {
      color: #bfbfbf; }
    .ty-input-number__input::-ms-input-placeholder {
      color: #bfbfbf; }
    .ty-input-number__input::placeholder {
      color: #bfbfbf; }
    .ty-input-number__input::-webkit-inner-spin-button, .ty-input-number__input::-webkit-outer-spin-button {
      -webkit-appearance: none; }
  .ty-input-number__controls {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1px;
    opacity: 0;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
  .ty-input-number__up, .ty-input-number__down {
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 7px;
    border-left: 1px solid #d9d9d9;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
    .ty-input-number__up:hover, .ty-input-number__down:hover {
      -webkit-box-flex: 2;
          -ms-flex: 2;
              flex: 2; }
      .ty-input-number__up:hover .ty-icon, .ty-input-number__down:hover .ty-icon {
        color: #6E41BF !important; }
    .ty-input-number__up:active, .ty-input-number__down:active {
      background-color: #f4f4f4; }
  .ty-input-number__up {
    border-bottom: 1px solid #d9d9d9; }
  .ty-input-number__down {
    padding-top: 1px; }
  .ty-input-number__icon {
    color: #999; }
    .ty-input-number__icon_reverse {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .ty-input-number_sm .ty-input-number__input {
    font-size: 0.875rem;
    height: 24px;
    line-height: 24px; }
  .ty-input-number_md .ty-input-number__input {
    font-size: 1rem;
    height: 32px;
    line-height: 32px; }
  .ty-input-number_lg .ty-input-number__input {
    font-size: 1.25rem;
    height: 42px;
    line-height: 42px; }
  .ty-input-number_disabled .ty-input-number__input {
    cursor: not-allowed;
    background-color: #f4f4f5;
    color: #999; }
    .ty-input-number_disabled .ty-input-number__input:hover {
      border-color: #d9d9d9; }
  .ty-input-number_disabled .ty-input-number__up, .ty-input-number_disabled .ty-input-number__down {
    cursor: not-allowed; }
    .ty-input-number_disabled .ty-input-number__up .ty-icon, .ty-input-number_disabled .ty-input-number__down .ty-icon {
      color: #999 !important; }
    .ty-input-number_disabled .ty-input-number__up:hover, .ty-input-number_disabled .ty-input-number__down:hover {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .ty-input-number_disabled .ty-input-number__up:active, .ty-input-number_disabled .ty-input-number__down:active {
      background-color: transparent; }
  .ty-input-number_always-controls .ty-input-number__controls {
    opacity: 1; }

.ty-input-pwd__suffix {
  cursor: pointer; }

.ty-input-pwd__icon {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 250ms;
  transition: color 250ms; }
  .ty-input-pwd__icon:hover {
    color: rgba(0, 0, 0, 0.65); }

.ty-layout {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .ty-layout_has-sidebar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.ty-layout-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 60px;
  background-color: #fff; }

.ty-layout-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px 50px;
  background-color: #fff; }

.ty-layout-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff; }

.ty-layout-sidebar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  background: #12131a;
  color: #fff; }
  .ty-layout-sidebar:last-child .ty-layout-sidebar__trigger-icon {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .ty-layout-sidebar__children {
    height: 100%; }
  .ty-layout-sidebar__trigger {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    cursor: pointer;
    height: 40px;
    background-color: #002140;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-layout-sidebar_light {
    background-color: #fff;
    color: #333; }
    .ty-layout-sidebar_light .ty-layout-sidebar__trigger {
      background-color: #efefef; }
    .ty-layout-sidebar_light .ty-layout-sidebar__trigger-icon {
      color: #bbb; }

.ty-link {
  color: #6E41BF;
  -webkit-text-decoration-line: none;
          text-decoration-line: none; }
  .ty-link_disabled {
    cursor: not-allowed;
    opacity: .5; }
  .ty-link_no-underline:hover {
    -webkit-text-decoration-line: none;
            text-decoration-line: none; }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-loader {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  display: inline-block;
  color: #6E41BF; }
  .ty-loader__indicator {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em;
    margin: 5px;
    -webkit-animation: ty-rotate 1s linear infinite;
            animation: ty-rotate 1s linear infinite; }
  .ty-loader__indicator-dot {
    position: absolute;
    display: block;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    background-color: currentColor;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0.5;
    -webkit-animation: dot-opacity 2s linear infinite;
            animation: dot-opacity 2s linear infinite; }
    .ty-loader__indicator-dot:nth-child(1) {
      top: 0;
      left: 0; }
    .ty-loader__indicator-dot:nth-child(2) {
      top: 0;
      right: 0;
      -webkit-animation-delay: .4s;
              animation-delay: .4s; }
    .ty-loader__indicator-dot:nth-child(3) {
      right: 0;
      bottom: 0;
      -webkit-animation-delay: .8s;
              animation-delay: .8s; }
    .ty-loader__indicator-dot:nth-child(4) {
      bottom: 0;
      left: 0;
      -webkit-animation-delay: 1.2s;
              animation-delay: 1.2s; }
  .ty-loader__label {
    margin: 5px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 0.8;
    font-size: 16px; }
  .ty-loader_md .ty-loader__indicator {
    font-size: 20px; }
  .ty-loader_md .ty-loader__indicator-dot {
    width: 9px;
    height: 9px; }
  .ty-loader_lg .ty-loader__indicator {
    font-size: 32px; }
  .ty-loader_lg .ty-loader__indicator-dot {
    width: 14px;
    height: 14px; }
  .ty-loader_sm .ty-loader__indicator {
    font-size: 14px; }
  .ty-loader_sm .ty-loader__indicator-dot {
    width: 6px;
    height: 6px; }
  .ty-loader__loader-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 5;
    color: #6E41BF; }
    .ty-loader__loader-container:not(:last-child) {
      position: absolute; }
    .ty-loader__loader-container_vertical {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .ty-loader__container_loading {
    opacity: 0.5; }
  .ty-loader__container_blurred {
    -webkit-filter: blur(1px);
            filter: blur(1px);
    overflow: hidden; }

@-webkit-keyframes dot-opacity {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 0.9; }
  100% {
    opacity: 0.2; } }

@keyframes dot-opacity {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 0.9; }
  100% {
    opacity: 0.2; } }

.ty-loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }
  .ty-loading-bar__inner {
    height: 3px;
    width: 0;
    opacity: 1;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
    background-color: #6E41BF; }

.ty-kbd {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #d8d8d8;
  border-bottom-color: #ccc;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1;
  vertical-align: middle;
  background-color: #f6f6f6;
  -webkit-box-shadow: inset 0 -1px 0 #ccc;
          box-shadow: inset 0 -1px 0 #ccc;
  color: #333;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ty-kbd:active {
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0);
    -webkit-box-shadow: none;
            box-shadow: none; }

.ty-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  border: 0; }
  .ty-menu_horizontal {
    position: relative; }
    .ty-menu_horizontal:before {
      content: '';
      position: absolute;
      border-bottom: 1px solid;
      width: 100%;
      bottom: 0; }
    .ty-menu_horizontal .ty-menu-item {
      height: 48px;
      padding: 0 15px;
      line-height: 48px;
      margin: 0 5px;
      border-bottom: 2px solid transparent;
      position: relative; }
      .ty-menu_horizontal .ty-menu-item_active {
        color: #6E41BF;
        border-bottom-color: #6E41BF; }
  .ty-menu_inline, .ty-menu_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .ty-menu_inline:before, .ty-menu_vertical:before {
      content: '';
      position: absolute;
      border-right: 1px solid;
      height: 100%;
      right: 0; }
    .ty-menu_inline .ty-menu-item, .ty-menu_vertical .ty-menu-item {
      padding: 15px 20px;
      margin: 5px 0;
      position: relative; }
  .ty-menu_inline li.ty-menu-item_active {
    background-color: rgba(110, 65, 191, 0.2);
    color: #6E41BF;
    border-right: 3px solid #6E41BF; }
  .ty-menu_vertical li.ty-menu-item_active {
    background-color: rgba(110, 65, 191, 0.2);
    color: #6E41BF; }
  .ty-menu_light {
    color: #32325d;
    background: #fff; }
    .ty-menu_light:before {
      border-color: #f0f0f0; }
  .ty-menu_dark {
    color: rgba(255, 255, 255, 0.65);
    background: #001529; }
    .ty-menu_dark:before {
      border-color: #001529; }

.ty-menu-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color 300ms, color 250ms;
  transition: background-color 300ms, color 250ms; }
  .ty-menu-item:hover {
    color: #6E41BF; }
  .ty-menu-item_disabled {
    color: #525f7f !important;
    opacity: .5;
    cursor: not-allowed; }

.ty-menu-sub .ty-popup__wrapper {
  display: block; }

.ty-menu-sub__list {
  margin: 0;
  min-width: 100%;
  list-style: none;
  padding-left: 0;
  white-space: nowrap; }
  .ty-menu-sub__list .ty-menu-item {
    padding: 12px 20px;
    margin-top: 4px;
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis; }
  .ty-menu-sub__list_popup {
    min-width: 160px; }
    .ty-menu-sub__list_popup li.ty-menu-item_active {
      background-color: rgba(110, 65, 191, 0.2);
      color: #6E41BF; }

.ty-menu-sub__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ty-menu-sub__title.ty-menu-item_active {
    color: #6E41BF; }

.ty-menu-sub__arrow {
  display: inline-block;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  margin-left: 20px; }
  .ty-menu-sub__arrow_reverse {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .ty-menu-sub__arrow_right {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.ty-menu-item-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ty-menu-item-group__title {
    padding: 10px 16px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    cursor: default; }
    .ty-menu-item-group__title:first-child {
      margin-top: 4px; }
  .ty-menu-item-group__list {
    list-style: none;
    padding-left: 0;
    white-space: nowrap; }
    .ty-menu-item-group__list > .ty-menu-item {
      padding: 12px 35px 12px 25px; }

.ty-menu-divider {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 5px 0; }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-message {
  position: relative;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 300ms;
  transition: all 300ms;
  opacity: 0;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all; }
  .ty-message-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    width: 100%;
    pointer-events: none;
    -webkit-transition: top 200ms;
    transition: top 200ms;
    z-index: 999;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ty-message__content {
    font-size: 14px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.65); }
  .ty-message_fade-slide-enter {
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); }
  .ty-message_fade-slide-enter-done {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .ty-message__icon {
    margin-right: 5px; }
    .ty-message__icon_loading {
      -webkit-animation: ty-rotate 1s linear infinite;
              animation: ty-rotate 1s linear infinite; }
  .ty-message__extra {
    margin-left: 15px; }

.ty-modal {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 100px; }
  .ty-modal__content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    position: relative;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms;
    transition: all 300ms; }
    .ty-modal__content_slide-enter {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px); }
    .ty-modal__content_slide-enter-done {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-modal__content_slide-exit {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .ty-modal__content_slide-exit-done {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px); }
    .ty-modal__content_scale-enter {
      -webkit-transform: scale(0);
              transform: scale(0); }
    .ty-modal__content_scale-enter-done {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-modal__content_scale-exit {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-modal__content_scale-exit-done {
      -webkit-transform: scale(0);
              transform: scale(0); }
  .ty-modal__header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 24px;
    color: rgba(0, 0, 0, 0.65);
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0; }
  .ty-modal__title {
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px; }
  .ty-modal__close-btn {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.45);
    width: 56px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center; }
  .ty-modal__body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word; }
  .ty-modal__footer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 16px;
    text-align: right;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px; }
  .ty-modal__footer-btn {
    margin-bottom: 0; }
  .ty-modal_centered {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0; }

.ty-notification {
  position: relative;
  padding: 16px 24px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 1rem;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .ty-notification-container {
    width: 380px;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
    .ty-notification-container_top-right, .ty-notification-container_bottom-right {
      right: -400px;
      margin-right: 20px; }
    .ty-notification-container_top-left, .ty-notification-container_bottom-left {
      left: -400px;
      margin-left: 20px; }
  .ty-notification__close {
    position: absolute;
    right: 24px;
    top: 16px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
    .ty-notification__close:hover {
      color: rgba(0, 0, 0, 0.7); }
  .ty-notification__title {
    padding-right: 24px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    line-height: 24px; }
  .ty-notification__icon {
    margin-right: 15px;
    height: 30px; }

.ty-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 0; }
  .ty-overlay_default {
    background-color: rgba(0, 0, 0, 0.55); }
  .ty-overlay_blurred {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px); }
  .ty-overlay_inverted {
    background-color: rgba(255, 255, 255, 0.75); }
  .ty-overlay_fade-enter {
    opacity: 0; }
  .ty-overlay_fade-enter-done {
    opacity: 1; }
  .ty-overlay_fade-exit {
    opacity: 1; }
  .ty-overlay_fade-exit-active {
    opacity: 0; }
  .ty-overlay_fade-exit-done {
    opacity: 0;
    display: none; }

.ty-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  list-style: none; }
  .ty-pagination_left {
    text-align: left; }
  .ty-pagination_center {
    text-align: center; }
  .ty-pagination_right {
    text-align: right; }
  .ty-pagination_disabled .ty-pagination__item_active {
    background: #dbdbdb !important;
    border-color: transparent !important;
    color: #fff !important; }
  .ty-pagination__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    background-color: #fff;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 400ms;
    transition: all 400ms; }
    .ty-pagination__item_disabled {
      cursor: not-allowed; }
    .ty-pagination__item_ellipsis {
      color: rgba(0, 0, 0, 0.25); }
      .ty-pagination__item_ellipsis:hover {
        color: #6E41BF; }
  .ty-pagination__left-arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .ty-pagination__right-arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .ty-pagination_md .ty-pagination__item {
    min-width: 32px;
    height: 32px;
    margin-left: 4px;
    margin-right: 4px;
    line-height: 30px;
    border: 1px solid #d9d9d9; }
    .ty-pagination_md .ty-pagination__item_active {
      color: #6E41BF;
      border-color: #6E41BF; }
    .ty-pagination_md .ty-pagination__item:hover {
      border-color: #6E41BF; }
    .ty-pagination_md .ty-pagination__item_disabled {
      color: rgba(0, 0, 0, 0.45);
      background: #f5f5f5;
      border-color: #d9d9d9; }
      .ty-pagination_md .ty-pagination__item_disabled:hover {
        border-color: #d9d9d9; }
    .ty-pagination_md .ty-pagination__item_ellipsis {
      border: 0; }
  .ty-pagination_sm .ty-pagination__item {
    min-width: 24px;
    height: 24px;
    margin-left: 0.5px;
    margin-right: 0.5px;
    line-height: 22px;
    border-color: transparent; }
    .ty-pagination_sm .ty-pagination__item_active {
      color: #6E41BF;
      border: 1px solid #6E41BF; }
    .ty-pagination_sm .ty-pagination__item:hover {
      color: #6E41BF; }
    .ty-pagination_sm .ty-pagination__item_disabled {
      color: #d9d9d9;
      border-color: #d9d9d9; }
      .ty-pagination_sm .ty-pagination__item_disabled:hover {
        color: #d9d9d9; }

.ty-pop-confirm {
  color: rgba(0, 0, 0, 0.65); }
  .ty-pop-confirm__overlay {
    padding: 4px; }
  .ty-pop-confirm__messages {
    padding: 0 0 12px;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-pop-confirm__buttons {
    text-align: right; }
  .ty-pop-confirm__title {
    margin-left: 5px; }

.ty-popover__title {
  margin: 0;
  padding: 9px 16px 7px;
  font-weight: 500;
  min-width: 177px;
  min-height: 32px; }

.ty-popover__content {
  padding: 12px 15px; }

.ty-popover_light .ty-popover__title {
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #e8e8e8; }

.ty-popover_light .ty-popover__content {
  color: rgba(0, 0, 0, 0.65); }

.ty-popover_dark .ty-popover__title {
  color: #fff;
  border-bottom: 1px solid #4a4a4a; }

.ty-popover_dark .ty-popover__content {
  color: #fff; }

.ty-popup {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  white-space: nowrap;
  font-size: 1rem;
  text-align: left;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  z-index: 999; }
  .ty-popup__arrow, .ty-popup__arrow:before {
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute; }
  .ty-popup__arrow:before {
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .ty-popup_light {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.65); }
    .ty-popup_light .ty-popup__arrow:before {
      background: #fff; }
  .ty-popup_dark {
    background-color: #262626;
    color: #fff; }
    .ty-popup_dark .ty-popup__arrow:before {
      background: #262626; }
  .ty-popup[data-popper-placement^='top'] > .ty-popup__arrow {
    bottom: -4px; }
    .ty-popup[data-popper-placement^='top'] > .ty-popup__arrow:before {
      -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
              box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); }
  .ty-popup[data-popper-placement^='bottom'] > .ty-popup__arrow {
    top: -4px; }
    .ty-popup[data-popper-placement^='bottom'] > .ty-popup__arrow:before {
      -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
              box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); }
  .ty-popup[data-popper-placement^='left'] > .ty-popup__arrow {
    right: -4px; }
    .ty-popup[data-popper-placement^='left'] > .ty-popup__arrow:before {
      -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
              box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); }
  .ty-popup[data-popper-placement^='right'] > .ty-popup__arrow {
    left: -4px; }
    .ty-popup[data-popper-placement^='right'] > .ty-popup__arrow:before {
      -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
              box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); }

.ty-progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px; }
  .ty-progress-bar__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #e4e8f1; }
  .ty-progress-bar__bg {
    position: relative;
    text-align: right;
    height: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s; }
    .ty-progress-bar__bg_primary {
      background-color: #6E41BF; }
    .ty-progress-bar__bg_yellow {
      background-color: #ff9800; }
    .ty-progress-bar__bg_blue {
      background-color: #1890ff; }
    .ty-progress-bar__bg_red {
      background-color: #f44336; }
    .ty-progress-bar__bg_green {
      background-color: #52c41a; }
  .ty-progress-bar__text {
    color: #48576a;
    margin-left: 10px;
    min-width: 40px;
    text-align: right; }
  .ty-progress-bar__inner-text {
    color: #fff;
    font-size: 10px;
    margin: 0 5px; }
  .ty-progress-bar__effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .ty-progress-bar__effect_striped {
      background-size: 20px 20px;
      background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
      -webkit-animation: ty-progress-striped 2s linear infinite;
              animation: ty-progress-striped 2s linear infinite; }
    .ty-progress-bar__effect_impulse {
      border-radius: inherit;
      opacity: 0;
      background: #fff;
      -webkit-animation: ty-progress-impulse 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
              animation: ty-progress-impulse 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; }
  .ty-progress-bar_round .ty-progress-bar__inner, .ty-progress-bar_round .ty-progress-bar__bg {
    border-radius: 100px; }
  .ty-progress-bar_square .ty-progress-bar__inner, .ty-progress-bar_square .ty-progress-bar__bg {
    border-radius: 0; }

.ty-progress-circle {
  display: inline-block;
  position: relative; }
  .ty-progress-circle__bg {
    stroke: #e5e9f2;
    fill: none; }
  .ty-progress-circle__path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease;
    transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease; }
    .ty-progress-circle__path_primary {
      stroke: #6E41BF; }
    .ty-progress-circle__path_yellow {
      stroke: #ff9800; }
    .ty-progress-circle__path_blue {
      stroke: #1890ff; }
    .ty-progress-circle__path_red {
      stroke: #f44336; }
    .ty-progress-circle__path_green {
      stroke: #52c41a; }
  .ty-progress-circle__text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 20px; }

@-webkit-keyframes ty-progress-striped {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 20px 0; } }

@keyframes ty-progress-striped {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 20px 0; } }

@-webkit-keyframes ty-progress-impulse {
  0% {
    opacity: 0.1;
    width: 0; }
  20% {
    opacity: 0.5;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }

@keyframes ty-progress-impulse {
  0% {
    opacity: 0.1;
    width: 0; }
  20% {
    opacity: 0.5;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }

.ty-radio {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.75); }
  .ty-radio__native {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    margin: 0;
    padding: 0; }
  .ty-radio__inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #6E41BF;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .ty-radio__inner:after {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
      content: '';
      width: 10px;
      height: 10px;
      border-radius: 100%;
      background-color: #6E41BF;
      -webkit-transition: all 200ms;
      transition: all 200ms;
      -webkit-transform: scale(0);
              transform: scale(0); }
    .ty-radio__inner + span {
      padding: 0 5px;
      line-height: 16px; }
  .ty-radio_checked .ty-radio__inner:after {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .ty-radio_disabled .ty-radio__native {
    cursor: not-allowed; }
  .ty-radio_disabled .ty-radio__inner {
    border-color: #d9d9d9; }
    .ty-radio_disabled .ty-radio__inner:after {
      background-color: rgba(0, 0, 0, 0.2); }
    .ty-radio_disabled .ty-radio__inner + span {
      color: rgba(0, 0, 0, 0.25); }
  .ty-radio-group {
    display: inline-block; }

.ty-rate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .ty-rate__item {
    position: relative; }
  .ty-rate__item-first, .ty-rate__item-second {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
  .ty-rate__item-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden; }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-result {
  padding: 48px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ty-result__icon-container {
    margin-bottom: 24px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ty-result__icon {
    -webkit-animation: ty-rotate 1s linear infinite;
            animation: ty-rotate 1s linear infinite; }
  .ty-result__title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 24px;
    line-height: 1.8;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ty-result__subtitle {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ty-result__extra {
    margin-top: 32px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ty-result__content {
    margin-top: 24px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 24px 40px;
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.ty-select-native {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-appearance: none;
  cursor: pointer;
  color: #32325d;
  min-width: 200px;
  margin: 0;
  line-height: 18px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.62em auto, 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none; }
  .ty-select-native:hover {
    border-color: #6E41BF; }
  .ty-select-native:focus {
    border-color: rgba(110, 65, 191, 0.8);
    -webkit-box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2);
            box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
  .ty-select-native_disabled {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
    background-size: 0.52em auto, 100%;
    background-color: #ddd;
    opacity: 0.75;
    color: #a5a5a5;
    cursor: not-allowed;
    resize: none; }
    .ty-select-native_disabled:hover {
      border-color: transparent; }
    .ty-select-native_disabled:focus {
      border-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .ty-select-native_sm {
    padding: 3px 25px 3px 7px;
    font-size: 0.875rem; }
  .ty-select-native_md {
    padding: 6px 25px 6px 7px;
    font-size: 1rem; }
  .ty-select-native_lg {
    padding: 9px 25px 9px 7px;
    font-size: 1.25rem; }

.ty-scroll-indicator {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background: #6E41BF; }
  .ty-scroll-indicator_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }

.ty-select__dropdown {
  width: 100%;
  top: calc(100% + 3px);
  margin: 0;
  padding: 4px 0;
  list-style-type: none;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  font-size: 1rem;
  max-height: 300px; }

.ty-select__arrow {
  display: inline-block;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms; }
  .ty-select__arrow_reverse {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.ty-select-option {
  padding: 7px 12px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  color: #32325d;
  -webkit-transition: all 300ms;
  transition: all 300ms; }
  .ty-select-option_active {
    background-color: #f5f5f5; }
  .ty-select-option_selected {
    background-color: #e2daf2;
    font-weight: 600; }
  .ty-select-option_disabled {
    cursor: not-allowed;
    background-color: #fff;
    opacity: .5; }

.ty-select-group__title {
  font-size: 0.875rem;
  cursor: default;
  color: #8898aa;
  padding: 7px 12px; }

.ty-select-group__list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .ty-select-group__list > .ty-select-option {
    padding-left: 24px; }

.ty-skeleton {
  display: inline-block;
  width: 100%;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2; }
  .ty-skeleton + .ty-skeleton {
    margin-top: 10px; }
  .ty-skeleton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background-image: linear-gradient(to right, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 200% 100%;
    -webkit-animation: ty-shimmer 1.5s ease infinite;
            animation: ty-shimmer 1.5s ease infinite; }
  .ty-skeleton_rounded {
    border-radius: 50%; }
  .ty-skeleton_active:after {
    content: ''; }

@-webkit-keyframes ty-shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes ty-shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

.ty-slider {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .ty-slider_horizontal.ty-slider {
    margin-bottom: 30px; }
  .ty-slider_vertical.ty-slider {
    margin-right: 30px; }
  .ty-slider_horizontal {
    min-height: 12px;
    margin: 13px 7px;
    padding: 4px 0; }
    .ty-slider_horizontal .ty-slider__rail {
      width: 100%;
      height: 4px;
      left: 0; }
    .ty-slider_horizontal .ty-slider__track {
      height: 4px; }
    .ty-slider_horizontal .ty-slider__thumb-container, .ty-slider_horizontal .ty-slider__dot {
      top: 50%; }
    .ty-slider_horizontal .ty-slider__mark {
      top: 15px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .ty-slider_vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px; }
    .ty-slider_vertical .ty-slider__rail {
      width: 4px;
      height: 100%;
      top: 0; }
    .ty-slider_vertical .ty-slider__track {
      width: 4px; }
    .ty-slider_vertical .ty-slider__thumb-container, .ty-slider_vertical .ty-slider__dot {
      left: 50%; }
    .ty-slider_vertical .ty-slider__mark {
      left: 15px;
      -webkit-transform: translateY(50%);
              transform: translateY(50%); }
  .ty-slider__rail {
    position: absolute;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #e4e8f1; }
  .ty-slider__track {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 3px;
    background-color: #6E41BF;
    position: absolute; }
    .ty-slider__track_invisible {
      background-color: transparent; }
  .ty-slider__thumb-container {
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 36px;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .ty-slider__thumb-container_hovering {
      cursor: -webkit-grab;
      cursor: grab; }
      .ty-slider__thumb-container_hovering .ty-slider__thumb {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    .ty-slider__thumb-container_dragging {
      cursor: -webkit-grabbing;
      cursor: grabbing; }
  .ty-slider__thumb {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 1px solid #9a7ad2;
    background-color: #f5f8fa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    border-radius: 50%;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms; }
  .ty-slider__dot {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .ty-slider__dot_active {
      border-color: #8b67cc; }
  .ty-slider__mark {
    position: absolute;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    font-size: 0.9em;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .ty-slider__mark_active {
      color: rgba(0, 0, 0, 0.7); }
  .ty-slider_disabled {
    cursor: not-allowed; }
    .ty-slider_disabled .ty-slider__track {
      background-color: rgba(0, 0, 0, 0.25); }
    .ty-slider_disabled .ty-slider__thumb {
      border-color: rgba(0, 0, 0, 0.25);
      -webkit-transform: scale(1);
              transform: scale(1); }
    .ty-slider_disabled .ty-slider__thumb-container_hovering, .ty-slider_disabled .ty-slider__thumb-container_dragging {
      cursor: not-allowed; }
    .ty-slider_disabled .ty-slider__mark {
      cursor: not-allowed; }

.ty-space {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .ty-space_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ty-space_start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .ty-space_end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .ty-space_center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-space_baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }

.ty-split {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  outline: none;
  overflow: hidden;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text; }
  .ty-split_horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ty-split_vertical {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.ty-split-pane {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  outline: none; }

.ty-split-bar {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f8f8f9;
  border: 1px solid #dcdee2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ty-split-bar:before, .ty-split-bar:after {
    content: '';
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    border: 1px solid #d5d5d5; }
  .ty-split-bar_vertical {
    height: 100%;
    cursor: col-resize;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-top: none;
    border-bottom: none; }
    .ty-split-bar_vertical:active {
      cursor: ew-resize; }
    .ty-split-bar_vertical:before, .ty-split-bar_vertical:after {
      height: 4px;
      width: 100%;
      border-left: 0;
      border-right: 0; }
    .ty-split-bar_vertical:before {
      margin-bottom: 1px; }
    .ty-split-bar_vertical:after {
      margin-top: 1px; }
  .ty-split-bar_horizontal {
    width: 100%;
    cursor: row-resize;
    border-left: none;
    border-right: none; }
    .ty-split-bar_horizontal:active {
      cursor: ns-resize; }
    .ty-split-bar_horizontal:before, .ty-split-bar_horizontal:after {
      height: 100%;
      width: 4px;
      border-top: 0;
      border-bottom: 0; }
    .ty-split-bar_horizontal:before {
      margin-right: 1px; }
    .ty-split-bar_horizontal:after {
      margin-left: 1px; }

.ty-steps {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #32325d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .ty-steps_horizontal .ty-steps-item_label-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ty-steps_horizontal .ty-steps-item_label-horizontal .ty-steps-item__tail {
      display: none; }
    .ty-steps_horizontal .ty-steps-item_label-horizontal .ty-steps-item__content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 16px 0 0 12px; }
    .ty-steps_horizontal .ty-steps-item_label-horizontal .ty-steps-item__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .ty-steps_horizontal .ty-steps-item_label-horizontal .ty-steps-item__title:after {
        content: '';
        margin: 0 12px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        width: 100%;
        height: 1px;
        background: #dcdcdc; }
  .ty-steps_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .ty-steps_vertical .ty-steps-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .ty-steps_vertical .ty-steps-item__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .ty-steps_vertical .ty-steps-item__tail {
        min-height: 30px;
        height: 100%;
        width: 1px;
        margin: 8px 0; }
      .ty-steps_vertical .ty-steps-item__content {
        margin-top: 0;
        margin-left: 12px; }

.ty-steps-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  vertical-align: top; }
  .ty-steps-item[role='button']:not(.ty-steps-item_disabled) {
    cursor: pointer; }
  .ty-steps-item_disabled {
    cursor: not-allowed; }
  .ty-steps-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-steps-item__icon {
    width: 32px;
    height: 32px;
    border: 1px solid #6E41BF;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .ty-steps-item__icon_has-icon {
      border: none;
      background-color: transparent; }
  .ty-steps-item__tail {
    margin: 0 12px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 1px;
    width: 100%;
    background-color: #dcdcdc; }
  .ty-steps-item__content {
    margin-top: 8px; }
  .ty-steps-item__title {
    line-height: 32px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65); }
  .ty-steps-item__desc {
    color: rgba(0, 0, 0, 0.45); }
  .ty-steps-item:last-child {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }
    .ty-steps-item:last-child .ty-steps-item__tail {
      display: none; }
    .ty-steps-item:last-child .ty-steps-item__title:after {
      content: none; }
  .ty-steps-item_process .ty-steps-item__icon {
    background-color: #6E41BF;
    color: #fff; }
    .ty-steps-item_process .ty-steps-item__icon_has-icon {
      background-color: transparent;
      color: #6E41BF; }
  .ty-steps-item_process .ty-steps-item__title {
    font-weight: 600;
    color: #6E41BF; }
  .ty-steps-item_process .ty-steps-item__desc {
    color: #6E41BF; }
  .ty-steps-item_finish .ty-steps-item__icon {
    color: #6E41BF; }
  .ty-steps-item_finish .ty-steps-item__tail, .ty-steps-item_finish .ty-steps-item__title:after {
    background-color: #6E41BF; }
  .ty-steps-item_wait .ty-steps-item__icon {
    border-color: rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.25); }
  .ty-steps-item_wait .ty-steps-item__title {
    color: rgba(0, 0, 0, 0.25); }
  .ty-steps-item_wait .ty-steps-item__desc {
    color: rgba(0, 0, 0, 0.25); }
  .ty-steps-item_error .ty-steps-item__icon {
    border-color: #ff4d4f;
    color: #ff4d4f; }
  .ty-steps-item_error .ty-steps-item__title {
    color: #ff4d4f; }
  .ty-steps-item_error .ty-steps-item__desc {
    color: #ff4d4f; }

.ty-sticky {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.ty-strength-indicator {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ty-strength-indicator__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 2px; }
    .ty-strength-indicator__item:first-child {
      margin-left: 0; }
      .ty-strength-indicator__item:first-child .ty-strength-indicator__inner {
        border-top-left-radius: 99px;
        border-bottom-left-radius: 99px; }
    .ty-strength-indicator__item:last-child {
      margin-right: 0; }
      .ty-strength-indicator__item:last-child .ty-strength-indicator__inner {
        border-top-right-radius: 99px;
        border-bottom-right-radius: 99px; }
  .ty-strength-indicator__inner {
    background-color: #f5f5f5;
    min-height: 8px;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms; }
  .ty-strength-indicator__label {
    text-align: center;
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px; }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-switch {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  cursor: pointer; }
  .ty-switch__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .ty-switch__thumb {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    color: rgba(0, 0, 0, 0.25); }
  .ty-switch__label {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-left: 11px;
    padding-right: 5px;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
  .ty-switch_checked .ty-switch__bg {
    background-color: #6E41BF; }
  .ty-switch_checked .ty-switch__thumb {
    left: 100%;
    border-color: #6E41BF;
    color: #6E41BF; }
  .ty-switch_checked .ty-switch__label {
    padding-left: 5px;
    padding-right: 11px; }
  .ty-switch_disabled {
    cursor: not-allowed;
    opacity: 0.4; }
  .ty-switch_loading .ty-switch__thumb:before {
    display: inline-block !important; }
  .ty-switch_sm {
    margin: 0 10px;
    font-size: 9px;
    width: 29px;
    height: 14px; }
    .ty-switch_sm .ty-switch__bg {
      border-radius: 18px; }
    .ty-switch_sm .ty-switch__thumb {
      width: 18px;
      height: 18px;
      border-radius: 18px; }
      .ty-switch_sm .ty-switch__thumb:before {
        content: '';
        width: 8px;
        height: 8px;
        display: inline-block;
        width: 1em;
        height: 1em;
        position: relative;
        border-width: 2px;
        border-color: currentcolor currentcolor transparent transparent;
        border-style: solid;
        border-radius: 50%;
        -webkit-animation: ty-rotate-reverse 600ms infinite linear;
                animation: ty-rotate-reverse 600ms infinite linear;
        display: none; }
    .ty-switch_sm .ty-switch__label {
      line-height: 14px; }
  .ty-switch_md {
    margin: 0 12px;
    font-size: 12px;
    width: 36px;
    height: 16px; }
    .ty-switch_md .ty-switch__bg {
      border-radius: 22px; }
    .ty-switch_md .ty-switch__thumb {
      width: 22px;
      height: 22px;
      border-radius: 22px; }
      .ty-switch_md .ty-switch__thumb:before {
        content: '';
        width: 10px;
        height: 10px;
        display: inline-block;
        width: 1em;
        height: 1em;
        position: relative;
        border-width: 2px;
        border-color: currentcolor currentcolor transparent transparent;
        border-style: solid;
        border-radius: 50%;
        -webkit-animation: ty-rotate-reverse 600ms infinite linear;
                animation: ty-rotate-reverse 600ms infinite linear;
        display: none; }
    .ty-switch_md .ty-switch__label {
      line-height: 17px; }
  .ty-switch_lg {
    margin: 0 14px;
    font-size: 14px;
    width: 42px;
    height: 20px; }
    .ty-switch_lg .ty-switch__bg {
      border-radius: 26px; }
    .ty-switch_lg .ty-switch__thumb {
      width: 26px;
      height: 26px;
      border-radius: 26px; }
      .ty-switch_lg .ty-switch__thumb:before {
        content: '';
        width: 12px;
        height: 12px;
        display: inline-block;
        width: 1em;
        height: 1em;
        position: relative;
        border-width: 2px;
        border-color: currentcolor currentcolor transparent transparent;
        border-style: solid;
        border-radius: 50%;
        -webkit-animation: ty-rotate-reverse 600ms infinite linear;
                animation: ty-rotate-reverse 600ms infinite linear;
        display: none; }
    .ty-switch_lg .ty-switch__label {
      line-height: 20px; }

.ty-tabs {
  position: relative;
  overflow: hidden; }
  .ty-tabs__header {
    position: relative;
    margin-bottom: 16px; }
  .ty-tabs__header-line {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .ty-tabs__body {
    position: relative; }
  .ty-tabs_horizontal .ty-tabs__header-scroll {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: -1px; }
  .ty-tabs_horizontal .ty-tabs__header-nav {
    display: inline-block; }
  .ty-tabs_horizontal .ty-tabs__header-nav-item {
    display: inline-block;
    padding: 0 16px;
    margin-right: 16px;
    text-align: center;
    position: relative;
    cursor: pointer; }
  .ty-tabs_horizontal .ty-tabs__header-line {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #6E41BF; }
  .ty-tabs_horizontal .ty-tabs__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%; }
  .ty-tabs_horizontal .ty-tabs-panel-item {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .ty-tabs-panel-item {
    line-height: normal;
    opacity: 0;
    overflow: hidden;
    height: 0;
    font-size: 14px; }
    .ty-tabs-panel-item_active {
      opacity: 1;
      height: auto; }

.ty-tag {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none;
  margin-right: 8px;
  padding: 3px 7px;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #32325d;
  background: #fafafa; }
  .ty-tag a,
  .ty-tag a:hover {
    color: rgba(0, 0, 0, 0.65); }
  .ty-tag_visible {
    display: inline-block; }
  .ty-tag__close-btn {
    cursor: pointer;
    font-size: 10px;
    margin-left: 5px;
    line-height: 1;
    -webkit-transition: all 300ms;
    transition: all 300ms; }
    .ty-tag__close-btn:hover {
      opacity: 0.8; }
  .ty-tag_magenta {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2; }
  .ty-tag_red {
    color: #f5222d;
    background: #fff1f0;
    border-color: #ffa39e; }
  .ty-tag_volcano {
    color: #fa541c;
    background: #fff2e8;
    border-color: #ffbb96; }
  .ty-tag_orange {
    color: #fa8c16;
    background: #fff7e6;
    border-color: #ffd591; }
  .ty-tag_gold {
    color: #faad14;
    background: #fffbe6;
    border-color: #ffe58f; }
  .ty-tag_lime {
    color: #a0d911;
    background: #fcffe6;
    border-color: #eaff8f; }
  .ty-tag_green {
    color: #52c41a;
    background: #f6ffed;
    border-color: #b7eb8f; }
  .ty-tag_cyan {
    color: #13c2c2;
    background: #e6fffb;
    border-color: #87e8de; }
  .ty-tag_blue {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff; }
  .ty-tag_geekblue {
    color: #2f54eb;
    background: #f0f5ff;
    border-color: #adc6ff; }
  .ty-tag_purple {
    color: #722ed1;
    background: #f9f0ff;
    border-color: #d3adf7; }

.ty-checkable-tag {
  background-color: #fff;
  color: #6E41BF;
  border-color: #fff;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  cursor: pointer; }
  .ty-checkable-tag_checked {
    background-color: #6E41BF;
    color: #fff;
    border-color: #6E41BF; }

.ty-textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  color: #32325d;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 0;
  border-radius: 2px;
  font-size: 1rem;
  padding: 5px;
  overflow: hidden; }
  .ty-textarea:hover {
    border-color: #6E41BF; }
  .ty-textarea:focus {
    border-color: rgba(110, 65, 191, 0.8);
    -webkit-box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2);
            box-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2); }
  .ty-textarea::-webkit-input-placeholder {
    color: #bfbfbf; }
  .ty-textarea::-moz-placeholder {
    color: #bfbfbf; }
  .ty-textarea:-ms-input-placeholder {
    color: #bfbfbf; }
  .ty-textarea::-ms-input-placeholder {
    color: #bfbfbf; }
  .ty-textarea::placeholder {
    color: #bfbfbf; }
  .ty-textarea_disabled {
    cursor: not-allowed;
    background-color: #f4f4f5;
    color: #999; }
    .ty-textarea_disabled:hover {
      border-color: #d9d9d9; }
  .ty-textarea-container {
    position: relative; }
    .ty-textarea-container .ty-textarea {
      padding-bottom: 20px; }
      .ty-textarea-container .ty-textarea__counter {
        position: absolute;
        bottom: 6px;
        right: 6px;
        font-size: 14px;
        color: #666; }

.ty-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  list-style: none; }

.ty-timeline-item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none; }
  .ty-timeline-item:last-child .ty-timeline-item__head:before {
    display: none; }
  .ty-timeline-item__head {
    width: 16px;
    background-color: #fff;
    position: absolute;
    color: #6E41BF;
    height: 100%; }
    .ty-timeline-item__head:before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 100%;
      border-left: 2px solid #e8e8e8; }
  .ty-timeline-item__dot-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #fff; }
  .ty-timeline-item__dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #6E41BF;
    border-radius: 100px; }
  .ty-timeline-item__content {
    position: relative;
    top: 0;
    padding-left: 25px; }
  .ty-timeline-item_left .ty-timeline-item__head, .ty-timeline-item_right .ty-timeline-item__head {
    left: 50%; }
  .ty-timeline-item_left .ty-timeline-item__content {
    left: 50%;
    width: 50%; }
  .ty-timeline-item_right .ty-timeline-item__content {
    width: 50%;
    text-align: right;
    padding-left: 0;
    padding-right: 9px; }

.ty-time-picker {
  display: inline-block;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
  .ty-time-picker__panel {
    display: inline-block;
    max-height: 210px;
    overflow-y: auto;
    color: rgba(0, 0, 0, 0.65);
    border-left: 1px solid #e8e8e8; }
    .ty-time-picker__panel:first-child {
      border-left: 0; }
  .ty-time-picker__ul {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style-type: none;
    padding: 0 0 180px;
    margin: 0; }
  .ty-time-picker__li {
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 30px;
    line-height: 30px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 0 15px 0 10px; }
    .ty-time-picker__li:hover {
      background-color: #e2daf2; }
    .ty-time-picker__li_selected {
      font-weight: bold;
      background: #f5f5f5; }

.ty-tooltip {
  font-size: 0.875rem; }
  .ty-tooltip__inner {
    padding: 5px 8px; }
  .ty-tooltip .ty-popup__arrow, .ty-tooltip .ty-popup__arrow:before {
    width: 4px;
    height: 4px; }
  .ty-tooltip[data-popper-placement^='top'] > .ty-popup__arrow {
    bottom: -2px; }
  .ty-tooltip[data-popper-placement^='bottom'] > .ty-popup__arrow {
    top: -2px; }
  .ty-tooltip[data-popper-placement^='left'] > .ty-popup__arrow {
    right: -2px; }
  .ty-tooltip[data-popper-placement^='right'] > .ty-popup__arrow {
    left: -2px; }

.ty-transfer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  color: #32325d; }
  .ty-transfer__left-arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .ty-transfer__right-arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .ty-transfer__buttons {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 8px;
    vertical-align: middle; }
    .ty-transfer__buttons .ty-btn {
      display: block;
      margin: 3px 0;
      padding: 3px;
      min-width: 30px; }

.ty-transfer-panel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  border: 1px solid #d9d9d9;
  border-radius: 2px; }
  .ty-transfer-panel__header {
    padding: 8px 12px 9px;
    color: #32325d;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0; }
  .ty-transfer-panel__body {
    position: relative;
    padding: 6px 0; }
  .ty-transfer-panel__input-container {
    padding: 6px 12px 12px; }
  .ty-transfer-panel__list-container {
    height: 192px; }
  .ty-transfer-panel__list {
    display: block;
    position: relative;
    height: 100%;
    overflow-y: auto;
    margin: 0;
    list-style: none; }
  .ty-transfer-panel__list-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms; }
    .ty-transfer-panel__list-item:not(.ty-checkbox_disabled):hover {
      background-color: #f5f5f5; }
  .ty-transfer-panel__not-found {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%; }
  .ty-transfer-panel__footer {
    padding: 8px 12px 9px;
    border-top: 1px solid #f0f0f0;
    background-color: #fff;
    border-radius: 0 0 2px 2px; }

.ty-zoom-center-top-enter {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0); }

.ty-zoom-center-top-enter-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

.ty-zoom-center-top-exit {
  opacity: 1; }

.ty-zoom-center-top-exit-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

.ty-zoom-center-left-enter {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0); }

.ty-zoom-center-left-enter-active {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right center;
          transform-origin: right center; }

.ty-zoom-center-left-exit {
  opacity: 1; }

.ty-zoom-center-left-exit-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right center;
          transform-origin: right center; }

.ty-zoom-center-right-enter {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0); }

.ty-zoom-center-right-enter-active {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.ty-zoom-center-right-exit {
  opacity: 1; }

.ty-zoom-center-right-exit-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.ty-zoom-center-bottom-enter {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0); }

.ty-zoom-center-bottom-enter-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center top;
          transform-origin: center top; }

.ty-zoom-center-bottom-exit {
  opacity: 1; }

.ty-zoom-center-bottom-exit-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center top;
          transform-origin: center top; }

.ty-zoom-top-start-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-top-start-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom; }

.ty-zoom-top-start-exit {
  opacity: 1; }

.ty-zoom-top-start-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom; }

.ty-zoom-top-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-top-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

.ty-zoom-top-exit {
  opacity: 1; }

.ty-zoom-top-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

.ty-zoom-top-end-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-top-end-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom; }

.ty-zoom-top-end-exit {
  opacity: 1; }

.ty-zoom-top-end-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom; }

.ty-zoom-bottom-start-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-bottom-start-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left top;
          transform-origin: left top; }

.ty-zoom-bottom-start-exit {
  opacity: 1; }

.ty-zoom-bottom-start-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left top;
          transform-origin: left top; }

.ty-zoom-bottom-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-bottom-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center top;
          transform-origin: center top; }

.ty-zoom-bottom-exit {
  opacity: 1; }

.ty-zoom-bottom-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: center top;
          transform-origin: center top; }

.ty-zoom-bottom-end-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-bottom-end-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right top;
          transform-origin: right top; }

.ty-zoom-bottom-end-exit {
  opacity: 1; }

.ty-zoom-bottom-end-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right top;
          transform-origin: right top; }

.ty-zoom-left-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-left-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right center;
          transform-origin: right center; }

.ty-zoom-left-exit {
  opacity: 1; }

.ty-zoom-left-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: right center;
          transform-origin: right center; }

.ty-zoom-right-enter {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0); }

.ty-zoom-right-enter-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.ty-zoom-right-exit {
  opacity: 1; }

.ty-zoom-right-exit-active {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
  -webkit-transform-origin: left center;
          transform-origin: left center; }

.ty-slide-down-enter {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px); }

.ty-slide-down-enter-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; }

.ty-slide-down-exit {
  opacity: 1; }

.ty-slide-down-exit-active {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; }

.ty-slide-up-enter {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px); }

.ty-slide-up-enter-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; }

.ty-slide-up-exit {
  opacity: 1; }

.ty-slide-up-exit-active {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; }

.ty-tree {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1rem; }

.ty-tree-node {
  margin: 2px 0; }
  .ty-tree-node__switcher {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ty-tree-node__arrow {
    color: #999;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms; }
    .ty-tree-node__arrow_active {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  .ty-tree-node__label {
    padding: 1px 2px;
    margin-left: -4px; }
  .ty-tree-node__title {
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms; }
  .ty-tree-node__label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms; }
    .ty-tree-node__label:hover {
      background-color: #f5f5f5; }
  .ty-tree-node .ty-checkbox {
    margin-right: 0; }
  .ty-tree-node_block .ty-tree-node__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ty-tree-node_block .ty-tree-node__title:hover {
      background-color: #f5f5f5; }

.ty-typography {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  .ty-typography + h1.ty-typography,
  .ty-typography + h2.ty-typography,
  .ty-typography + h3.ty-typography,
  .ty-typography + h4.ty-typography {
    margin-top: 1.2em; }
  .ty-typography + h5.ty-typography,
  .ty-typography + h6.ty-typography {
    margin-top: 1.1em; }
  .ty-typography ul {
    list-style-type: circle; }
  .ty-typography ul, .ty-typography ol {
    margin: 0 0 1em;
    padding: 0; }
    .ty-typography ul li, .ty-typography ol li {
      margin: 0 0 0 20px;
      padding: 0 0 0 4px; }
  .ty-typography code {
    margin: 0 .1em;
    padding: .2em .4em .1em;
    font-size: 85%;
    background: rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 2px; }
  .ty-typography mark {
    padding: 0;
    background-color: #ffe58f; }
  .ty-typography u {
    text-decoration: underline; }
  .ty-typography del {
    text-decoration: line-through; }
  .ty-typography strong {
    font-weight: 600; }
  .ty-typography i {
    font-style: italic; }
  .ty-typography sup {
    vertical-align: super; }
  .ty-typography sub {
    vertical-align: baseline; }

h1.ty-typography,
h2.ty-typography,
h3.ty-typography,
h4.ty-typography,
h5.ty-typography,
h6.ty-typography {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600; }

h1.ty-typography {
  font-size: 2.5rem;
  line-height: 1.23; }

h2.ty-typography {
  font-size: 2rem;
  line-height: 1.35; }

h3.ty-typography {
  font-size: 1.75rem;
  line-height: 1.35; }

h4.ty-typography {
  font-size: 1.5rem;
  line-height: 1.4; }

h5.ty-typography {
  font-size: 1.25rem;
  line-height: 1.2; }

h6.ty-typography {
  font-size: 1rem;
  line-height: 1.2; }

p.ty-typography, div.ty-typography {
  margin-top: 0;
  margin-bottom: 1em;
  color: rgba(0, 0, 0, 0.65);
  font-size: 1rem;
  line-height: 1.5; }

span.ty-typography {
  color: rgba(0, 0, 0, 0.65); }

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

@keyframes ty-rotate-reverse {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes ty-processing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
    opacity: 0; } }

.ty-upload {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #32325d;
  font-size: 1rem;
  outline: 0; }
  .ty-upload__upload-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #32325d;
    font-size: 1rem; }
  .ty-upload__upload-list-item {
    margin-top: 5px;
    font-size: 1rem;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms; }
    .ty-upload__upload-list-item:hover {
      background-color: #f5f5f5; }
      .ty-upload__upload-list-item:hover .ty-upload__upload-list-item-status {
        display: none; }
      .ty-upload__upload-list-item:hover .ty-upload__upload-list-item-delete {
        display: inline-block; }
  .ty-upload__upload-list-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 4px 4px 4px 2px; }
  .ty-upload__upload-list-item-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: inline-block;
    margin-left: 5px;
    color: #32325d;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .ty-upload__upload-list-item-delete {
    display: none;
    padding-right: 3px;
    cursor: pointer; }
  .ty-upload__upload-list-item-status, .ty-upload__upload-list-item-delete {
    height: 16px; }
  .ty-upload__tip {
    font-size: 12px;
    color: #525f7f;
    margin-top: 7px; }
  .ty-upload__dragger-cover {
    position: relative;
    padding: 15px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fafafa;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: border-color 300ms, background-color 300ms;
    transition: border-color 300ms, background-color 300ms; }
    .ty-upload__dragger-cover:hover:not(.ty-upload__dragger-cover_disabled), .ty-upload__dragger-cover_dragover {
      background-color: #efefef;
      border-color: #6E41BF; }
    .ty-upload__dragger-cover_disabled {
      cursor: not-allowed; }

.ty-waterfall {
  position: relative; }
  .ty-waterfall__item {
    position: absolute;
    margin: 0;
    padding: 0; }
