.h-tooltip {
    display: none;
    opacity: 0;
    background: #36344d;
    color: #fff;
    padding: 4px 16px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    z-index: 50;
    transition: opacity .2s
}

.h-tooltip--build {
    display: inline-block
}

.h-tooltip-activator:hover~.h-tooltip,
.h-tooltip-activator:hover~.h-tooltip--hide {
    display: inline-block;
    opacity: 1
}

.h-tooltip__arrow,
.h-tooltip__arrow:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit
}

.h-tooltip__arrow {
    visibility: hidden
}

.h-tooltip__arrow:before {
    visibility: visible;
    content: "";
    transform: rotate(45deg)
}

.h-tooltip[data-popper-placement^=top]>.h-tooltip__arrow {
    bottom: -4px
}

.h-tooltip[data-popper-placement^=bottom]>.h-tooltip__arrow {
    top: -4px
}

.h-tooltip[data-popper-placement^=left]>.h-tooltip__arrow {
    right: -4px
}

.h-tooltip[data-popper-placement^=right]>.h-tooltip__arrow {
    left: -4px
}

.h-circle-loader[data-v-1dc97a8e] {
    display: flex;
    justify-content: center;
    align-items: center
}

.h-circle-loader .h-circular[data-v-1dc97a8e] {
    animation: rotate-1dc97a8e 2s linear infinite;
    height: 100%;
    width: auto
}

.h-circle-loader .path[data-v-1dc97a8e] {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash-1dc97a8e 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke: #673de6
}

@keyframes rotate-1dc97a8e {
    to {
        transform: rotate(360deg)
    }
}

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

.h-circle-loader.primary .path[data-v-1dc97a8e] {
    stroke: #673de6
}

.h-circle-loader.success .path[data-v-1dc97a8e] {
    stroke: #00b090
}

.h-circle-loader.warning .path[data-v-1dc97a8e] {
    stroke: #ffcd35
}

.h-circle-loader.danger .path[data-v-1dc97a8e] {
    stroke: #fc5185
}

.h-circle-loader.light .path[data-v-1dc97a8e] {
    stroke: #fff
}

.h-circle-loader.dark .path[data-v-1dc97a8e] {
    stroke: #1d1e20
}

.h-circle-loader.gray .path[data-v-1dc97a8e] {
    stroke: #727586
}

.h-circle-loader--button .path[data-v-1dc97a8e] {
    stroke: currentColor !important
}

.h-circle-loader--absolute[data-v-1dc97a8e] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px !important;
    margin-top: -25px !important
}

.h-circle-loader--sm[data-v-1dc97a8e] {
    transform: scale(.7)
}

.h-circle-loader--xs[data-v-1dc97a8e] {
    transform: scale(.5)
}

.h-circle-loader--centered[data-v-1dc97a8e] {
    margin: auto;
    display: block;
    text-align: center
}

.h-button {
    height: 48px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    cursor: pointer
}

.h-button.disabled {
    cursor: not-allowed
}

.h-button__loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 4px
}

.h-button__content {
    text-align: center
}

.h-button.block {
    width: 100%;
    display: block
}

.h-button.shadow {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .16)
}

.h-button.primary {
    background: #673de6;
    color: #fff;
    border: 1px solid transparent
}

.h-button.primary .h-button__loader {
    background: #673de6
}

.h-button.primary.disabled {
    background: #727586;
    color: #fff
}

.h-button.primary.disabled .h-button__loader,
.h-button.primary.disabled:hover,
.h-button.primary.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.primary:hover,
.h-button.primary:hover .h-button__loader {
    background: #5025d1
}

.h-button.primary.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #673de6
}

.h-button.primary.text.loading .h-button__content {
    opacity: 0
}

.h-button.primary.text .h-button__loader,
.h-button.primary.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.primary.text.disabled,
.h-button.primary.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.primary.text:hover {
    color: #673de6;
    background: #ebe4ff
}

.h-button.primary.outline {
    border: 1px solid #673de6;
    background: 0 0;
    color: #673de6
}

.h-button.primary.outline.loading .h-button__content {
    opacity: 0
}

.h-button.primary.outline .h-button__loader,
.h-button.primary.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.primary.outline.disabled,
.h-button.primary.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.primary.outline:hover {
    border: 1px solid #673de6;
    background: #ebe4ff
}

.h-button.success {
    background: #00b090;
    color: #fff;
    border: 1px solid transparent
}

.h-button.success .h-button__loader {
    background: #00b090
}

.h-button.success.disabled {
    background: #727586;
    color: #fff
}

.h-button.success.disabled .h-button__loader,
.h-button.success.disabled:hover,
.h-button.success.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.success:hover,
.h-button.success:hover .h-button__loader {
    background: #008361
}

.h-button.success.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #00b090
}

.h-button.success.text.loading .h-button__content {
    opacity: 0
}

.h-button.success.text .h-button__loader,
.h-button.success.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.success.text.disabled,
.h-button.success.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.success.text:hover {
    color: #00b090;
    background: #def4f0
}

.h-button.success.outline {
    border: 1px solid #00b090;
    background: 0 0;
    color: #00b090
}

.h-button.success.outline.loading .h-button__content {
    opacity: 0
}

.h-button.success.outline .h-button__loader,
.h-button.success.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.success.outline.disabled,
.h-button.success.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.success.outline:hover {
    border: 1px solid #00b090;
    background: #def4f0
}

.h-button.warning {
    background: #ffcd35;
    color: #fff;
    border: 1px solid transparent
}

.h-button.warning .h-button__loader {
    background: #ffcd35
}

.h-button.warning.disabled {
    background: #727586;
    color: #fff
}

.h-button.warning.disabled .h-button__loader,
.h-button.warning.disabled:hover,
.h-button.warning.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.warning:hover,
.h-button.warning:hover .h-button__loader {
    background: #fea419
}

.h-button.warning.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #ffcd35
}

.h-button.warning.text.loading .h-button__content {
    opacity: 0
}

.h-button.warning.text .h-button__loader,
.h-button.warning.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.warning.text.disabled,
.h-button.warning.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.warning.text:hover {
    color: #ffcd35;
    background: #fff8e2
}

.h-button.warning.outline {
    border: 1px solid #ffcd35;
    background: 0 0;
    color: #ffcd35
}

.h-button.warning.outline.loading .h-button__content {
    opacity: 0
}

.h-button.warning.outline .h-button__loader,
.h-button.warning.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.warning.outline.disabled,
.h-button.warning.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.warning.outline:hover {
    border: 1px solid #ffcd35;
    background: #fff8e2
}

.h-button.danger {
    background: #fc5185;
    color: #fff;
    border: 1px solid transparent
}

.h-button.danger .h-button__loader {
    background: #fc5185
}

.h-button.danger.disabled {
    background: #727586;
    color: #fff
}

.h-button.danger.disabled .h-button__loader,
.h-button.danger.disabled:hover,
.h-button.danger.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.danger:hover,
.h-button.danger:hover .h-button__loader {
    background: #d63163
}

.h-button.danger.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #fc5185
}

.h-button.danger.text.loading .h-button__content {
    opacity: 0
}

.h-button.danger.text .h-button__loader,
.h-button.danger.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.danger.text.disabled,
.h-button.danger.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.danger.text:hover {
    color: #fc5185;
    background: #ffe8ef
}

.h-button.danger.outline {
    border: 1px solid #fc5185;
    background: 0 0;
    color: #fc5185
}

.h-button.danger.outline.loading .h-button__content {
    opacity: 0
}

.h-button.danger.outline .h-button__loader,
.h-button.danger.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.danger.outline.disabled,
.h-button.danger.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.danger.outline:hover {
    border: 1px solid #fc5185;
    background: #ffe8ef
}

.h-button.light {
    background: #fff;
    color: #fff;
    border: 1px solid transparent
}

.h-button.light .h-button__loader {
    background: #fff
}

.h-button.light.disabled {
    background: #727586;
    color: #fff
}

.h-button.light.disabled .h-button__loader,
.h-button.light.disabled:hover,
.h-button.light.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.light:hover,
.h-button.light:hover .h-button__loader {
    background: #fff
}

.h-button.light.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #fff
}

.h-button.light.text.loading .h-button__content {
    opacity: 0
}

.h-button.light.text .h-button__loader,
.h-button.light.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.light.text.disabled,
.h-button.light.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.light.text:hover {
    color: #fff;
    background: #e6e6e6
}

.h-button.light.outline {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.h-button.light.outline.loading .h-button__content {
    opacity: 0
}

.h-button.light.outline .h-button__loader,
.h-button.light.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.light.outline.disabled,
.h-button.light.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.light.outline:hover {
    border: 1px solid #fff;
    background: #e6e6e6
}

.h-button.dark {
    background: #1d1e20;
    color: #fff;
    border: 1px solid transparent
}

.h-button.dark .h-button__loader {
    background: #1d1e20
}

.h-button.dark.disabled {
    background: #727586;
    color: #fff
}

.h-button.dark.disabled .h-button__loader,
.h-button.dark.disabled:hover,
.h-button.dark.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.dark:hover,
.h-button.dark:hover .h-button__loader {
    background: #1d1e20
}

.h-button.dark.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #1d1e20
}

.h-button.dark.text.loading .h-button__content {
    opacity: 0
}

.h-button.dark.text .h-button__loader,
.h-button.dark.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.dark.text.disabled,
.h-button.dark.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.dark.text:hover {
    color: #1d1e20;
    background: #e6e6e6
}

.h-button.dark.outline {
    border: 1px solid #1d1e20;
    background: 0 0;
    color: #1d1e20
}

.h-button.dark.outline.loading .h-button__content {
    opacity: 0
}

.h-button.dark.outline .h-button__loader,
.h-button.dark.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.dark.outline.disabled,
.h-button.dark.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.dark.outline:hover {
    border: 1px solid #1d1e20;
    background: #e6e6e6
}

.h-button.gray {
    background: #727586;
    color: #fff;
    border: 1px solid transparent
}

.h-button.gray .h-button__loader {
    background: #727586
}

.h-button.gray.disabled {
    background: #727586;
    color: #fff
}

.h-button.gray.disabled .h-button__loader,
.h-button.gray.disabled:hover,
.h-button.gray.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.gray:hover,
.h-button.gray:hover .h-button__loader {
    background: #36344d
}

.h-button.gray.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #727586
}

.h-button.gray.text.loading .h-button__content {
    opacity: 0
}

.h-button.gray.text .h-button__loader,
.h-button.gray.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.gray.text.disabled,
.h-button.gray.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.gray.text:hover {
    color: #727586;
    background: #f2f3f6
}

.h-button.gray.outline {
    border: 1px solid #727586;
    background: 0 0;
    color: #727586
}

.h-button.gray.outline.loading .h-button__content {
    opacity: 0
}

.h-button.gray.outline .h-button__loader,
.h-button.gray.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.gray.outline.disabled,
.h-button.gray.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.gray.outline:hover {
    border: 1px solid #727586;
    background: #f2f3f6
}

.h-button.facebook {
    background: #1877f2;
    color: #fff;
    border: 1px solid transparent
}

.h-button.facebook .h-button__loader {
    background: #1877f2
}

.h-button.facebook.disabled {
    background: #727586;
    color: #fff
}

.h-button.facebook.disabled .h-button__loader,
.h-button.facebook.disabled:hover,
.h-button.facebook.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.facebook:hover,
.h-button.facebook:hover .h-button__loader {
    background: #09499b
}

.h-button.facebook.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #1877f2
}

.h-button.facebook.text.loading .h-button__content {
    opacity: 0
}

.h-button.facebook.text .h-button__loader,
.h-button.facebook.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.facebook.text.disabled,
.h-button.facebook.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.facebook.text:hover {
    color: #1877f2;
    background: #d9e9fd
}

.h-button.facebook.outline {
    border: 1px solid #1877f2;
    background: 0 0;
    color: #1877f2
}

.h-button.facebook.outline.loading .h-button__content {
    opacity: 0
}

.h-button.facebook.outline .h-button__loader,
.h-button.facebook.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.facebook.outline.disabled,
.h-button.facebook.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.facebook.outline:hover {
    border: 1px solid #1877f2;
    background: #d9e9fd
}

.h-button.google {
    background: #fff;
    color: #1d1e20;
    border: 1px solid transparent
}

.h-button.google .h-button__loader {
    background: #fff
}

.h-button.google.disabled {
    background: #727586;
    color: #fff
}

.h-button.google.disabled .h-button__loader,
.h-button.google.disabled:hover,
.h-button.google.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.google:hover,
.h-button.google:hover .h-button__loader {
    background: #ccc
}

.h-button.google.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #1d1e20
}

.h-button.google.text.loading .h-button__content {
    opacity: 0
}

.h-button.google.text .h-button__loader,
.h-button.google.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.google.text.disabled,
.h-button.google.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.google.text:hover {
    color: #fff;
    background: #fff
}

.h-button.google.outline {
    border: 1px solid #fff;
    background: 0 0;
    color: #1d1e20
}

.h-button.google.outline.loading .h-button__content {
    opacity: 0
}

.h-button.google.outline .h-button__loader,
.h-button.google.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.google.outline.disabled,
.h-button.google.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.google.outline:hover {
    border: 1px solid #fff;
    background: #fff
}

.h-button.github {
    background: #2f363d;
    color: #fff;
    border: 1px solid transparent
}

.h-button.github .h-button__loader {
    background: #2f363d
}

.h-button.github.disabled {
    background: #727586;
    color: #fff
}

.h-button.github.disabled .h-button__loader,
.h-button.github.disabled:hover,
.h-button.github.disabled:hover .h-button__loader {
    background: #727586
}

.h-button.github:hover,
.h-button.github:hover .h-button__loader {
    background: #030303
}

.h-button.github.text {
    border: 1px solid transparent;
    background: 0 0;
    color: #2f363d
}

.h-button.github.text.loading .h-button__content {
    opacity: 0
}

.h-button.github.text .h-button__loader,
.h-button.github.text.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.github.text.disabled,
.h-button.github.text.disabled:hover {
    background: 0 0;
    color: #727586
}

.h-button.github.text:hover {
    color: #2f363d;
    background: #8f9ca9
}

.h-button.github.outline {
    border: 1px solid #2f363d;
    background: 0 0;
    color: #2f363d
}

.h-button.github.outline.loading .h-button__content {
    opacity: 0
}

.h-button.github.outline .h-button__loader,
.h-button.github.outline.disabled:hover .h-button__loader {
    background: 0 0
}

.h-button.github.outline.disabled,
.h-button.github.outline.disabled:hover {
    background: 0 0;
    border: 1px solid #727586;
    color: #727586
}

.h-button.github.outline:hover {
    border: 1px solid #2f363d;
    background: #8f9ca9
}

.h-icon[data-v-f7fefef0] {
    display: inline-flex;
    fill: #1d1e20
}

.h-icon.currentColor [data-v-f7fefef0],
.h-icon.currentColor g [data-v-f7fefef0],
.h-icon.currentColor g[data-v-f7fefef0],
.h-icon.currentColor[data-v-f7fefef0] {
    fill: currentColor
}

.h-icon.primary[data-v-f7fefef0] {
    fill: #673de6
}

.h-icon.primaryDark[data-v-f7fefef0] {
    fill: #5025d1
}

.h-icon.meteorite[data-v-f7fefef0] {
    fill: #8c85ff
}

.h-icon.meteoriteDark[data-v-f7fefef0] {
    fill: #2f1c6a
}

.h-icon.success[data-v-f7fefef0] {
    fill: #00b090
}

.h-icon.successDark[data-v-f7fefef0] {
    fill: #008361
}

.h-icon.warning[data-v-f7fefef0] {
    fill: #ffcd35
}

.h-icon.warningDark[data-v-f7fefef0] {
    fill: #fea419
}

.h-icon.danger[data-v-f7fefef0] {
    fill: #fc5185
}

.h-icon.dangerDark[data-v-f7fefef0] {
    fill: #d63163
}

.h-icon.light[data-v-f7fefef0],
.h-icon.lightDark[data-v-f7fefef0] {
    fill: #fff
}

.h-icon.dark[data-v-f7fefef0],
.h-icon.darkDark[data-v-f7fefef0] {
    fill: #1d1e20
}

.h-icon.gray[data-v-f7fefef0] {
    fill: #727586
}

.h-icon.grayDark[data-v-f7fefef0] {
    fill: #36344d
}

.h-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.h-checkbox__box {
    display: block;
    height: 18px;
    width: 18px;
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer;
    background: 0 0;
    position: relative;
    transition: transform .3s, box-shadow .2s;
    border: 2px solid;
    border-color: #f2f3f6
}

.h-checkbox__box:after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    background: 0 0;
    border: solid #fff
}

.h-checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.h-checkbox:hover .h-checkbox__box,
.h-checkbox__box:hover,
.h-checkbox__input:hover~.h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(242, 243, 246, .1)
}

.h-checkbox:active .h-checkbox__box,
.h-checkbox__box:active,
.h-checkbox__input:active:checked~.h-checkbox__box {
    border-color: #f2f3f6;
    box-shadow: 0 0 2px 6px rgba(242, 243, 246, .3)
}

.h-checkbox__input:checked~.h-checkbox__box {
    background: #f2f3f6
}

.h-checkbox__input:checked~.h-checkbox__box:after {
    display: inherit;
    border: solid #fff
}

.h-checkbox--disabled .h-checkbox__box,
.h-checkbox--disabled .h-checkbox__input:checked~.h-checkbox__box {
    box-shadow: none
}

.h-checkbox--disabled.primary .h-checkbox__box {
    border-color: #ebe4ff
}

.h-checkbox.primary .h-checkbox__box {
    border: 2px solid;
    border-color: #673de6;
    box-shadow: 0 1px 4px rgba(103, 61, 230, .26)
}

.h-checkbox.primary .h-checkbox__input:checked~.h-checkbox__box {
    background: #673de6
}

.h-checkbox.primary .h-checkbox__box:hover,
.h-checkbox.primary .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.primary :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(103, 61, 230, .1)
}

.h-checkbox.primary .h-checkbox__box:active,
.h-checkbox.primary .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.primary:active .h-checkbox__box {
    border-color: #8a6aec;
    box-shadow: 0 0 2px 6px rgba(103, 61, 230, .3)
}

.h-checkbox--disabled.success .h-checkbox__box {
    border-color: #def4f0
}

.h-checkbox.success .h-checkbox__box {
    border: 2px solid;
    border-color: #00b090;
    box-shadow: 0 1px 4px rgba(0, 176, 144, .26)
}

.h-checkbox.success .h-checkbox__input:checked~.h-checkbox__box {
    background: #00b090
}

.h-checkbox.success .h-checkbox__box:hover,
.h-checkbox.success .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.success :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(0, 176, 144, .1)
}

.h-checkbox.success .h-checkbox__box:active,
.h-checkbox.success .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.success:active .h-checkbox__box {
    border-color: #00e3ba;
    box-shadow: 0 0 2px 6px rgba(0, 176, 144, .3)
}

.h-checkbox--disabled.warning .h-checkbox__box {
    border-color: #fff8e2
}

.h-checkbox.warning .h-checkbox__box {
    border: 2px solid;
    border-color: #ffcd35;
    box-shadow: 0 1px 4px rgba(255, 205, 53, .26)
}

.h-checkbox.warning .h-checkbox__input:checked~.h-checkbox__box {
    background: #ffcd35
}

.h-checkbox.warning .h-checkbox__box:hover,
.h-checkbox.warning .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.warning :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(255, 205, 53, .1)
}

.h-checkbox.warning .h-checkbox__box:active,
.h-checkbox.warning .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.warning:active .h-checkbox__box {
    border-color: #ffda68;
    box-shadow: 0 0 2px 6px rgba(255, 205, 53, .3)
}

.h-checkbox--disabled.danger .h-checkbox__box {
    border-color: #ffe8ef
}

.h-checkbox.danger .h-checkbox__box {
    border: 2px solid;
    border-color: #fc5185;
    box-shadow: 0 1px 4px rgba(252, 81, 133, .26)
}

.h-checkbox.danger .h-checkbox__input:checked~.h-checkbox__box {
    background: #fc5185
}

.h-checkbox.danger .h-checkbox__box:hover,
.h-checkbox.danger .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.danger :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(252, 81, 133, .1)
}

.h-checkbox.danger .h-checkbox__box:active,
.h-checkbox.danger .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.danger:active .h-checkbox__box {
    border-color: #fd83a8;
    box-shadow: 0 0 2px 6px rgba(252, 81, 133, .3)
}

.h-checkbox--disabled.light .h-checkbox__box {
    border-color: #e6e6e6
}

.h-checkbox.light .h-checkbox__box {
    border: 2px solid;
    border-color: #fff;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .26)
}

.h-checkbox.light .h-checkbox__input:checked~.h-checkbox__box {
    background: #fff
}

.h-checkbox.light .h-checkbox__box:hover,
.h-checkbox.light .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.light :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(255, 255, 255, .1)
}

.h-checkbox.light .h-checkbox__box:active,
.h-checkbox.light .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.light:active .h-checkbox__box {
    border-color: #fff;
    box-shadow: 0 0 2px 6px rgba(255, 255, 255, .3)
}

.h-checkbox--disabled.dark .h-checkbox__box {
    border-color: #e6e6e6
}

.h-checkbox.dark .h-checkbox__box {
    border: 2px solid;
    border-color: #1d1e20;
    box-shadow: 0 1px 4px rgba(29, 30, 32, .26)
}

.h-checkbox.dark .h-checkbox__input:checked~.h-checkbox__box {
    background: #1d1e20
}

.h-checkbox.dark .h-checkbox__box:hover,
.h-checkbox.dark .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.dark :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(29, 30, 32, .1)
}

.h-checkbox.dark .h-checkbox__box:active,
.h-checkbox.dark .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.dark:active .h-checkbox__box {
    border-color: #35373b;
    box-shadow: 0 0 2px 6px rgba(29, 30, 32, .3)
}

.h-checkbox--disabled.gray .h-checkbox__box {
    border-color: #f2f3f6
}

.h-checkbox.gray .h-checkbox__box {
    border: 2px solid;
    border-color: #727586;
    box-shadow: 0 1px 4px rgba(114, 117, 134, .26)
}

.h-checkbox.gray .h-checkbox__input:checked~.h-checkbox__box {
    background: #727586
}

.h-checkbox.gray .h-checkbox__box:hover,
.h-checkbox.gray .h-checkbox__input:hover~.h-checkbox__box,
.h-checkbox.gray :hover .h-checkbox__box {
    box-shadow: 0 0 2px 6px rgba(114, 117, 134, .1)
}

.h-checkbox.gray .h-checkbox__box:active,
.h-checkbox.gray .h-checkbox__input:active:checked~.h-checkbox__box,
.h-checkbox.gray:active .h-checkbox__box {
    border-color: #8d909e;
    box-shadow: 0 0 2px 6px rgba(114, 117, 134, .3)
}

.h-checkbox--sm .h-checkbox__box {
    height: 12px;
    width: 12px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px
}

.h-form-field-icon {
    display: flex;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    z-index: 10;
    max-width: 24px;
    overflow: hidden;
    margin-bottom: 0;
    cursor: pointer
}

.h-form-field-label {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), width 0s;
    color: #727586
}

.h-form-field-label__required {
    font-size: 14px;
    margin-left: -4px
}

.h-form-field-label--active,
.h-form-field-label--filled,
.h-form-field-label--force-focused {
    transform: translate(-8px, -34px) scale(.85);
    transform-origin: 0 0;
    padding: 0 4px;
    max-width: calc(130% - 16px);
    width: auto;
    background: linear-gradient(to top, #fff 60%, transparent 60%)
}

.h-form-field-label--active label,
.h-form-field-label--filled label,
.h-form-field-label--force-focused label {
    text-overflow: initial
}

.h-form-field-label--force-focused {
    color: #727586
}

.h-form-field-label--active {
    color: #673de6
}

.h-form-field-label--active.label-holder--select {
    color: #dadce0
}

.h-form-field-label--error {
    color: #d63163
}

.h-form-field-label--disabled {
    color: #1d1e20
}

.h-input {
    width: 100%;
    position: relative
}

.h-input input {
    background: #fff
}

.h-input input::-webkit-inner-spin-button,
.h-input input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.h-input input[type=number] {
    -moz-appearance: textfield
}

.h-input__input-wrapper {
    position: relative
}

.h-input__input {
    width: 100%;
    padding: 11px 16px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #dadce0;
    box-shadow: 0 0 0 transparent;
    transition: border .3s, box-shadow .3s;
    outline: transparent
}

.h-input__input--with-icon {
    padding-right: 44px
}

.h-input--error .h-input__input {
    border: 1px solid #d63163
}

.h-input--error .h-input__input:active,
.h-input--error .h-input__input:focus {
    border: 1px solid #d63163 !important;
    box-shadow: 0 0 4px #d63163 !important
}

.h-input__error {
    color: #d63163
}

.h-input__error,
.h-input__explanation {
    font-size: 14px;
    line-height: 24px;
    padding: 0 16px
}

.h-input--disabled .h-input__input {
    pointer-events: none;
    cursor: not-allowed;
    border: 1px solid #727586;
    color: #727586
}

.h-input--disabled .h-input__input:active,
.h-input--disabled .h-input__input:focus {
    border: 1px solid #dadce0;
    box-shadow: none
}

.h-input.primary .h-input__input--active,
.h-input.primary .h-input__input:active,
.h-input.primary .h-input__input:focus {
    border: 1px solid #673de6;
    box-shadow: 0 0 4px #673de6
}

.h-input.success .h-input__input--active,
.h-input.success .h-input__input:active,
.h-input.success .h-input__input:focus {
    border: 1px solid #00b090;
    box-shadow: 0 0 4px #00b090
}

.h-input.warning .h-input__input--active,
.h-input.warning .h-input__input:active,
.h-input.warning .h-input__input:focus {
    border: 1px solid #ffcd35;
    box-shadow: 0 0 4px #ffcd35
}

.h-input.danger .h-input__input--active,
.h-input.danger .h-input__input:active,
.h-input.danger .h-input__input:focus {
    border: 1px solid #fc5185;
    box-shadow: 0 0 4px #fc5185
}

.h-input.light .h-input__input--active,
.h-input.light .h-input__input:active,
.h-input.light .h-input__input:focus {
    border: 1px solid #fff;
    box-shadow: 0 0 4px #fff
}

.h-input.dark .h-input__input--active,
.h-input.dark .h-input__input:active,
.h-input.dark .h-input__input:focus {
    border: 1px solid #1d1e20;
    box-shadow: 0 0 4px #1d1e20
}

.h-input.gray .h-input__input--active,
.h-input.gray .h-input__input:active,
.h-input.gray .h-input__input:focus {
    border: 1px solid #727586;
    box-shadow: 0 0 4px #727586
}

.h-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.h-radio__box {
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    border-radius: 50%;
    cursor: pointer;
    background: 0 0;
    transition: transform .3s, box-shadow .2s;
    border-width: 2px;
    border-style: solid;
    border-color: #673de6;
    box-shadow: 0 1px 4px rgba(103, 61, 230, .26)
}

.h-radio__input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.h-radio:hover .h-radio__box,
.h-radio__box:hover,
.h-radio__input:hover~.h-radio__box {
    box-shadow: 0 0 2px 6px rgba(103, 61, 230, .1)
}

.h-radio:active .h-radio__box,
.h-radio__box:active,
.h-radio__input:active:checked~.h-radio__box {
    border-color: #8c85ff;
    box-shadow: 0 0 2px 6px rgba(103, 61, 230, .3)
}

.h-radio__input.active~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #673de6
}

.h-radio--disabled .h-radio__box,
.h-radio--disabled .h-radio__input:checked~.h-radio__box {
    border-color: #ebe4ff;
    box-shadow: none
}

.h-radio--disabled.primary .h-radio__box {
    border-color: #ebe4ff
}

.h-radio.primary .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #673de6;
    box-shadow: 0 1px 4px rgba(103, 61, 230, .26)
}

primary .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #673de6
}

primary .h-radio__box:hover,
primary .h-radio__input:hover~.h-radio__box,
primary :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(103, 61, 230, .1)
}

primary .h-radio__box:active,
primary .h-radio__input:active:checked~.h-radio__box,
primary:active .h-radio__box {
    border-color: #8a6aec;
    box-shadow: 0 0 2px 6px rgba(103, 61, 230, .3)
}

.h-radio--disabled.success .h-radio__box {
    border-color: #def4f0
}

.h-radio.success .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #00b090;
    box-shadow: 0 1px 4px rgba(0, 176, 144, .26)
}

success .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #00b090
}

success .h-radio__box:hover,
success .h-radio__input:hover~.h-radio__box,
success :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(0, 176, 144, .1)
}

success .h-radio__box:active,
success .h-radio__input:active:checked~.h-radio__box,
success:active .h-radio__box {
    border-color: #00e3ba;
    box-shadow: 0 0 2px 6px rgba(0, 176, 144, .3)
}

.h-radio--disabled.warning .h-radio__box {
    border-color: #fff8e2
}

.h-radio.warning .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #ffcd35;
    box-shadow: 0 1px 4px rgba(255, 205, 53, .26)
}

warning .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #ffcd35
}

warning .h-radio__box:hover,
warning .h-radio__input:hover~.h-radio__box,
warning :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(255, 205, 53, .1)
}

warning .h-radio__box:active,
warning .h-radio__input:active:checked~.h-radio__box,
warning:active .h-radio__box {
    border-color: #ffda68;
    box-shadow: 0 0 2px 6px rgba(255, 205, 53, .3)
}

.h-radio--disabled.danger .h-radio__box {
    border-color: #ffe8ef
}

.h-radio.danger .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #fc5185;
    box-shadow: 0 1px 4px rgba(252, 81, 133, .26)
}

danger .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #fc5185
}

danger .h-radio__box:hover,
danger .h-radio__input:hover~.h-radio__box,
danger :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(252, 81, 133, .1)
}

danger .h-radio__box:active,
danger .h-radio__input:active:checked~.h-radio__box,
danger:active .h-radio__box {
    border-color: #fd83a8;
    box-shadow: 0 0 2px 6px rgba(252, 81, 133, .3)
}

.h-radio--disabled.light .h-radio__box {
    border-color: #e6e6e6
}

.h-radio.light .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .26)
}

light .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #fff
}

light .h-radio__box:hover,
light .h-radio__input:hover~.h-radio__box,
light :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(255, 255, 255, .1)
}

light .h-radio__box:active,
light .h-radio__input:active:checked~.h-radio__box,
light:active .h-radio__box {
    border-color: #fff;
    box-shadow: 0 0 2px 6px rgba(255, 255, 255, .3)
}

.h-radio--disabled.dark .h-radio__box {
    border-color: #e6e6e6
}

.h-radio.dark .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #1d1e20;
    box-shadow: 0 1px 4px rgba(29, 30, 32, .26)
}

dark .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #1d1e20
}

dark .h-radio__box:hover,
dark .h-radio__input:hover~.h-radio__box,
dark :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(29, 30, 32, .1)
}

dark .h-radio__box:active,
dark .h-radio__input:active:checked~.h-radio__box,
dark:active .h-radio__box {
    border-color: #35373b;
    box-shadow: 0 0 2px 6px rgba(29, 30, 32, .3)
}

.h-radio--disabled.gray .h-radio__box {
    border-color: #f2f3f6
}

.h-radio.gray .h-radio__box {
    border-width: 2px;
    border-style: solid;
    border-color: #727586;
    box-shadow: 0 1px 4px rgba(114, 117, 134, .26)
}

gray .h-radio__input:checked~.h-radio__box {
    border-width: 5px;
    border-style: solid;
    border-color: #727586
}

gray .h-radio__box:hover,
gray .h-radio__input:hover~.h-radio__box,
gray :hover .h-radio__box {
    box-shadow: 0 0 2px 6px rgba(114, 117, 134, .1)
}

gray .h-radio__box:active,
gray .h-radio__input:active:checked~.h-radio__box,
gray:active .h-radio__box {
    border-color: #8d909e;
    box-shadow: 0 0 2px 6px rgba(114, 117, 134, .3)
}

.h-radio--sm .h-radio__box {
    height: 14px;
    width: 14px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px
}

.h-radio--sm .h-radio__input.active~.h-radio__box {
    border-width: 4px
}

.h-switch {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    height: 12px;
    width: 21px;
    background: #727586;
    border-radius: 50px;
    position: relative;
    transition: background .4s;
    margin: 0 8px
}

.h-switch__input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.h-switch__box {
    display: block;
    height: 18px;
    width: 18px;
    margin: 0 -7px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(29, 30, 32, .26);
    transition: transform .3s, box-shadow .2s;
    cursor: pointer
}

.h-switch:hover .h-switch__box,
.h-switch__box:hover,
.h-switch__input:hover~.h-switch__box {
    box-shadow: 0 0 2px 6px rgba(29, 30, 32, .1)
}

.h-switch:active .h-switch__box,
.h-switch__box:active,
.h-switch__input:active~.h-switch__box {
    box-shadow: 0 0 2px 6px rgba(29, 30, 32, .3)
}

.h-switch__input:checked~.h-switch__box {
    transform: translate(100%)
}

.h-switch__input:checked~.h-switch__box:hover,
.h-switch__input:hover:checked~.h-switch__box {
    box-shadow: 0 0 2px 6px rgba(0, 176, 144, .1)
}

.h-switch__input:active:checked~.h-switch__box,
.h-switch__input:checked~.h-switch__box:active {
    box-shadow: 0 0 2px 6px rgba(0, 176, 144, .3)
}

.h-switch--on {
    background: #00b090
}

.h-switch--disabled .h-switch__box:active,
.h-switch--disabled .h-switch__box:hover,
.h-switch--disabled:active .h-switch__box,
.h-switch--disabled:hover .h-switch__box {
    box-shadow: 0 1px 4px rgba(29, 30, 32, .26) !important
}

.h-switch--disabled {
    background: #f2f3f6
}

.h-switch--on.h-switch--disabled {
    background: #def4f0
}

.h-switch--sm {
    height: 10px;
    width: 17px;
    margin: 0 5px
}

.h-switch--sm .h-switch__box {
    height: 14px;
    width: 14px;
    margin: 0 -5px
}

.h-select {
    position: relative;
    box-sizing: border-box
}

.h-select .h-input__input {
    cursor: pointer !important
}

.h-select .hidden {
    width: 0;
    height: 0;
    opacity: 0
}

.h-select .hidden input {
    pointer-events: none
}

.h-select__select {
    position: absolute;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column
}

.h-select__option {
    padding: 8px 16px
}

.h-select__option:hover {
    cursor: pointer
}

.h-select__option.active,
.h-select__option:hover {
    background: #f4f5ff
}

.h-select__option--empty {
    padding: 8px 16px;
    min-height: 48px;
    display: flex;
    align-items: center
}

.h-select__option--empty:hover {
    background: inherit !important
}

.h-alert[data-v-d3986bfe] {
    padding: 8px;
    border-radius: 4px
}

.h-alert[data-v-d3986bfe] {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.h-alert.primary[data-v-d3986bfe] {
    background: #ebe4ff;
    color: #5025d1
}

.h-alert.success[data-v-d3986bfe] {
    background: #def4f0;
    color: #008361
}

.h-alert.warning[data-v-d3986bfe] {
    background: #fff8e2;
    color: #fea419
}

.h-alert.danger[data-v-d3986bfe] {
    background: #ffe8ef;
    color: #d63163
}

.h-alert.light[data-v-d3986bfe] {
    background: #e6e6e6;
    color: #fff
}

.h-alert.dark[data-v-d3986bfe] {
    background: #e6e6e6;
    color: #1d1e20
}

.h-alert.gray[data-v-d3986bfe] {
    background: #f2f3f6;
    color: #36344d
}

.h-chip {
    border-radius: 32px;
    padding: 0 12px;
    line-height: 32px;
    font-size: 16px;
    transition: all .3s;
    cursor: default;
    background: #d4d7e1;
    color: #fff
}

.h-chip .h-icon {
    display: block
}

.h-chip svg {
    fill: #fff !important
}

.h-chip.disabled {
    background: #727586;
    color: #fff;
    cursor: not-allowed
}

.h-chip.disabled .h-chip__loader {
    background: #727586
}

.h-chip.disabled .h-chip__delete {
    cursor: inherit;
    background: #36344d
}

.h-chip:not([class*=disabled]) .h-chip__delete,
.h-chip:not([class*=disabled]):is(.clickable) {
    cursor: pointer
}

.h-chip__delete {
    background: #a7adc2
}

.h-chip.deletable .h-chip__content {
    margin-right: 16px
}

.h-chip .h-chip__delete {
    border-radius: 50%;
    transition: all .3s;
    height: 16px
}

.h-chip.primary:not([class*=disabled]) {
    background: #673de6;
    color: #fff
}

.h-chip.primary:not([class*=disabled]):is(.clickable):hover {
    background: #5c2fe4
}

.h-chip.primary:not([class*=disabled]) .h-chip__delete {
    background: #5025d1
}

.h-chip.primary:not([class*=disabled]) .h-chip__delete:hover {
    background: #371990
}

.h-chip.primary.lightMode:not([class*=disabled]) {
    color: #5025d1;
    background: #ebe4ff
}

.h-chip.primary.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #d8cbff
}

.h-chip.success:not([class*=disabled]) {
    background: #00b090;
    color: #fff
}

.h-chip.success:not([class*=disabled]):is(.clickable):hover {
    background: #00a183
}

.h-chip.success:not([class*=disabled]) .h-chip__delete {
    background: #008361
}

.h-chip.success:not([class*=disabled]) .h-chip__delete:hover {
    background: #003728
}

.h-chip.success.lightMode:not([class*=disabled]) {
    color: #008361;
    background: #def4f0
}

.h-chip.success.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #cbeee7
}

.h-chip.warning:not([class*=disabled]) {
    background: #ffcd35;
    color: #fff
}

.h-chip.warning:not([class*=disabled]):is(.clickable):hover {
    background: #ffc926
}

.h-chip.warning:not([class*=disabled]) .h-chip__delete {
    background: #fea419
}

.h-chip.warning:not([class*=disabled]) .h-chip__delete:hover {
    background: #ca7b01
}

.h-chip.warning.lightMode:not([class*=disabled]) {
    color: #fea419;
    background: #fff8e2
}

.h-chip.warning.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #fff2c9
}

.h-chip.danger:not([class*=disabled]) {
    background: #fc5185;
    color: #fff
}

.h-chip.danger:not([class*=disabled]):is(.clickable):hover {
    background: #fc427a
}

.h-chip.danger:not([class*=disabled]) .h-chip__delete {
    background: #d63163
}

.h-chip.danger:not([class*=disabled]) .h-chip__delete:hover {
    background: #9c1f45
}

.h-chip.danger.lightMode:not([class*=disabled]) {
    color: #d63163;
    background: #ffe8ef
}

.h-chip.danger.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #ffcfdd
}

.h-chip.light:not([class*=disabled]) {
    background: #fff;
    color: #fff
}

.h-chip.light:not([class*=disabled]):is(.clickable):hover {
    background: #f7f7f7
}

.h-chip.light:not([class*=disabled]) .h-chip__delete {
    background: #fff
}

.h-chip.light:not([class*=disabled]) .h-chip__delete:hover {
    background: #d9d9d9
}

.h-chip.light.lightMode:not([class*=disabled]) {
    color: #fff;
    background: #e6e6e6
}

.h-chip.light.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #d9d9d9
}

.h-chip.dark:not([class*=disabled]) {
    background: #1d1e20;
    color: #fff
}

.h-chip.dark:not([class*=disabled]):is(.clickable):hover {
    background: #161618
}

.h-chip.dark:not([class*=disabled]) .h-chip__delete {
    background: #1d1e20
}

.h-chip.dark:not([class*=disabled]) .h-chip__delete:hover {
    background: #000
}

.h-chip.dark.lightMode:not([class*=disabled]) {
    color: #1d1e20;
    background: #e6e6e6
}

.h-chip.dark.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #d9d9d9
}

.h-chip.gray:not([class*=disabled]) {
    background: #727586;
    color: #fff
}

.h-chip.gray:not([class*=disabled]):is(.clickable):hover {
    background: #6b6e7e
}

.h-chip.gray:not([class*=disabled]) .h-chip__delete {
    background: #36344d
}

.h-chip.gray:not([class*=disabled]) .h-chip__delete:hover {
    background: #16151f
}

.h-chip.gray.lightMode:not([class*=disabled]) {
    color: #36344d;
    background: #f2f3f6
}

.h-chip.gray.lightMode:not([class*=disabled]):is(.clickable):hover {
    background: #e3e5ec
}

.old-price {
    margin-right: 8px;
    color: #727586
}

.old-price {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration: line-through
}

.h-tooltip {
    pointer-events: none;
    display: unset;
    max-width: 300px
}

.cart-step__title {
    color: #2f1c6a
}

.cart-choose-period {
    align-items: stretch
}