.login[data-v-3f1e397f] .el-form-item__content {
    margin-left: 0 !important;
    }
.login .el-form .el-form-item[data-v-3f1e397f] {
    margin-bottom: 10px;
    }
.card[data-v-3f1e397f] {
    max-width: 380px;
    margin: 60px auto 0 auto;
    }
.card img[data-v-3f1e397f] {
    height: 96px;
    margin-bottom: 10px;
    }
.card .input[data-v-3f1e397f] {
    margin: 10px 0 auto;
    }
.card .button[data-v-3f1e397f] {
    width: 100%;
    margin: 10px 0;
    }
.card .g-sign-in-button[data-v-3f1e397f] {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0;
    border-radius: 4px;
    background-color: #46a0fc;
    color: white;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 6px #ccc;
    box-shadow: 0 2px 6px #ccc;
    }
.img-wrapper[data-v-3f1e397f] {
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
@-webkit-keyframes spin-a7b73d3f {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
        } 100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
@keyframes spin-a7b73d3f {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
        } 100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
#app {
    font-family: "Avenir", Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    overflow: hidden;
    }
:root {
    --el-color-white: #fff;
    --el-color-black: #000;
    --el-color-primary-rgb: 64, 158, 255;
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: 0.3s;
    --el-transition-duration-fast: 0.2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px;
    }
:root {
    color-scheme: light;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: rgb(121, 187, 255);
    --el-color-primary-light-5: rgb(160, 207, 255);
    --el-color-primary-light-7: rgb(198, 226, 255);
    --el-color-primary-light-8: rgb(217, 236, 255);
    --el-color-primary-light-9: rgb(236, 245, 255);
    --el-color-primary-dark-2: rgb(51, 126, 204);
    --el-color-success: #67c23a;
    --el-color-success-light-3: rgb(149, 212, 117);
    --el-color-success-light-5: rgb(179, 225, 157);
    --el-color-success-light-7: rgb(209, 237, 196);
    --el-color-success-light-8: rgb(225, 243, 216);
    --el-color-success-light-9: rgb(240, 249, 235);
    --el-color-success-dark-2: rgb(82, 155, 46);
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: rgb(238, 190, 119);
    --el-color-warning-light-5: rgb(243, 209, 158);
    --el-color-warning-light-7: rgb(248, 227, 197);
    --el-color-warning-light-8: rgb(250, 236, 216);
    --el-color-warning-light-9: rgb(253, 246, 236);
    --el-color-warning-dark-2: rgb(184, 130, 48);
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: rgb(248, 152, 152);
    --el-color-danger-light-5: rgb(250, 182, 182);
    --el-color-danger-light-7: rgb(252, 211, 211);
    --el-color-danger-light-8: rgb(253, 226, 226);
    --el-color-danger-light-9: rgb(254, 240, 240);
    --el-color-danger-dark-2: rgb(196, 86, 86);
    --el-color-error: #f56c6c;
    --el-color-error-light-3: rgb(248, 152, 152);
    --el-color-error-light-5: rgb(250, 182, 182);
    --el-color-error-light-7: rgb(252, 211, 211);
    --el-color-error-light-8: rgb(253, 226, 226);
    --el-color-error-light-9: rgb(254, 240, 240);
    --el-color-error-dark-2: rgb(196, 86, 86);
    --el-color-info: #909399;
    --el-color-info-light-3: rgb(177, 179, 184);
    --el-color-info-light-5: rgb(200, 201, 204);
    --el-color-info-light-7: rgb(222, 223, 224);
    --el-color-info-light-8: rgb(233, 233, 235);
    --el-color-info-light-9: rgb(244, 244, 245);
    --el-color-info-dark-2: rgb(115, 118, 122);
    --el-bg-color: #fff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #fff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #fff;
    --el-box-shadow: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
    --el-box-shadow-light: 0 0 12px rgba(0, 0, 0, 0.12);
    --el-box-shadow-lighter: 0 0 6px rgba(0, 0, 0, 0.12);
    --el-box-shadow-dark: 0 16px 48px 16px rgba(0, 0, 0, 0.08), 0 12px 32px rgba(0, 0, 0, 0.12), 0 8px 16px -8px rgba(0, 0, 0, 0.16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, 0.8);
    --el-overlay-color-light: rgba(0, 0, 0, 0.7);
    --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
    --el-mask-color: rgba(255, 255, 255, 0.9);
    --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color);
    }
@keyframes rotating {
    0% {
        transform: rotate(0deg)
        } to {
        transform: rotate(1turn)
        }
    }
.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-text-color-secondary);
    --el-button-active-color: var(--el-text-color-primary);
    align-items: center;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    box-sizing: border-box;
    color: var(--el-button-text-color);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--el-button-font-weight);
    height: 32px;
    justify-content: center;
    line-height: 1;
    outline: none;
    text-align: center;
    transition: 0.1s;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    }
.el-button:hover {
    background-color: var(--el-button-hover-bg-color);
    border-color: var(--el-button-hover-border-color);
    color: var(--el-button-hover-text-color);
    outline: none;
    }
.el-button:active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none;
    }
.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s;
    }
.el-button > span {
    align-items: center;
    display: inline-flex;
    }
.el-button {
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base);
    }
.el-button {
    padding: 8px 15px;
    }
.el-button::-moz-focus-inner {
    border: 0;
    }
.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
    }
.el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank);
    background-color: var(--el-card-bg-color);
    border: 1px solid var(--el-card-border-color);
    border-radius: var(--el-card-border-radius);
    color: var(--el-text-color-primary);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: var(--el-transition-duration);
    }
.el-card.is-always-shadow {
    box-shadow: var(--el-box-shadow-light);
    }
.el-card__body {
    flex: 1;
    overflow: auto;
    padding: var(--el-card-padding);
    }
:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: 0.5;
    }
@keyframes v-modal-in {
    0% {
        opacity: 0
        }
    }
@keyframes v-modal-out {
    to {
        opacity: 0
        }
    }
@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
        } to {
        opacity: 1;
        transform: translateZ(0)
        }
    }
@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
        } to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
        }
    }
@keyframes modal-fade-in {
    0% {
        opacity: 0
        } to {
        opacity: 1
        }
    }
@keyframes modal-fade-out {
    0% {
        opacity: 1
        } to {
        opacity: 0
        }
    }
.el-form {
    --el-form-label-font-size: var(--el-font-size-base);
    --el-form-inline-content-width: 220px;
    }
.el-form-item {
    display: flex;
    --font-size: 14px;
    }
.el-form-item__content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    font-size: var(--font-size);
    line-height: 32px;
    min-width: 0;
    position: relative;
    }
@keyframes viewer-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
        } to {
        opacity: 1;
        transform: translateZ(0)
        }
    }
@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
        } to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
        }
    }
.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: var(--el-input-height);
    position: relative;
    vertical-align: middle;
    width: var(--el-input-width);
    }
.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11;
    }
.el-input::-webkit-scrollbar-thumb {
    background: var(--el-text-color-disabled);
    border-radius: 5px;
    width: 6px;
    }
.el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank);
    }
.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px;
    }
.el-input__wrapper {
    align-items: center;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 1px 11px;
    transform: translatez(0);
    transition: var(--el-transition-box-shadow);
    }
.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
    }
.el-input {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    }
.el-input__inner {
    -webkit-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    flex-grow: 1;
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    outline: none;
    padding: 0;
    width: 100%;
    }
.el-input__inner:focus {
    outline: none;
    }
.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
    }
.el-input__inner[type=password]::-ms-reveal {
    display: none;
    }
:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px;
    }
@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
        }
    }
@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
        } 50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
        } to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
        }
    }
:root {
    --el-menu-active-color: var(--el-color-primary);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-hover-text-color: var(--el-color-primary);
    --el-menu-bg-color: var(--el-fill-color-blank);
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-item-height: 56px;
    --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-height: 60px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px;
    }
@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
        } to {
        opacity: 1;
        transform: translateZ(0)
        }
    }
@keyframes progress {
    0% {
        background-position: 0 0
        } to {
        background-position: 32px 0
        }
    }
@keyframes indeterminate {
    0% {
        left: -100%
        } to {
        left: 100%
        }
    }
@keyframes striped-flow {
    0% {
        background-position: -100%
        } to {
        background-position: 100%
        }
    }
@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
        } to {
        background-position: 0 50%
        }
    }
@keyframes rotate {
    to {
        transform: rotate(1turn)
        }
    }
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
        } 50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
        } to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
        }
    }
@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
        } to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
        }
    }
@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
        } to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
        }
    }
@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
        } to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
        }
    }
@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
        } to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
        }
    }
@-webkit-keyframes loading-spin-138de579 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        } to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
@keyframes loading-spin-138de579 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
        } to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
    }
@-webkit-keyframes bounce {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
        } 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
        } 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
        } 90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
        }
    }
@keyframes bounce {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
        } 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
        } 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
        } 90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
        }
    }
@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
        } 25%, 75% {
        opacity: 0
        }
    }
@keyframes flash {
    0%, 50%, to {
        opacity: 1
        } 25%, 75% {
        opacity: 0
        }
    }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        } 50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
        } to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        } 50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
        } to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        } 30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
        } 40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
        } 50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
        } 65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
        } 75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
        } to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        } 30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
        } 40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
        } 50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
        } 65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
        } 75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
        } to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@-webkit-keyframes shakeX {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
        } 20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
        }
    }
@keyframes shakeX {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
        } 20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
        }
    }
@-webkit-keyframes shakeY {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
        } 20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
        }
    }
@keyframes shakeY {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
        } 20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
        }
    }
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
        } 6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
        } 18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
        } 31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
        } 43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
        } 50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
        }
    }
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
        } 6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
        } 18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
        } 31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
        } 43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
        } 50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
        }
    }
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
        } 40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
        } 60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
        } 80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0)
        }
    }
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
        } 40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
        } 60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
        } 80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0)
        }
    }
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        } 10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        } 30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        } 40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        } to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        } 10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        } 30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        } 40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        } to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        } 30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        } 45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        } 60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        } 75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        } 30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        } 45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        } 60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        } 75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
        } 33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
        } 44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
        } 55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
        } 66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
        } 77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
        } 88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
        }
    }
@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } 22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
        } 33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
        } 44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
        } 55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
        } 66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
        } 77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
        } 88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
        }
    }
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
        } 14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
        } 28% {
        -webkit-transform: scale(1);
        transform: scale(1)
        } 42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
        } 70% {
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
        } 14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
        } 28% {
        -webkit-transform: scale(1);
        transform: scale(1)
        } 42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
        } 70% {
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
        } 80% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        }
    }
@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
        }
    }
@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
        }
    }
@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
        }
    }
@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px) scale(.7);
        opacity: .7
        }
    }
@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
        }
    }
@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateX(0px) scale(.7);
        transform: translate(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translate(2000px) scale(.7);
        opacity: .7
        }
    }
@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
        }
    }
@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
        } 20% {
        -webkit-transform: translateY(0px) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
        } to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
        }
    }
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        } 20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
        } 40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
        } 80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
        } to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        } 20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
        } 40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
        } 80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
        } to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
        }
    }
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
        } 75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
        } 90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
        } 75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
        } 90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
        } 75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
        } 90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
        } 75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
        } 90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
        } 75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
        } 90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
        } 75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
        } 90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
        } 75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
        } 90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
        } 60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
        } 75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
        } 90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
        } 50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
        } to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        }
    }
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
        } 50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
        } to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        }
    }
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
        } 40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
        }
    }
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
        } 40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
        }
    }
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
        }
    }
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
        }
    }
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
        }
    }
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
        }
    }
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
        } 40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
        }
    }
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
        } 40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
        }
    }
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
        } to {
        opacity: 1
        }
    }
@keyframes fadeIn {
    0% {
        opacity: 0
        } to {
        opacity: 1
        }
    }
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
        } to {
        opacity: 0
        }
    }
@keyframes fadeOut {
    0% {
        opacity: 1
        } to {
        opacity: 0
        }
    }
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
        }
    }
@keyframes fadeOutDown {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
        }
    }
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
        }
    }
@keyframes fadeOutDownBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
        }
    }
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
        }
    }
@keyframes fadeOutLeft {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
        }
    }
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
        }
    }
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
        }
    }
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
        }
    }
@keyframes fadeOutRight {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
        }
    }
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
        }
    }
@keyframes fadeOutRightBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
        }
    }
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
        }
    }
@keyframes fadeOutUp {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
        }
    }
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
        }
    }
@keyframes fadeOutUpBig {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
        }
    }
@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
        }
    }
@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
        }
    }
@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
        }
    }
@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
        }
    }
@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
        }
    }
@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
        }
    }
@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
        }
    }
@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
        }
    }
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
        } 40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
        } 50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } 80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        }
    }
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
        } 40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
        } 50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } 80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        }
    }
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
        } 40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } 60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
        } 80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotateX(-5deg)
        } to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        }
    }
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
        } 40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } 60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
        } 80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotateX(-5deg)
        } to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        }
    }
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
        } 40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } 60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
        } 80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotateY(-5deg)
        } to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        }
    }
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
        } 40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
        } 60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
        } 80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotateY(-5deg)
        } to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        }
    }
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        } 30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
        } to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
        }
    }
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        } 30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
        } to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
        }
    }
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        } 30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
        } to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
        }
    }
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
        } 30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
        } to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
        }
    }
@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0
        } 60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
        } 80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0
        } 60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
        } 80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skew(30deg);
        opacity: 0
        } 60% {
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg);
        opacity: 1
        } 80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skew(30deg);
        opacity: 0
        } 60% {
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg);
        opacity: 1
        } 80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg)
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
        } to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0
        }
    }
@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
        } to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0
        }
    }
@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
        } to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skew(-30deg);
        opacity: 0
        }
    }
@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
        } to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skew(-30deg);
        opacity: 0
        }
    }
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@keyframes rotateIn {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
        }
    }
@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
        }
    }
@keyframes rotateOut {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
        }
    }
@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
        }
    }
@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
        }
    }
@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
        }
    }
@keyframes rotateOutDownRight {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
        }
    }
@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
        }
    }
@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
        }
    }
@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
        }
    }
@keyframes rotateOutUpRight {
    0% {
        opacity: 1
        } to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
        }
    }
@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
        } 20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
        } 40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
        } to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
        }
    }
@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
        } 20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
        } 40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
        } to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
        }
    }
@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
        } 50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
        } 70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
        } to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
        } 50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
        } 70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
        } to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        } to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes rollOut {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }
@keyframes rollOut {
    0% {
        opacity: 1
        } to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        } 50% {
        opacity: 1
        }
    }
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        } 50% {
        opacity: 1
        }
    }
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } 60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
        } 50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        } to {
        opacity: 0
        }
    }
@keyframes zoomOut {
    0% {
        opacity: 1
        } 50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
        } to {
        opacity: 0
        }
    }
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
        } to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
        }
    }
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
        } to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
        }
    }
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
        } to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
        }
    }
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
        } to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
        }
    }
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        } to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
        } to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        }
    }
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
        }
    }
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
        }
    }
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
        }
    }
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
        }
    }
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
        }
    }
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
        }
    }
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
        }
    }
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
        } to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
        }
    }
:root {
    --hk-accordion-wrapper--border: 1px solid var(--neutral-50);
    --hk-accordion-wrapper--border-radius: 10px;
    --hk-accordion-wrapper--icon--stroke: var(--neutral-300);
    --hk-accordion-header--background: 1px solid var(--secondary-50);
    --hk-accordion-header--border-radius: 10px;
    --hk-accordion-header-exp--background: var(--secondary-50);
    --hk-accordion-header-exp--border-radius: 10px;
    --hk-accordion--active-caret--stroke: var(--primary-900);
    }
:root {
    --hk-carousel-control--background: var(--color-black);
    --hk-carousel-control--color: var(--color-white);
    --hk-carousel-indicators-span--background: rgba(0, 0, 0, 0.5);
    --hk-carousel-indicators--span-active--background: var(--color-white);
    }
:root {
    --hk-btn-primary--border-radius: 0.375rem;
    --hk-btn-primary--outline: 0.125rem solid var(--primary-100);
    --hk-btn-primary--color: var(--color-white);
    --hk-btn-primary--background: var(--primary-main-700);
    --hk-btn-primary--hover--background: color-mix(in srgb, var(--primary-main-700) 80%, var(--color-white));
    --hk-btn-primary--focus--background: var(--primary-900);
    --hk-btn-primary--focus--visible--background: var(--primary-900);
    --hk-btn-primary--not-active--background: var(--primary-main-700);
    --hk-btn-primary--active--background: color-mix(in srgb, var(--primary-main-700) 60%, var(--color-white));
    --hk-btn--disabled--background: color-mix(in srgb, var(--primary-main-700) 80%, var(--color-white));
    --hk-btn-primary-light--color: var(--primary-900);
    --hk-btn-primary-light--background: var(--primary-50);
    --hk-btn-primary-light--hover--background: color-mix(in srgb, var(--primary-50) 90%, var(--color-black));
    --hk-btn-primary-light--focus--background: var(--primary-50);
    --hk-btn-primary-light--active--background: color-mix(in srgb, var(--primary-50) 80%, var(--color-black));
    --hk-btn-primary-light--disabled--color: color-mix(in srgb, var(--primary-900) 50%, #a0a0a0);
    --hk-btn-primary-light--disabled--background: color-mix(in srgb, var(--primary-50) 50%, #a0a0a0);
    --hk-btn-secondary-grey--color: var(--secondary-main-700);
    --hk-btn-secondary-grey--border: 0.063rem solid var(--secondary-300);
    --hk-btn-secondary-grey--background: var(--color-white);
    --hk-btn-secondary-grey--hover--background: var(--secondary-50);
    --hk-btn-secondary-grey--focus--background: var(--secondary-50);
    --hk-btn-secondary-grey--active--background: color-mix(in srgb, var(--primary-50) 90%, var(--secondary-main-700));
    --hk-btn-secondary-grey--disabled--background: var(--secondary-100);
    --hk-btn-secondary-grey--disabled--color: var(--secondary-300);
    --hk-btn-secondary--border: 0.063rem solid var(--primary-900);
    --hk-btn-secondary--background: var(--color-white);
    --hk-btn-secondary--color: var(--primary-900);
    --hk-btn-secondary--is--hover--active--background: color-mix(in srgb, var(--primary-50) 90%, var(--primary-900));
    --hk-btn-secondary--active--background: color-mix(in srgb, var(--primary-50) 30%, var(--primary-900));
    --hk-btn-secondary--active--color: var(--color-white);
    --hk-btn-secondary--disabled--border: 0.063rem solid color-mix(in srgb, var(--primary-50) 20%, #a0a0a0);
    --hk-btn-secondary--disabled--color: color-mix(in srgb, var(--primary-50) 20%, #a0a0a0);
    --hk-btn-secondary--disabled--background: color-mix(in srgb, var(--primary-50) 80%, #a0a0a0);
    --hk-btn-blank--background: var(--color-white);
    --hk-btn-blank--color: var(--primary-main-700);
    --hk-btn-blank--is--hover-focus-active--background: color-mix(in srgb, var(--primary-50) 90%, var(--color-black));
    --hk-btn-blank--active--background: color-mix(in srgb, var(--primary-50) 80%, var(--color-black));
    --hk-btn-blank--disabled--color: color-mix(in srgb, var(--primary-50) 20%, #a0a0a0);
    --hk-btn-blank--disabled--background: color-mix(in srgb, var(--primary-50) 80%, #a0a0a0);
    --hk-btn-danger--color: var(--error-50);
    --hk-btn-danger--background: var(--error-700);
    --hk-btn-danger--hover--background: color-mix(in srgb, var(--error-700) 80%, var(--error-50));
    --hk-btn-danger--focus--background: var(--error-700);
    --hk-btn-danger--focus-visible--background: var(--error-700);
    --hk-btn-danger--not-active--background: var(--error-50);
    --hk-btn-danger--not-active--color: var(--error-700);
    --hk-btn-danger--not-active--border: 1px solid var(--error-700);
    --hk-btn-danger--active--background: color-mix(in srgb, var(--error-700) 60%, var(--error-50));
    --hk-btn-danger--disabled--btn-disabled-disabled--background: color-mix(in srgb, var(--error-700) 80%, var(--error-50));
    --hk-btn-blank--is--hover--color: #229BD1;
    }
:root {
    --hk-checkbox--disabled--background-color: var(--neutral-50);
    --hk-checkbox--disabled--color: var(--hk-checkbox-tick-color);
    --hk-checkbox--background-color: var(--secondary-50);
    --hk-checkbox--border: 0.1em solid var(--neutral-100);
    --hk-checkbox--border-radius: 0.15em;
    --hk-checkbox--color: #fff;
    --hk-checkbox--checked--background-color: var(--primary-main-700);
    --hk-checkbox--checked--border-color: var(--primary-main-700);
    --hk-checkbox--focus--outline: max(1px, 0.08em) solid var(--primary-100);
    --hk-checkbox--focus-visible--outline: max(1px, 0.08em) solid var(--primary-100);
    }
:root {
    --hk-courtesy-titles-bordered--border: 1px solid var(--neutral-100);
    --hk-courtesy-titles--input-with-errors--border: 1px solid var(--error-700);
    --hk-courtesy-titles--input-with-errors--border-radius: 6px;
    --hk-courtesy-titles-bordered---focus-within--border: 1px solid var(--neutral-800);
    --hk-courtesy-titles-bordered---focus-within--color: var(--color-black);
    --hk-courtesy-titles--input-inner-focus--border: 1px solid var(--neutral-100);
    --hk-courtesy-titles--input-inner--border: 1px solid transparent;
    --hk-courtesy-titles--basic-input-wrapper-after--background: var(--neutral-100);
    --hk-courtesy-titles--has-error--color: var(--error-700);
    --hk-suffix-titles--bordered--border: 1px solid var(--neutral-100);
    --hk-suffix-titles--bordered--radius: 6px;
    --hk-suffix-titles--bordered--focus-within--border: 1px solid var(--neutral-800);
    --hk-suffix-titles--bordered--focus-within--color: var(--color-black);
    --hk-suffix-titles--bordered--focus-within--separator--background: var(--neutral-800);
    --hk-suffix-titles--input-with-errors--border: 1px solid var(--error-700);
    --hk-suffix-titles--input-with-errors--border-radius: 6px;
    --hk-suffix-titles--hk-input--color: var(--neutral-700, #657b85);
    --hk-suffix-titles--input-hk-input--disabled--background: var(--color-white);
    --hk-suffix-titles--input-hk-input--disabled--color: var(--hk-input-disabled-font);
    --hk-suffix-titles--input-hk-input--disabled--border-color: rgba(118, 118, 118, 0.3);
    --hk-suffix-titles--input-hk-input--disabled--placeholder-color: var(--neutral-300);
    --hk-suffi-titles-hk-icon-arrow-up-before-after--color: #647a85;
    }
:root {
    --hk-date-picker--highlight-dot--background-color: #3498db;
    --hk-date-picker--highlight-hover--background-color: #3498db;
    --hk-date-picker--highlight-hover--color: var(--color-white);
    --hk-date-picker--border: 1px solid var(--neutral-50);
    --hk-date-picker--background-color: var(--color-white);
    --hk-date-picker--box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --hk-date-picker--header--background-color: var(--color-white);
    --hk-date-picker--days-header--background-color: #F5F7FA;
    --hk-date-picker--day-selected-range--background-color: #f2f6fc;
    --hk-date-picker--selected--background-color: #3498db;
    --hk-date-picker--selected--color: var(--color-white);
    --hk-date-picker--tody--color: var(--primary-main-700);
    --hk-date-picker--disabled--color: var(--hk-control-disabled);
    --hk-date-picker--selected-disabled-today--color: var(--color-white);
    --hk-date-picker--basic-input-wrapper-hk-has-errors--label--color: var(--error-700);
    --hk-date-picker--basic-input-wrapper-hk-has-errors--color: var(--error-700);
    --hk-date-picker--hk-input-wrapper--placeholder--color: var(--neutral-300);
    --hk-date-picker--hk-input-wrapper--input-hk-input-with-errors--border-color: var(--error-700);
    --hk-date-picker--hk-input-inner--color: #606266;
    --hk-date-picker--hk-input-inner--background-color: var(--color-white);
    --hk-date-picker--hk-input-inner--border: 1px solid var(--neutral-100);
    --hk-date-picker--hk-input-inner--color: var(--secondary-900, var(--Colors-Secondary-900, #272F3A));
    --hk-date-picker--hk-input-inner-focus--border-color: var(--neutral-800);
    --hk-date-picker--hk-input-inner-focus--color: var(--color-black);
    --hk-date-picker--hk-input-inner--hk-input-with-errors--focus--border-color: var(--error-700);
    --hk-date-picker--hk-input-inner--disabled--border: 1px solid var(--hk-input-disabled-border);
    --hk-date-picker--hk-input-inner--disabled--color: var(--hk-input-disabled-font);
    --hk-date-picker--hk-input-inner--disabled--background-color: var(--hk-input-disabled-background-color);
    --hk-date-picker--input-type-date--selection--background: gray;
    --hk-date-picker--input-type-date--selection--color: var(--color-white);
    --hk-date-picker--input-type-date--border: 1px solid #ccc;
    --hk-date-picker--input--webkit-edit-day-month-year--background-color: grey;
    --hk-date-picker--input--webkit-edit-day-month-year--color: var(--color-white);
    --hk-coloured-date-picker-highlight-hover-hover--color: #fff;
    --hk-date-picker--cancel-span--color: var(--error-700, var(--Colors-Error-700, #bf3a33));
    --hk-date-picker--done-span--color: var(--primary-main-700, var(--Colors-Primary-700, #229bd1));
    --hk-date-picker--typer-div--border: 1px solid var(--Colors-Neutral-100, #cdd4d8);
    --hk-date-picker--typer-div--background: var(--color-white);
    --hk-date-picker--typer-div--box-shadow: 0 16px 20px 0 rgba(17, 12, 34, 0.1);
    --hk-colored-date-picker-months-inside-single-hover--color: #1B7FAC;
    --hk-colored-date-picker-header-direction-date-picker--border-bottom: 1px solid #ECEDEE;
    --hk-date-picker-day-number--color: #3498db;
    --hk-date-picker-typer-day-number--background: white;
    }
:root {
    --hk-dropdown-toggle--color: var(--secondary-900, #272f3a);
    --hk-dropdown-toggle--border: 1px solid var(--neutral-100, #cdd4d8);
    --hk-dropdown-toggle--background: var(--colors-base-00, #fff);
    --hk-dropdown-content--color: var(--secondary-900, #272f3a);
    --hk-dropdown-content--border: 1px solid var(--colors-primary-slate-200, #d7dfe9);
    --hk-dropdown-content--background-color: var(--colors-base-00, #fff);
    --hk-dropdown-content--box-shadow: 0 8px 11px -4px rgba(45, 54, 67, 0.04), 0 20px 24px -4px rgba(45, 54, 67, 0.04);
    --hk-dropdown--clear-option--hover--my-svg--stroke: var(--neutral-400);
    --hk-dropdown--arrow-up--border-left: 1px solid var(--colors-primary-slate-200, #d7dfe9);
    --hk-dropdown--arrow-up--border-right: 1px solid transparent;
    --hk-dropdown--arrow-up--border-bottom: 1px solid transparent;
    --hk-dropdown--arrow-up--border-top: 1px solid var(--colors-primary-slate-200, #d7dfe9);
    --hk-dropdown--arrow-up--background: var(--color-white);
    --hk-dropdown-item--focus--background-color: var(--primary-25);
    }
:root {
    --hk-menu-background: var(--color-white);
    --hk-menu-item-color: var(--secondary-900);
    --hk-menu-item-hover-background: var(--secondary-50);
    --hk-menu-item-hover-color: var(--primary-main-700);
    --hk-menu-item-active-color: var(--primary-main-700);
    --hk-menu-item-active-background: var(--secondary-50);
    --hk-menu-item-border-radius: 0;
    --hk-menu-item-border-right: 2px solid var(--hk-menu-item-active-color, #229BD1);
    --hk-menu-item-margin: 0;
    --hk-menu-item-height: 2.8125rem;
    --hk-menu-item-line-height: 2.8125rem;
    --hk-submenu-title--color: var(--secondary-900, #272F3A);
    --hk-submenu-title--hover--background: var(--secondary-50, #F9F9FA);
    --hk-submenu--borer-top: 1px solid #e6e6e6;
    }
:root {
    --hk-radio-button--input--radio--background-color: var(--secondary-50, #f9f9fa);
    --hk-radio-button--input--radio--color: var(--primary-900);
    --hk-radio-button--input--border: 0.1em solid var(--neutral-100);
    --hk-radio-button--input--radio--before--background-color: CanvasText;
    --hk-radio-button--input--radio--focus--border: 1px solid var(--primary-main-700);
    --hk-radio-button--input--radio--focus--outline: max(2px, 0.125rem) solid var(--primary-100);
    --hk-radio-button--input--radio--focus--outline-offset: max(2px, 0.15em);
    --hk-radio-button--input--radio--checked--border: 1px solid var(--primary-main-700);
    --hk-radio-button-large--border: 1px solid #dcdfe6;
    --hk-radio-button-large--background: #fff;
    --hk-radio-button-large-first-child--border-left: 1px solid #dcdfe6;
    --hk-radio-button-large-is-active--color: #fff;
    --hk-radio-button-large-is-active--background: #0281BD;
    --hk-radio-button-large-is-active--border-color: #0281BD;
    --hk-radio-button-large-is-active-first-child--border-left-color: #0281BD;
    --hk-use-default-color-class--color: var(--color-black);
    }
:root {
    --hk-input-inner--background-color: var(--color-white);
    --hk-input-inner--border-radius: 0.375rem;
    --hk-input-inner--border: 1px solid var(--neutral-100);
    --hk-input-inner--focus--border-color: var(--neutral-800);
    --hk-input-inner--focus--color: var(--color-black);
    --hk-input-wrapper--input--hk-input-inner--hk-input-with-errors--focus--border-color: var(--error-700);
    --hk-input-disabled-border: #e7ebed;
    --hk-input-disabled-font: #d6dce0;
    --hk-input-disabled-background-color: #fff;
    --hk-input-default-border: #e0e4e6;
    --hk-input-default-color: #606266;
    --hk-input-default-label: #27303b;
    --hk-input-default-placeholder: #9babb0;
    --hk-input-focused-border: #c9d1d4;
    --hk-input-focused-placeholder: #b4bfc4;
    --hk-input-typing-border: #8e9fa6;
    --hk-input-typing-font: #262f3a;
    --hk-input-error-border: #eb7e79;
    --hk-input-error-font: #bf3a33;
    --hk-input-error-bg: #fdf2f2;
    --hk-input-has-errors-background-color: #fdf2f2;
    --hk-input-has-errors-border-color: #e8726c;
    --hk-input-has-errors-font-color: #c2423c;
    }
:root {
    --hk-icon-color: var(--color-black);
    --hk-user-icon--stroke: #272F3A;
    --hk-vector-icon--stroke: var(--secondary-900);
    --hk-vector-icon--fill: #272F3A;
    --hk-dollar-icon--stroke: var(--hk-icon-color);
    --hk-dollar-icon--fill: var(--hk-icon-color);
    --hk-message-icon--stroke: var(--hk-icon-color);
    --hk-message-icon--fill: var(--hk-icon-color);
    --hk-group-icon--stroke: var(--hk-icon-color);
    --hk-group-icon--fill: var(--hk-icon-color);
    --hk-package-rate-icon--stroke: var(--hk-icon-color);
    --hk-package-rate-icon--fill: var(--hk-icon-color);
    --hk-card-svg-repo-com-icon--stroke: var(--hk-icon-color);
    --hk-card-svg-repo-com-icon--fill: var(--hk-icon-color);
    --hk-up-down-arrow--caret-up--fill: #E6EAEB;
    --hk-up-down-arrow--caret-up--selected--fill: #5E718D;
    --hk-up-down-arrow--caret-down--fill: #E6EAEB;
    --hk-up-down-arrow--caret-down--selected--fill: #5E718D;
    --hk-tick-icon--fill: var(--hk-primary-color);
    --hk-fax-icon--fill: #1C1B1F;
    --hk-vip-icon-rect--fill: #E9F5FA;
    --hk-vip-icon-first-path--fill: #E9F5FA;
    --hk-vip-icon-second-path--fill: #1B7FAC;
    --hk-vip-icon-path-nth-child-1--fill: var(--secondary-50);
    --hk-close-o-icon--fill: #8799A0;
    --hk-close-o-icon-path--stroke: var(--neutral-400);
    --hk-bed-icon-svg--fill: #385561;
    --hk-bed-icon-path--stroke: #385561;
    --hk-bed-icon-g-path--stroke: var(--neutral-500);
    --hk-bed-icon-2--fill: #000;
    --hk-bed-icon-3--fill: #8799A0;
    --hk-bed-icon-4--fill: #27337A;
    --hk-pet-icon--stroke: #657B85;
    --hk-carbon-laptop-icon--fill: #272F3A;
    --hk-carbon-laptop-icon-path--stroke: var(--secondary-900);
    --hk-alert-icon--svg-color: #BF3A33;
    --hk-bird-icon--fill: #27337A;
    --hk-x-icon--svg-color: #272f3a;
    --hk-caret-up-icon--stroke: #5E718D;
    --hk-caret-up-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-block-icon-path--fill: #BF3A33;
    --hk-block-icon-my-svg--fill: var(--error-700, #BF3A33);
    --hk-cc-visa-icon-rect--fill: #D9D9D9;
    --hk-cc-visa-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-calculator-icon--fill: var(--hk-primary-color);
    --hk-calendar-icon--fill: #1F3F4E;
    --hk-call-icon--fill: white;
    --hk-call-icon-rect--fill: #DAEDDB;
    --hk-call-icon-path--fill-stroke: #27337A;
    --hk-check-icon--fill-color: var(--hk-primary-color);
    --hk-check-icon--stroke-color: white;
    --hk-child-icon--fill: #7E9099;
    --hk-child-icon-path--stroke: var(--secondary-900);
    --hk-cross-icon-circle--fill: #C03933;
    --hk-cross-icon-path--stroke: white;
    --hk-dark-icon-rect--fill: #D9D9D9;
    --hk-dark-icon-path--fill: #1C1B1F;
    --hk-guarantee-icon--fill: #8799A0;
    --hk-dark-theme-icon-path-1--fill: #19212A;
    --hk-dark-theme-icon-path-2--fill: white;
    --hk-dark-theme-icon-path-3--stroke: #2D2D2D;
    --hk-dark-theme-icon-path-4--fill: #45B0E1;
    --hk-dark-theme-icon-path-5--fill: #272F3A;
    --hk-dark-theme-icon-path-6--fill: #EE7166;
    --hk-dark-theme-icon-path-7--fill: #F6C769;
    --hk-dark-theme-icon-path-8--fill: #70CA64;
    --hk-dark-theme-icon-path-9--fill: #101720;
    --hk-dark-theme-icon-path-10--fill: #1F2627;
    --hk-dark-theme-icon-path-11--fill: #E74040;
    --hk-dark-theme-icon-path-12--stroke: #1D1F20;
    --hk-dark-theme-icon-path-13--fill: #1C1B1F;
    --hk-dark-theme-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-list-icon-path--stroke: #F4F4F5;
    --hk-list-icon-my-svg-path--stroke: #e3dfdf;
    --hk-caution-icon--stroke: #272F3A;
    --hk-caution-icon-my-svg--stroke: #000;
    --hk-email-icon--fill: #272F3A;
    --hk-email-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-expand-icon-rect--fill: #D9D9D9;
    --hk-expand-icon-path--fill: #3E4651;
    --hk-filled-caret--fill: #1A73E8;
    --hk-drag-pan-icon-rect--fill: #D9D9D9;
    --hk-drag-pan-icon-path--fill: #9BAAB0;
    --hk-filter-bold-path--fill: #9BAAB0;
    --hk-filter-bold-my-svg-path--stroke: var(--neutral-400);
    --hk-go-back-icon-rect--fill: #DAEDDB;
    --hk-go-back-icon-path--stroke-fill: #27337A;
    --hk-home-icon-path--fill: #272F3A;
    --hk-home-icon-my-svg-path--stroke: var(--secondary-900, #272f3a);
    --hk-group-icon-v2-rect--fill: #D9D9D9;
    --hk-group-icon-v2-path--fill: #1C1B1F;
    --hk-hotel-icon-path--fill: #385561;
    --hk-company-icon--fill: #374047;
    --hk-company-icon-my-svg--stroke: var(--neutral-500);
    --hk-ihg-theme-icon-path-1--fill: #104459;
    --hk-ihg-theme-icon-path-2--stroke: #DFDFDF;
    --hk-ihg-theme-icon-path-3--fill: #EB5B4F;
    --hk-ihg-theme-icon-path-4--fill: #F4BF51;
    --hk-ihg-theme-icon-path-5--fill: #5EC451;
    --hk-ihg-theme-icon-path-6--fill: white;
    --hk-ihg-theme-icon-path-7--fill: #ECEDEE;
    --hk-ihg-theme-icon-path-8--fill: #F9F9FA;
    --hk-ihg-theme-icon-path-9--fill: #B2B5B9;
    --hk-ihg-theme-icon-path-10--fill: #8CBC86;
    --hk-ihg-theme-icon-path-11--fill: #E4BB29;
    --hk-ihg-theme-icon-path-12--stroke: #E6EAEB;
    --hk-currency-icon--fill: #385561;
    --hk-download-icon-rect--fill: #D9D9D9;
    --hk-download-icon-path--fill: white;
    --hk-download-icon-my-svg-path--fill: black;
    --hk-rich-text-editor-arrowleft-icon-my-svg-path--fill: var(--hk-primary-color);
    --hk-attached-file-my-svg-path--fill: var(--hk-primary-color);
    --hk-rich-text-editor-arrowright-icon-my-svg-path--fill: var(--hk-primary-color);
    --hk-external-links-icon-fill: #2196F6;
    --hk-envelope-icon-path--fill: #385561;
    --hk-envelope-icon-my-svg-path--stroke: var(--neutral-900);
    --hk-full-star-icon--fill: #FFA800;
    --hk-white-x-icon-rect--fill: #D9D9D9;
    --hk-white-x-icon-path--fill: #DAEDDB;
    --hk-light-theme-path-1--fill: white;
    --hk-light-theme-path-2--stroke: #DFDFDF;
    --hk-light-theme-path-3--fill: #EB5B4F;
    --hk-light-theme-path-4--fill: #F4BF51;
    --hk-light-theme-path-5--fill: #5EC451;
    --hk-light-theme-path-6--fill: #ECEDEE;
    --hk-light-theme-path-7--fill: #2FA6DD;
    --hk-light-theme-path-8--fill: #F9F9FA;
    --hk-light-theme-path-9--fill: #B2B5B9;
    --hk-light-theme-path-10--fill: #E42929;
    --hk-light-theme-path-11--stroke: #E6EAEB;
    --hk-call-back-icon-rect--fill: #DAEDDB;
    --hk-call-back-icon-rect-2--fill: white;
    --hk-call-back-icon-path--fill: #27337A;
    --hk-grid-view-icon--fill: white;
    --hk-grid-view-icon-path--stroke: #b4bfc4;
    --hk-half-star-icon-path-1--fill: #E6EAEB;
    --hk-half-star-icon-path-2--fill: #FFA800;
    --hk-half-info-icon-2-path--fill: #6F838D;
    --hk-language-icon--fill: #385561;
    --hk-check-list-icon--stroke: #385561;
    --hk-check-list-icon-path--stroke: var(--neutral-900);
    --hk-light-icon-rect--fill: #D9D9D9;
    --hk-light-icon-path--fill: #1C1B1F;
    --hk-list-view-icon--fill: #B4BFC4;
    --hk-list-view-icon--stroke: #fff;
    --hk-empty-star-icon--fill: #E6EAEB;
    --hk-check-mark-icon--svg-color: #0BB07B;
    --hk-check-mark-icon-path--stroke: var(--neutral-500);
    --hk-location-icon--fill: #272F3A;
    --hk-location-icon-path--stroke: var(--secondary-900);
    --hk-lock-red-icon--fill: #dc3545;
    --hk-lock-red-icon-path--stroke: var(--neutral-500);
    --hk-filled-fax-icon--fill: #7E9099;
    --hk-list-icon-black-rect--fill: #D9D9D9;
    --hk-list-icon-black-path--fill: #1C1B1F;
    --hk-map-icon-rect--fill: #D9D9D9;
    --hk-map-icon-path--fill: #1C1B1F;
    --hk-hamburger-icon-rect--fill: #D9D9D9;
    --hk-hamburger-icon-path--fill: white;
    --hk-learn-more-icon--svg-color: #BF3A33;
    --hk-left-arrow-icon--stroke: var(--hk-primary-color);
    --hk-left-arrow-icon-my-svg-path--stroke: var(--primary-main-700);
    --hk-parking-icon--stroke: #888;
    --hk-parking-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-location-icon-2--fill: #1C1B1F;
    --hk-pencil-icon--stroke: var(--neutral-500);
    --hk-pencil-icon-path--fill: #3E4651;
    --hk-dark-theme-icon--fill: #D9D9D9;
    --hk-guarantee-icon-path--fill: #8799A0;
    --hk-house-icon--fill: #8799A0;
    --hk-minus-sign-icon--stroke: #385561;
    --hk-minus-sign-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-money-bag-icon--stroke: var(--hk-primary-color);
    --hk-money-bag-icon-rect--fill: white;
    --hk-money-bag-icon-my-svg-path--stroke: var(--primary-main-700);
    --hk-phone-icon--fill: #272F3A;
    --hk-phone-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-phone-icon-2--fill: #1C1B1F;
    --hk-plus-sign-icon--stroke: #000;
    --hk-plus-sign-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-print-icon-my-svg-path--stroke: var(--primary-900);
    --hk-print-icon-path--fill: #1B7FAC;
    --hk-down-arrow-black--svg-color: #5E718D;
    --hk-profile-icon--fill: #6F838D;
    --hk-profile-icon-my-svg-path--stroke: var(--neutral-600);
    --hk-discrepant-icon--fill: red;
    --hk-search-icon--fill: #385561;
    --hk-fr-location-icon--fill: #D9D9D9;
    --hk-fr-location-icon-path--fill: #9BAAB0;
    --hk-light-theme-icon-rect--fill: #D9D9D9;
    --hk-light-theme-icon-path--fill: #1C1B1F;
    --hk-light-theme-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-mobile-grey-icon--fill: #888;
    --hk-promo-star-icon--fill: #00724D;
    --hk-radio-done-icon--svg-color: #657B85;
    --hk-percentage-icon-rect--fill: #D9D9D9;
    --hk-percentage-icon-path--fill: #1C1B1F;
    --hk-right-arrow-icon-path--stroke: #5E718D;
    --hk-right-arrow-icon-my-svg-path--stroke: var(--primary-main-700);
    --hk-round-star-icon--fill: #1B7FAC;
    --hk-round-star-icon-my-svg-path--stroke: var(--primary-900, #1b7fac);
    --hk-envelope-open-icon--fill: #1F3F4E;
    --hk-envelope-open-icon-my-svg-path--fill: var(--neutral-1000);
    --hk-profile-fill-icon--fill: #8799A0;
    --hk-profile-fill-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-scanner-icon-path--stroke: #9BAAB0;
    --hk-scanner-icon-my-svg-path--stroke: var(--neutral-300);
    --hk-modal-delete-icon-rect--fill: #FEE4E2;
    --hk-modal-delete-icon-rect--stroke: #FEF3F2;
    --hk-modal-delete-icon-path--stroke: #D92D20;
    --hk-royality-points-path--fill: #3d4550;
    --hk-share-icon--fill: #414143;
    --hk-share-icon-g-path--stroke: var(--neutral-500);
    --hk-slim-left-arrow--fill: #000;
    --hk-profile-fill-icon-2--fill: #27337A;
    --hk-left-alignment-icon--fill: #7E9099;
    --hk-question-mark-icon--fill: #DAEDDB;
    --hk-question-mark-icon--stroke: #27337A;
    --hk-radio-checked-icon--svg-color: #68DCB7;
    --hk-package-rate-icon--fill: #3b3b3b;
    --hk-solar-icon--stroke: #8799A0;
    --hk-left-arrow-carousel--stroke: var(--hk-primary-color);
    --hk-mobile-key-grey-icon--fill: #888;
    --hk-simple-line-check--fill: #657B85;
    --hk-simple-line-check-my-svg--fill: var(--neutral-900);
    --hk-money-bag-icon-black--stroke: #272F3A;
    --hk-round-percent-icon--fill: #D9D9D9;
    --hk-round-percent-icon--stroke: black;
    --hk-room-details-icon--fill: #8799A0;
    --hk-sort-icon--fill: #272F3A;
    --hk-camera-icon--fill: var(--neutral-1000);
    --hk-wifi-icon--fill: black;
    --hk-calendar-filled-icon--fill: #27337A;
    --hk-archive-icon--fill: var(--neutral-1000);
    --hk-caret-down--stroke: var(--neutral-500);
    --hk-cc-american-express-icon--fill: #D9D9D9;
    --hk-cc-american-express-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-cc-master-card-icon--fill: #D9D9D9;
    --hk-cc-master-card-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-circle-high-light-icon--fill: #D1FADF;
    --hk-circle-high-light-icon--stroke: #039855;
    --hk-circle-high-light-icon-rect--stroke: #ECFDF3;
    --hk-clock-icon-my-svg--color: var(--neutral-300);
    --hk-copy-icon--stroke: black;
    --hk-double-arrow-right-icon--fill: #1C1B1F;
    --hk-double-arrow-right-icon--svg-color: #5E718D;
    --hk-edit-icon--stroke: var(--secondary-900);
    --hk-envelope-closed-icon--fill: #1F3F4E;
    --hk-envelope-closed-icon-my-svg-path--fill: var(--neutral-1000);
    --hk-file-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-filter-outline-icon--fill: #1C1B1F;
    --hk-gear-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-gift-icon--fill: black;
    --hk-gift-icon-my-svg-path--stroke: var(--neutral-1000);
    --hk-gift-icon-my-svg-path--fill: var(--neutral-1000);
    --hk-info-icon--fill: black;
    --hk-info-icon-my-svg-path--fill: var(--primary-main-700);
    --hk-key-checkmark-green-icon-path-1--fill: #2cb291;
    --hk-key-checkmark-green-icon-path-2--fill: #32ba7c;
    --hk-key-checkmark-green-icon-path-3--fill: #fafafa;
    --hk-key-checkmark-red-icon-path-1--fill: #eb3b5d;
    --hk-key-checkmark-red-icon-path-2--fill: #eb3b5d;
    --hk-key-checkmark-red-icon-rect-1-fill: #fff;
    --hk-key-hold-icon--fill: black;
    --hk-key-hold-icon-my-svg-path--fill: var(--secondary-900);
    --hk-left-arrow-black--fill: black;
    --hk-lock-icon--fill: black;
    --hk-lock-icon-my-svg-path--fill: var(--secondary-900);
    --hk-minus-outlined-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-modal-confirmation-icon--fill: #D1FADF;
    --hk-modal-confirmation-icon--stroke: #ECFDF3;
    --hk-modal-confirmation-icon-path--stroke: #039855;
    --hk-outlined-check-icon--stroke: #385561;
    --hk-outlined-check-icon-my-svg-path--stroke: var(--neutral-500);
    --hk-pet-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-pet-icon--fill: white;
    --hk-picture-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-plus-filled-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-plus-filled-icon-my-svg-path--fill: var(--secondary-900);
    --hk-printer-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-profile-fill-icon-2-my-svg-path--stroke: var(--primary-main-700);
    --hk-profile-fill-icon-2-my-svg-path--fill: var(--primary-main-700);
    --hk-question-mark-icon-rect--fill: white;
    --hk-question-mark-rounded-icon--fill-color: #27337A;
    --hk-question-mark-rounded-icon--background-color: white;
    --hk-question-mark-rounded-icon-my-svg-path--stroke: var(--neutral-600);
    --hk-radio-unchecked-icon--svg-color: #546E7A;
    --hk-right-arrow-black-my-svg-path--stroke: var(--primary-main-700);
    --hk-right-arrow-black-light-my-svg-path--stroke: var(--primary-main-700);
    --hk-right-arrow-carousel--stroke: var(--hk-primary-color);
    --hk-right-arrow-carousel-my-svg-path--stroke: var(--primary-main-700);
    --hk-road-sign-icon-my-svg-path--stroke-fill: var(--primary-main-700);
    --hk-rounded-check-mark-icon--fill: var(--hk-primary-color);
    --hk-secure-checkout-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-sign-icon--fill-stroke: white;
    --hk-simple-line-check-rect--fill: white;
    --hk-solar-icon-my-svg-g-path--stroke: var(--neutral-400);
    --hk-time-gray-icon--fill: #8e8e8e;
    --hk-time-gray-my-svg-g-path--stroke: var(--neutral-500);
    --hk-trash-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-trash-plain-icon-my-svg-path--fill: var(--hk-primary-color);
    --hk-upload-cloud-icon-my-svg-path--stroke-fill: var(--secondary-900);
    --hk-upload-icon-rect--fill: #D9D9D9;
    --hk-upload-icon-path--fill: #1C1B1F;
    --hk-user-edit-icon--fill: white;
    --hk-user-edit-icon-my-svg--stroke: var(--neutral-700);
    --hk-user-icon--stroke: #272F3A;
    --hk-vector-icon-path--fill: #272F3A;
    --hk-vertical-dots-icon--fill: #B2B5B9;
    --hk-vertical-dots-icon-my-svg-path--stroke-fill: var(--secondary-300);
    --hk-voice-mail-icon--fill: #2897ff;
    --hk-voice-mail-icon-my-svg-g-path--stroke: var(--neutral-500);
    --hk-warning-filled-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-white-email-icon-filled-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-warning-icon--fill: #F07300;
    --hk-white-pen-icon--fill: #DAEDDB;
    --hk-white-pen-icon-path--fill-stroke: #27337A;
    --hk-cancel-icon--stroke: var(--error-700);
    --hk-light-calendar-icon--stroke: black;
    --hk-light-clock-icon--stroke: black;
    --hk-money-bag-icon-path--stroke: #272F3A;
    --hk-up-arrow-black--stroke: #5E718D;
    --hk-user-edit-icon--stroke: #657B85;
    --hk-accessible-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-bed-icon-2-my-svg-path--stroke: var(--secondary-900);
    --hk-bed-icon-4-my-svg-path--stroke-fill: var(--primary-main-700);
    --hk-bell-icon-notification-icon-my-svg-g-path--stroke: var(--neutral-500);
    --hk-calendar-my-svg-path--stroke: var(--primary-main-700);
    --hk-calendar-icon-my-svg-path--stroke-fill: var(--neutral-1000);
    --hk-circle-close-icon-my-svg--color: var(--neutral-300);
    --hk-clock-circural-outline-my-svg-g-path--stroke: var(--neutral-500);
    --hk-connected-room-reservation-icon-my-svg-g-path--stroke: var(--neutral-500);
    --hk-copy-icon-my-svg--stroke: #000;
    --hk-departure-icon-my-svg-path--stroke: var(--secondary-900);
    --hk-discrepant-icon-my-svg-g-path--stroke: var(--neutral-500);
    --hk-edit-square-icon-my-svg-path--fill: var(--hk-primary-color);
    --hk-left-arrow-carousel-my-svg-path--stroke: var(--primary-main-700);
    --hk-plus-bold-icon-my-svg-path--fill: var(--hk-primary-color);
    --hk-royality-points-my-svg-g-path--stroke: var(--neutral-500);
    --hk-soccer-player-filled-blue-my-svg-g-path--stroke: var(--neutral-500);
    --hk-soccer-player-filled-blue-my-svg-g-path--fill: var(--primary-main-700);
    --hk-verified-icon-my-svg-path--stroke-fill: var(--secondary-300);
    --hk-vip-icon-2-my-svg-g-path--stroke: var(--neutral-500);
    --hk-vip-icon-2-my-svg-g-path--fill: var(--primary-main-700);
    --hk-default-credit-card-my-svg-path--stroke: var(--secondary-900);
    --hk-apple-pay-fill: var(--hk-icon-color);
    --hk-google-pay-fill-1: #5F6368;
    --hk-google-pay-fill-2: #4285F4;
    --hk-google-pay-fill-3: #34A853;
    --hk-google-pay-fill-4: #FBBC04;
    --hk-google-pay-fill-5: #EA4335;
    --hk-paypal-fill-1: #003087;
    --hk-paypal-fill-2: #0070E0;
    --hk-paypal-fill-3: #001C64;
    --hk-walk-in-fill: #607985;
    --hk-floor-plan-fill: #607985;
    --hk-new-booking-fill: #607985;
    --hk-new-group-master-fill: #607985;
    --hk-search-reservations-fill: #607985;
    --hk-start-shift-fill: #607985;
    --hk-line-icon--stroke: #D7DFE9;
    --hk-cash-fill-1: var(--hk-icon-color);
    --hk-cash-fill-2: var(--hk-icon-color);
    --hk-cheque-fill-1: #d9e2e9;
    --hk-cheque-fill-2: #2f3a5a;
    --hk-cheque-fill-3: #9297ab;
    --hk-cheque-fill-4: #c1cdd3;
    --hk-cheque-fill-5: #81dafc;
    --hk-cheque-fill-6: #707583;
    --hk-trash-icon-loyalty-fill: none;
    --hk-trash-icon-loyalty-stroke: #535862;
    --hk-hide-icon-svg-fill: none;
    --hk-hide-icon-path-fill: var(--hk-primary-color);
    --hk-pin-icon-svg-fill: none;
    --hk-pin-icon-path-fill: var(--hk-primary-color);
    --hk-un-pin-icon-svg-fill: none;
    --hk-un-pin-icon-path-fill: var(--hk-primary-color);
    --hk-move-icon-svg-fill: none;
    --hk-move-icon-path-fill: var(--hk-primary-color);
    --hk-reports-view-icon--fill: #B4BFC4;
    --hk-reports-view-icon--stroke: #fff;
    }
:root {
    --hk-sorting-tab--border: 1px solid var(--neutral-50, #e6eaeb);
    --hk-sorting-tab--hover--background-color: var(--secondary-50);
    --hk-sorting-tab--label--color: var(--secondary-900, #272f3a);
    --hk-sorting-tab--selected--background-color: var(--secondary-100);
    }
:root {
    --hk-toggle--focus--visible--outline: 0.125rem solid var(--primary-100);
    --hk-toggle-slider--background-color: var(--color-neutral);
    --hk-toggle-slider--focus--border: 2px solid #E6EAEB;
    --hk-toggle-slider--hover--background-color: var(--neutral-50);
    --hk-toggle-slider--before--background-color: var(--color-white);
    --hk-toggle-slider--before--hover--background-color: var(--color-white);
    --hk-toggle-on--toggle-slider--background-color: var(--primary-main-700);
    --hk-toggle-on--toggle-slider--focus--border: 2px solid #E6EAEB;
    --hk-toggle-on--toggle-slider--hover--background-color: var(--primary-500);
    --hk-toggle-on--disabled--toggle-slider--background-color: var(--primary-50);
    --hk-toggle-on--disabled--toggle-slider--hover--background-color: var(--primary-50);
    --hk-toggle-off--disabled--toggle-slider--background-color: var(--neutral-100);
    }
:root {
    --hk-simple-modal-header--background: var(--secondary-50);
    --hk-simple-modal-container--background: var(--color-white);
    --hk-simple-modal-backdrop--background-color: rgba(0, 0, 0, 0.5);
    --hk-simple-modal-header--border-bottom: 1px solid var(--neutral-50);
    --hk-simple-modal-info-description--color: var(--neutral-700);
    }
:root {
    --hk-alert-parent--background: white;
    --hk-alert-parent--box-shadow: 0 16px 20px -8px rgba(17, 12, 34, 0.1);
    --hk-alert-title--color: #110C22;
    --hk-alert-message--color: #4F4B5C;
    --hk-alert-color-map-default--svg-color: #4F4B5C;
    --hk-alert-color-map-error--svg-color: #BF3A33;
    --hk-alert-color-map-success--svg-color: #0BB07B;
    --hk-alert-color-map-info--svg-color: #A7D7ED;
    --hk-alert-color-map-warning--svg-color: #F07300;
    --hk-alert-color-map-default--border-color: #4F4B5C;
    --hk-alert-color-map-error--border-color: #BF3A33;
    --hk-alert-color-map-success--border-color: #0BB07B;
    --hk-alert-color-map-info--border-color: #A7D7ED;
    --hk-alert-color-map-warning--border-color: #F07300;
    --hk-alert-color-map-default-font--color: #4F4B5C;
    --hk-alert-color-map-error-font--color: #BF3A33;
    --hk-alert-color-map-success-font--color: #0BB07B;
    --hk-alert-color-map-info-font--color: #A7D7ED;
    --hk-alert-color-map-warning-font--color: #F07300;
    --hk-alert-color-map-default-dismiss-font--color: #BF3A33;
    --hk-alert-color-map-error-dismiss-font--color: #4F4B5C;
    --hk-alert-color-map-success-dismiss-font--color: #BF3A33;
    --hk-alert-color-map-info-dismiss-font--color: #BF3A33;
    --hk-alert-color-map-warning-dismiss-font--color: #BF3A33;
    }
:root {
    --hk-badge-slot--color: #fff;
    --hk-badge-slot--box-shadow: 0 2px 3px rgba(17, 12, 34, 0.15);
    --hk-badge-primary--background: #229BD1;
    --hk-badge-secondary--background: #B2B5B9;
    --hk-badge-success--background: #0BB07B;
    --hk-badge-danger--background: #BF3A33;
    --hk-badge-warning--background: #F07300;
    }
:root {
    --hk-dropdown-wrapper--background: var(--primary-main-700);
    --hk-dropdown-divider--background-color: #FFE0E0;
    --hk-dropdown-content--border: 1px solid var(--primary-300, #AFBACA);
    --hk-dropdown-content--background: var(--Colors-Base-00, #FFF);
    --hk-dropdown-content--box-shadow: 0 20px 24px -4px rgba(45, 54, 67, 0.04), 0 8px 11px -4px rgba(45, 54, 67, 0.04);
    --hk-dropdown-focused--border: 1px solid var(--primary-slate-500);
    --hk-dropdown--border: 1px solid #AFBACA;
    }
:root {
    --hk-dropdown-option--color: var(--primary-slate-800);
    --hk-dropdown-option-hover--background: var(--Colors-Primary-Slate-25, #F9FAFB);
    --hk-dropdown-option-divider--background-color: #FFE0E0;
    }
:root {
    --hk-dialog-backdrop--background-color: rgba(79, 79, 79, 0.5);
    --hk-dialog-container--background: white;
    --hk-dialog-title--color: #101828;
    --hk-dialog-sub-title--color: #475467;
    --hk-dialog-btn-danger--background: var(--error-700, #bf3a33);
    --hk-dialog-btn-danger--color: white;
    --hk-dialog-btn-danger--box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    }
:root {
    --hk-select-wrapper--border: 1px solid var(--primary-300, #AFBACA);
    --hk-select-wrapper--background: var(--Colors-Base-00, #FFF);
    --hk-select-default--color: var(--primary-slate-800);
    --hk-select-default--border: 1px solid transparent;
    --hk-select-default--outline: none;
    --hk-select-divider--background-color: #F0F3F9;
    --hk-select-clearable--border: 1px solid var(--primary-slate-500);
    --hk-select-content--border: 1px solid var(--Colors-Primary-Slate-200, #D7DFE9);
    --hk-select-content--background: var(--Colors-Base-00, #FFF);
    --hk-select-content--box-shadow: 0 20px 24px -4px rgba(45, 54, 67, 0.04), 0 8px 11px -4px rgba(45, 54, 67, 0.04);
    --hk-select-x-icon--svg-color: var(--primary-slate-500);
    --hk-select-v2-hk-input-inner-focus--border-color: #dadada;
    --hk-select-v2-tooltip-content--border: 1px solid #ccc;
    --hk-select-v2-tooltip-content--background-color: var(--color-white);
    --hk-select-v2-column-hover--background-color: var(--Colors-Primary-Slate-25);
    --hk-select-v2-location-icon--border-bottom: 1px solid var(--Colors-Primary-Slate-50);
    --hk-select-v2-formatted-address--color: var(--Colors-Primary-Slate-700);
    --hk-select-v2-hk-select-icon--border-left: 1px solid var(--neutral-300);
    }
:root {
    --hk-select-option--color: var(--primary-slate-800);
    --hk-select-option-hovered--background: var(--Colors-Primary-Slate-25, #F9FAFB);
    --hk-select-option-divider--background-color: #FFE0E0;
    --hk-select-option-no-data-alert-icon--color: gray;
    }
:root {
    --hk-guest-dropdown-container--border: 1px solid var(--neutral-200);
    --hk-guest-dropdown--background-color: #fff;
    --hk-guest-dropdown--border: 1px solid var(--neutral-200);
    --hk-guest-dropdown-adults-children-stepper--border: 1px solid var(--neutral-200);
    --hk-guest-dropdown-divider--border: 0.3px solid #ebebeb;
    --hk-guest-dropdown-space--background-color: white;
    }
:root {
    --hk-link-button--color: var(--hk-btn-primary--background);
    --hk-link-button-secondary--color: var(--hk-btn-secondary--background);
    }
:root {
    --hk-searchable-select-tooltip-content--border: 1px solid #ccc;
    --hk-searchable-select-tooltip-content--background-color: var(--color-white);
    --hk-searchable-select-column-hovered--background-color: var(--Colors-Primary-Slate-25);
    --hk-searchable-select-location-icon--border-bottom: 1px solid var(--Colors-Primary-Slate-50);
    --hk-searchable-select-formatted-address--color: var(--Colors-Primary-Slate-700);
    --hk-searchable-select-icon--border-left: 1px solid var(--neutral-300);
    }
:root {
    --hk-basic-input-select-left--border-left: 0 solid var(--neutral-300);
    --hk-basic-input-required-asteriks--color: var(--error-700);
    --hk-basic-search-input-hk-input-prepend-icon--color: #333;
    --hk-prefix-input--background-color: var(--secondary-100);
    --hk-prefix-input--color: var(--secondary-300);
    --hk-prefix-input--color: 1px solid var(--neutral-100);
    --hk-price-input--border: 0.5px solid #DCDFE6;
    --hk-price-input-required-error-input--border-color: red;
    --hk-price-input-custom-input-focus-visible--border-color: var(--primary-main-700);
    --hk-search-input-tooltip-content--border: 1px solid #ccc;
    --hk-search-input-tooltip-content--background-color: var(--color-white);
    --hk-search-input-location-hover--background-color: var(--color-white);
    --hk-search-input-location-icon-hover--background-color: var(--color-white);
    }
:root {
    --hk-search-select-tooltip-content--border: 1px solid #ccc;
    --hk-search-select-toolti-content--background-color: var(--color-white);
    --hk-search-select-location-hovered--background-color: var(--color-white);
    --hk-search-select-arrow-up--border-left: 1px solid var(--colors-primary-slate-200, #D7DFE9);
    --hk-search-select-arrow-up--border-right: 1px solid transparent;
    --hk-search-select-arrow-up--border-bottom: 1px solid transparent;
    --hk-search-select-arrow-up--border-top: 1px solid var(--colors-primary-slate-200, #D7DFE9);
    --hk-search-select-arrow-up--background: white;
    }
:root {
    --hk-tabs-card--border-bottom: 1px solid var(--primary-main-700);
    --hk-tab-item-tab-pane--border-bottom: 2px solid var(--primary-300);
    --hk-tab-item-tab-pane--color: var(--primary-300);
    --hk-tab-item-tab-pane-focused-active--outline-color: var(--primary-900);
    --hk-tab-item-active--color: var(--primary-900);
    --hk-tab-item-active--border-bottom: 2px solid var(--primary-900);
    --hk-tab-item-active-i--color: var(--primary-900);
    --hk-tab-item-disabled--color: var(--hk-control-disabled);
    --hk-tab-item-disabled--border-bottom: 2px solid #dadada;
    --hk-tab-item-card-active--border-top: 2px solid var(--primary-main-700);
    --hk-tab-item-card-active--border-left: 1px solid var(--primary-main-700);
    --hk-tab-item-card-active--border-right: 1px solid var(--primary-main-700);
    --hk-tab-item-card-active--background: var(--color-white);
    --hk-tab-item-card-active--color: var(--hk-primary-hoverd-color);
    --hk-tab-item-card-active--before--background-color: var(--color-white);
    --hk-tab-item-card--border-top: 1px solid var(--neutral-50);
    --hk-tab-item-card--border-left: 1px solid var(--neutral-50);
    --hk-tab-item-card--border-right: 1px solid var(--neutral-50);
    --hk-tab-item-card--color: var(--secondary-900);
    --hk-tab-item-card--background: var(--secondary-50);
    }
:root {
    --hk-time-picker-input--color: var(--secondary-900, #272f3a);
    --hk-time-picker-dropdown--background-color: #fff;
    --hk-time-picker-dropdown--border: 1px solid #eee;
    --hk-time-picker-hours-hovered--color: #1b7fac;
    --hk-time-picker-minutes-hovered--color: #1b7fac;
    --hk-time-picker-seconds-hovered--color: #1b7fac;
    --hk-time-picker-selected-hovered--color: #1b7fac;
    --hk-time-picker-left-icon--color: #999;
    --hk-time-icker-right-icon--color: #999;
    --hk-time-picker-time-select--color: #3b506c;
    }
:root {
    --hk-input-stepper-face-2-content-counter--border: 1px solid var(--neutral-200);
    --hk-input-stepper-face-2-content-counter-minus-sign--border: 1px solid var(--neutral-100);
    --hk-input-stepper-face-2-content-counter-plus-sign--border: 1px solid var(--neutral-100);
    --hk-input-stepper-face-2-content-counter-plus-sign-my-svg-path--stroke: var(--neutral-500);
    --hk-input-stepper-sign-button-background: var(--Colors-Primary-Slate-25);
    --hk-input-stepper-minus-svg--stroke: var(--neutral-500);
    }
:root {
    --hk-list-item-middle-title--color: #1D1B20;
    --hk-list-item-middle-description--color: #49454F;
    --hk-list-item-container--background-color: white;
    }
:root {
    --hk-message-box-wrapper--background: rgba(52, 64, 84, 0.7);
    --hk-message-box-container--background: white;
    }
:root {
    --hk-modal-confirmation-container--background: #FFF;
    --hk-modal-confirmation-title--color: var(--secondary-900);
    --hk-modal-confirmation-message--color: var(--neutral-600);
    --hk-modal-delete-container--background: #FFF;
    --hk-modal-delete-title--color: var(--secondary-900);
    --hk-modal-delete-message--color: var(--neutral-600);
    --hk-modal-confirmation-wrapper--background: rgba(52, 64, 84, 0.7);
    --hk-modal-delete-wrapper--background: rgba(52, 64, 84, 0.7);
    }
:root {
    --hk-phone-input-v2-bordered--border: 1px solid var(--neutral-100);
    --hk-phone-input-v2-bordered-focus-within--border: 1px solid var(--neutral-800);
    --hk-phone-input-v2-bordered-focus-within--color: var(--color-black);
    --hk-phone-input-v2-input-inner-focus--border: 1px solid var(--neutral-100);
    --hk-phone-input-v2-input-placeholder--color: var(--neutral-300);
    --hk-phone-input-v2-message--color: #9baab0;
    --hk-phone-input-v2-error--color: var(--error-700);
    --hk-phone-input-v2-has-errors: var(--error-700);
    --hk-phone-input-v2-has-errors-bordered--border: 1px solid var(--error-700);
    --hk-phone-input-v2-has-errors-bordered-focused--border: 1px solid var(--error-700);
    --hk-phone-input-v2-basic-input-wrapper-after--background: var(--neutral-100);
    --hk-phone-input-v2-hk-input-inner--border: 1px solid transparent;
    --hk-phone-input-v2--background: transparent;
    }
:root {
    --hk-popup-wrapper--background: rgba(52, 64, 84, 0.7);
    --hk-popup-container--background: white;
    --hk-popup-header--border-bottom: 1px solid var(--secondary-300);
    --hk-popup-actions--border-top: 1px solid var(--secondary-300);
    }
:root {
    --hk-segmented-button--border: 1px solid #79747E;
    --hk-segmented-button--svg-color: #fff;
    --hk-segmented-button-active--background-color: var(--hk-primary-color);
    --hk-segmented-button-inactive--background-color: white;
    --hk-segmented-button-active--color: #fff;
    --hk-segmented-button-inactive--color: black;
    }
:root {
    --hk-sidebar-text-primary: #181D27;
    --hk-sidebar-text-selected: #1199D6;
    --hk-sidebar-background: #FAFAFA;
    --hk-sidebar-border-color: #E9EAEB;
    --hk-sidebar-icon-color: #717680;
    }
:root {
    --hk-arrows-stepper-progress-done--background: #fff;
    --hk-arrows-stepper-progress-inprogress--background: #D2D6DC;
    --hk-arrows-stepper-progress-pending--background: #6F838D;
    --hk-arrows-stepper-progress-pending-description--color: white;
    --hk-arrows-stepper-description--color: #757575;
    --hk-arrows-stepper-progress-pending-title--color: white;
    --hk-arrows-stepper-title--color: black;
    --hk-arrows-stepper-progress-pending--outline: 1px solid black;
    --hk-arrows-stepper--outline: 1px solid red;
    --hk-arrows-stepper-unit-wrapper--filter: drop-shadow(0 0 1px #757575);
    --hk-icon-stepper-progress-pending--background: #B4B4B4;
    --hk-icon-stepper--background: var(--success-700);
    --hk-icon-stepper-circle-progress-inprogress--border: 1px solid var(--success-700);
    --hk-icon-stepper-circle-progress-pending--border: 1px solid #B4B4B4;
    --hk-icon-stepper-circle-progress-inprogress--color: var(--success-700);
    --hk-icon-stepper-circle-progress-pending--color: #B4B4B4;
    --hk-minimal-stepper-done--background-color: #657b85;
    --hk-minimal-stepper-progress--background-color: #0BB07B;
    --hk-minimal-stepper-pending--background-color: #90A4AE;
    --hk-nextgen-stepper-radio-done-icon--svg-color: #1B7FAC;
    --hk-nextgen-stepper-progress-done-title--color: #1B7FAC;
    --hk-nextgen-stepper-title--color: black;
    --hk-nextgen-stepper-progress-done-description--color: #1B7FAC;
    --hk-nextgen-stepper-description--color: #787E85;
    --hk-nextgen-stepper-progress-done-horizontal-line--background: #1B7FAC;
    --hk-nextgen-stepper-horizontal-line--background: #B4BFC4;
    --hk-nextgen-stepper-progress-done-vertical-line--background: #1B7FAC;
    --hk-nextgen-stepper-vertical-line--background: #B4BFC4;
    --hk-nextgen-stepper-number-container--background: #E6EAEB;
    --hk-nextgen-stepper-number-container--color: #7E9099;
    --hk-number-stepper-description--color: #888;
    --hk-number-stepper-progress-done--background: var(--success-700);
    --hk-number-stepper-progress-inprogress--background: #1976D2;
    --hk-number-stepper--background: white;
    --hk-number-stepper-progress-done-line--background: 1px solid var(--success-700);
    --hk-number-stepper-line--background: 1px dashed lightgray;
    --hk-number-stepper-progress-pending--color: black;
    --hk-number-stepper--color: white;
    --hk-number-stepper-progress-pending--box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    --hk-status-stepper-title--color: #888;
    --hk-status-stepper-description--color: black;
    --hk-status-stepper-progress-done--background: #E5FFF7;
    --hk-status-stepper-progress-inprogress--background: #E9F5FA;
    --hk-status-stepper-progress-pending--background: transparent;
    --hk-status-stepper-progress-done--color: #0BB07B;
    --hk-status-stepper-progress-inprogress--color: #1B7FAC;
    --hk-status-stepper-progress-pending--color: #B4BFC4;
    --hk-status-stepper-progress-pending--border: 1px solid #B4BFC4;
    --hk-status-stepper-progress-done-number--background: #0BB07B;
    --hk-status-stepper-progress-inprogress-number--background: #1976D2;
    --hk-status-stepper-progress-pending-number--background: #9E9E9E;
    --hk-status-stepper-progress-done--border-line: 1px solid #0BB07B;
    --hk-status-stepper-progress-inprogress--border-line: 1px solid #1976D2;
    --hk-status-stepper-progress-pending--border-line: 1px solid #B4BFC4;
    }
:root {
    --hk-spinner-backdrop--background-color: rgba(0, 0, 0, 0.5);
    --hk-spinner-stroke--color: var(--primary-main-700);
    --hk-spinner-background-stroke--color: #E5E9F2;
    }
:root {
    --hk-slider--background-color: var(--color-white);
    --hk-slider-input-webkit-slider-thumb--background-color: var(--color-white);
    --hk-slider-input-webkit-slider-thumb--border: 4px solid var(--hk-primary-color);
    --hk-slider-input-moz-range-thumb--background-color: var(--hk-primary-color);
    --hk-slider-input-ms-thumb--background-color: var(--hk-primary-color);
    --hk-slider-input-active-webkit-slider-thumb--background-color: var(--color-white);
    --hk-slider-input-active-webkit-slider-thumb--border: 1px solid var(--hk-primary-color);
    }
:root {
    --hk-tag-label--color: black;
    --hk-tag-x-icon--svg-color: black;
    --hk-tag-primary--background-color: var(--Colors-Primary-50, #E9F5FA);
    --hk-tag-secondary--background-color: white;
    --hk-tag-secondary--border: 1px solid #B4BFC4;
    }
:root {
    --hk-tag-item--background: lightgray;
    --hk-tags-input--border: var(--hk-courtesy-titles-bordered--border);
    }
:root {
    --hk-text-area-input-inner--border: 1px solid #ccc;
    --hk-text-area-required-asteriks--color: var(--error-700);
    --hk-text-area-basic-input-wrapper-has-errors-label--color: var(--error-700);
    --hk-text-area-basic-input-wrapper-has-errors-input-wrapper-hk-messages--color: var(--error-700);
    --hk-text-area-input-icon--border-left: 1px solid var(--neutral-300);
    --hk-text-area-clear-value--color: var(--primary-main-700);
    --hk-text-area-input-wrapper-placeholder--color: var(--neutral-300);
    }
:root {
    --hk-toast-default--svg-color: #4F4B5C;
    --hk-toast-error--svg-color: #BF3A33;
    --hk-toast-success--svg-color: #0BB07B;
    --hk-toast-info--svg-color: #A7D7ED;
    --hk-toast-warning-svg-color: #F07300;
    --hk-toast-divider--background-color: #FFE0E0;
    --hk-toast-wrapper--background: white;
    --hk-toast-wrapper--box-shadow: 0 16px 20px -8px rgba(17, 12, 34, 0.1);
    }
:root {
    --hk-tooltip-content-active-light--background: #F9F9FA;
    --hk-tooltip-content-active-light--box-shadow: 0 6px 16px -6px rgba(17, 12, 34, 0.15);
    --hk-tooltip-content-active-light--color: var(--primary-slate-800);
    --hk-tooltip-content-active-dark--color: #F9F9FA;
    --hk-tooltip-content-active-dark--background: var(--primary-slate-800);
    --hk-tooltip-content-active-dark--box-shadow: 0 6px 16px -6px rgba(17, 12, 34, 0.15);
    --hk-tooltip-pointer--filter: drop-shadow(0 6px 16px -6px rgba(17, 12, 34, 0.15));
    }
:root {
    --hk-addon-card--border: 1px solid var(--border-color);
    --hk-addon-card-header--border-bottom: 1px solid var(--neutral-100);
    --hk-addon-card-header--background: #fff;
    --hk-addon-card-header-title--color: var(--neutral-900);
    --hk-addon-card-header-img--border: 1px solid var(--neutral-100);
    --hk-addon-card-face-1-content-title--color: var(--neutral-900);
    --hk-addon-card-face-1-content-description--color: var(--neutral-500);
    --hk-addon-card-face-2-content-counter--border: 1px solid var(--neutral-200);
    --hk-addon-card-face-2-content-counter-minus-plus-sign--border: 1px solid var(--neutral-100);
    --hk-addon-card-face-2-content-counter-plus-sign-svg-path--stroke: var(--neutral-900);
    --hk-addon-card-face-2-content-max-allowed--color: var(--neutral-500);
    --hk-addon-card-face-2-content-select-quantity--color: var(--color-black);
    --hk-addon-card-face-3-content-title--color: var(--neutral-900);
    --hk-addon-card-face-3-content-description--color: var(--neutral-500);
    --hk-addon-card-face-3-footer-item-added--border: 1px solid var(--primary-900);
    --hk-addon-card-face-3-footer-item-added--background: var(--primary-main-700);
    --hk-addon-card-face-3-footer-success--background: white;
    --hk-addon-card-face-3-footer-quantity-added--color: var(--secondary-50);
    --hk-addon-card-face-3-footer-total--color: var(--primary-50);
    --hk-addon-card-face-3-footer--border-top: 1px solid var(--border-color);
    --hk-addon-card-footer-link--color: var(--primary-900);
    --hk-addon-card-footer-add-item--border: 1px solid var(--primary-900);
    --hk-addon-card-footer-add-item--color: var(--primary-900);
    }
:root {
    --hk-booking-confirmation-item-wrapper--border: 1px solid var(--neutral-100);
    --hk-booking-confirmation-item-wrapper--background: #FFF;
    --hk-booking-confirmation-item-wrapper-part-span-nth-child-2--color: var(--neutral-500);
    --hk-booking-confirmation-item-wrapper-part-span-first-child--color: var(--secondary-900);
    --hk-booking-confirmation-item-wrapper-first-col--color: var(--neutral-900);
    }
:root {
    --hk-booking-confirmation-item-wrapper--border: 1px solid var(--neutral-100, #CDD4D8);
    --hk-booking-confirmation-item-wrapper--background: #FFF;
    --hk-booking-confirmation-item-wrapper-part-span-nth-child-2--color: var(--neutral-500);
    --hk-booking-confirmation-item-wrapper-part-span-first-child--color: var(--secondary-900);
    --hk-booking-confirmation-item-wrapper-first-col--color: var(--neutral-900);
    }
:root {
    --hk-icon-only-dropdown-dropdown-toggle--background: transparent;
    --hk-icon-only-dropdown-dropdown-content--border: 1px solid var(--colors-primary-slate-200, #d7dfe9);
    --hk-icon-only-dropdown-dropdown-content--background-color: var(--colors-base-00, #fff);
    --hk-icon-only-dropdown-dropdown-content--box-shadow: 0 8px 11px -4px rgba(45, 54, 67, 0.04), 0 20px 24px -4px rgba(45, 54, 67, 0.04);
    }
:root {
    --hk-left-box-on-reservation-card-right--color: var(--neutral-500, #7E9099);
    --hk-middle-box-on-reservation-card-left--color: #000;
    --hk-middle-box-on-reservation-card-left--right: var(--neutral-500, #7E9099);
    --hk-reservation-card--border: 1px solid var(--neutral-50);
    --hk-reservation-card--background: #FFF;
    --hk-reservation-card-vertical-border-line--border-right: 1px solid var(--neutral-50);
    --hk-right-box-on-reservation-card-left--color: #000;
    --hk-right-box-on-reservation-card-middle--color: var(--neutral-500, #7E9099);
    }
:root {
    --hk-booking-room-card-recommended-stripe--color: white;
    --hk-booking-room-card-recommended-stripe--background-color: var(--primary-900);
    --hk-booking-room-card-room-selection-card--border: 1px solid var(--neutral-100);
    --hk-booking-room-card-room-selection-card-hover--border: 1px solid var(--primary-900);
    --hk-booking-room-card-room-selection-card-hover--box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);
    --hk-booking-room-card-header-text--color: var(--heading-text);
    --hk-booking-room-card-member-price--border: 1px solid var(--neutral-100);
    --hk-booking-room-card-member-price-title--color: var(--secondary-900);
    --hk-booking-room-card-select-button--background: var(--primary-main-700);
    --hk-booking-room-card-select-button--color: var(--color-white);
    --hk-booking-room-card-button-container--border-top: 1px solid var(--neutral-100);
    --hk-booking-room-card-product-info--border-top: 1px solid var(--neutral-100);
    --hk-booking-room-card-availability-status--color: var(--success-700);
    --hk-booking-room-card-room-label--color: var(--secondary-500);
    --hk-booking-room-card-radio-button--color: var(--secondary-900);
    --hk-booking-room-card-radio-label--color: var(--secondary-900, #272f3a);
    --hk-booking-room-card-room-selection-card-header--border-bottom: 1px solid var(--border-color);
    --hk-booking-room-card-room-selection-details--border: 1px solid var(--border-color);
    --hk-booking-room-card-room-selection-details-hover--border: 1px solid var(--primary-900);
    --hk-booking-room-card-room-selection-details-hover--box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12);
    --hk-booking-room-card-line-seperator--background-color: #ccc;
    --hk-booking-room-card-price-row-seperator--background-color: var(--border-color);
    --hk-booking-room-card-sold-out--color: var(--success-700);
    --hk-booking-room-card-available--color: var(--success-700);
    --hk-booking-room-card-description--color: grey;
    --hk-booking-room-card-select-button--border-top: 1px solid var(--border-color);
    --hk-booking-room-card-custom-select-button--background: #229bd1;
    --hk-booking-room-card-custom-select-button--color: white;
    --hk-booking-room-card-custom-select-button--border: none;
    }
:root {
    --hk-room-info-card-available--color: var(--success-700, #0BB07B);
    --hk-room-info-card-sold-out--color: var(--error-700);
    --hk-room-info-card-product-info--border-top: 1px solid var(--neutral-100);
    --hk-room-info-card-availability-status--color: var(--success-700);
    --hk-room-info-card-room-label--color: var(--secondary-500);
    --hk-room-info-card-radio-button--color: var(--secondary-900);
    --hk-room-info-card-radio-label--color: var(--secondary-900, #272f3a);
    }
:root {
    --hk-status-badge-secondary-background: #E5E5E5;
    --hk-status-badge-secondary-border: 1px solid var(--neutral-500);
    --hk-status-badge-secondary-color: var(--neutral-500);
    --hk-status-badge-info-background: #FFF8E0;
    --hk-status-badge-info-border: #DDAF17;
    --hk-status-badge-primary--border: 1px solid var(--primary-900, #1B7FAC);
    --hk-status-badge-primary--background: var(--primary-50, #E9F5FA);
    --hk-status-badge-primary--color: var(--primary-900, #1B7FAC);
    --hk-status-badge-success--border: 1px solid var(--success-700, #0BB07B);
    --hk-status-badge-success--background: var(--success-50, #E5FFF7);
    --hk-status-badge-success--color: var(--success-700, #0BB07B);
    --hk-status-badge-error--border: 1px solid var(--error-700);
    --hk-status-badge-error--background: var(--error-50);
    --hk-status-badge-error--color: var(--error-700);
    }
:root {
    --hk-font-family: Lato;
    --hk-poppins-font-family: Poppins;
    --hk-primary-color: #229BD1;
    --hk-primary-hoverd-color: #1B7FAC;
    --hk-primary-focused-color: #229BD1;
    --hk-primary-active-color: #1B7FAC;
    --hk-primary-disabled-color: #A7D7ED;
    --hk-primary-color-light-1: #229BD1;
    --hk-primary-color-light-2: #229BD1;
    --hk-primary-color-light-3: #229BD1;
    --hk-primary-color-light-4: #229BD1;
    --hk-primary-color-light-5: #229BD1;
    --color-white: #fff;
    --color-black: #000;
    --color-primary: #1B7FAC;
    --color-neutral: #CDD4D8;
    --border-color: #cdd4d7;
    --hk-checkbox-focus-color: var(--primary-100);
    --border-radius: 0.375rem;
    --primary-25: #F9FAFB;
    --primary-50: #E9F5FA;
    --primary-100: #D3EBF6;
    --primary-300: #A7D7ED;
    --primary-500: #9fd1ef;
    --primary-main-700: #229BD1;
    --primary-900: #1B7FAC;
    --primary-1100: #1B7FAC;
    --primary-slate-500: #5E718D;
    --primary-slate-800: #2D3643;
    --secondary-50: #f9f9fa;
    --secondary-100: #f4f4f5;
    --secondary-300: #b2b5b9;
    --secondary-500: #787e85;
    --secondary-main-700: #3e4651;
    --secondary-900: #272f3a;
    --secondary-1100: #101720;
    --neutral-50: #e6eaeb;
    --neutral-100: #cdd4d8;
    --neutral-200: #b4bfc4;
    --neutral-300: #9baab0;
    --neutral-400: #8799a0;
    --neutral-500: #7e9099;
    --neutral-600: #6f838d;
    --neutral-700: #657b85;
    --neutral-800: #516a75;
    --neutral-900: #385561;
    --neutral-1000: #1f3f4e;
    --neutral-1100: #062a3a;
    --error-700: #BF3A33;
    --error-300: #F7C9C8;
    --error-50: #FDF2F2;
    --success-700: #0BB07B;
    --success-50: #E5FFF7;
    --hk-control-disabled: #959495;
    --hk-checkbox-tick-color: #fff;
    --hk-checkbox-border-color: var(--primary-main-700);
    --colors-primary-slate-700: #3D4A5C;
    --colors-primary-slate-200: #D7DFE9;
    --colors-primary-slate-50: #F0F3F9;
    --colors-primary-slate-25: #F9FAFB;
    --hk-input--background-color: #fff;
    --hk-input--border: 1px solid var(--neutral-100);
    --hk-input--color: var(--secondary-900);
    --hk-input__inner--border-color: var(--neutral-100);
    --hk-input__inner--color: var(--secondary-900);
    --hk-input-focused--border: 1px solid var(--hk-input-focused-border);
    --hk-range-editor-is-active--border-color: var(--secondary-1100);
    --hk-range-editor-is-active-hover--border-color: var(--secondary-1100);
    --has-errors--border-color: var(--error-700);
    --basic-input-wrapper-hk-has-errors-label--color: var(--error-700);
    --basic-input-wrapper-hk-has-errors-hk-input-wrapper-hk-messages--color: var(--error-700);
    --hk-input-wrapper-placeholder--color: var(--neutral-300);
    --hk-input-wrapper-input-hk-input-with-errors--border-color: var(--error-700);
    --hk-input-inner-disabled--border: 1px solid var(--hk-input-disabled-border);
    --hk-input-icon--border-left: 1px solid var(--neutral-300);
    --clear-value--color: var(--primary-main-700);
    --hk-slider--background: #E6E0E9;
    --hk-slider-webkit-slider-thumb--background: var(--primary-main-700);
    --hk-slider-moz-range-thumb--background: var(--primary-main-700);
    --hk-slider-value--color: #fff;
    --hk-slider-value--background: var(--primary-main-700);
    --hk-link-button--color: var(--primary-main-700);
    --hk-link-button-svg-path--stroke: var(--primary-main-700);
    --hk-link-button-fill-icon-svg-path--fill: var(--primary-main-700);
    --hk-link-button-hover--color: var(--primary-900);
    --hk-link-button-hover-svg-path--stroke: var(--primary-900);
    --hk-link-button-hover-svg-path--fill: var(--primary-900);
    --hk-link-button-black--color: var(--secondary-1100);
    --hk-link-button-black-svg-path--stroke: var(--secondary-1100);
    --hk-link-button-black-fill-icon-svg-path--fill: var(--secondary-1100);
    --hk-link-button-black-hover--color: var(--secondary-main-700);
    --hk-link-button-black-hover-svg-path--stroke: var(--secondary-main-700);
    --hk-link-button-black-hover-fill-icon-svg-path--fill: var(--secondary-main-700);
    --highlight-cta-day-path--stroke: navajowhite;
    --highlight-availability-available-day-hover--background-color: #daecda;
    --highlight-availability-unavailable-day-hover--background-color: #ffb1a8;
    --highlight-cta-day-hover--background-color: navajowhite;
    --rounded-right-secondary--background-color: white;
    --rounded-right-secondary--border-color: var(--primary-900);
    --rounded-right-secondary--border: 1px solid var(--primary-900);
    --rounded-right-secondary--color: var(--color-black);
    --no-border--background-color: transparent;
    --error--color: var(--error-700);
    --hk-badge-slot--color: #fff;
    --hk-list-item-container--background-color: white;
    --hk-message-box-wrapper--background: rgba(52, 64, 84, 0.7);
    --hk-message-box-container--background: white;
    --hk-modal-wrapper--background: rgba(52, 64, 84, 0.7);
    --hk-modal-container--background: #FFF;
    --hk-modal-title--color: var(--secondary-900);
    --hk-modal-message--color: var(--neutral-600);
    --hk-minimal-stepper-done--background-color: #657b85;
    --hk-minimal-stepper-progress--background-color: #0BB07B;
    --hk-minimal-stepper-pending--background-color: #90A4AE;
    --hk-number-stepper-number--color: white;
    --hk-status-stepper-number--color: white;
    --hk-status-stepper-number--background-color: green;
    --hk-status-stepper-line--border: 1px solid green;
    --hk-arrows-stepper-unit-wrapper--filter: drop-shadow(0 0 1px #757575);
    --hk-nextgen-stepper-number-container--background: #E6EAEB;
    --hk-nextgen-stepper-number-container--color: #7E9099;
    --hk-toast-wrapper--background: white;
    --hk-toast-wrapper--box-shadow: 0 16px 20px -8px rgba(17, 12, 34, 0.1);
    --hk-tooltip-content--color: black;
    --hk-tooltip-content-active-light--background: #F9F9FA;
    --hk-tooltip-content-active-light--box-shadow: -3px 2px 25px 3px rgba(17, 12, 34, 0.25);
    --hk-tooltip-content-active-light--color: var(--primary-slate-800);
    --hk-tooltip-content-active-dark--color: #F9F9FA;
    --hk-tooltip-content-active-dark--background: var(--primary-slate-800);
    --hk-tooltip-content-active-dark--box-shadow: 0 6px 16px -6px rgba(17, 12, 34, 0.5);
    --hk-tooltip-pointer--filter: drop-shadow(0 6px 16px -6px rgba(17, 12, 34, 0.15));
    }
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    }
input:disabled {
    pointer-events: none;
    cursor: pointer;
    background-color: var(--hk-input-disabled-background-color) !important;
    }
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    }
img {
    border-style: none;
    }
button, input {
    font-family: inherit;
    margin: 0;
    }
button, input {
    overflow: visible;
    }
button {
    text-transform: none;
    }
button, [type="button"] {
    -webkit-appearance: button;
    }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
    }
body {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    line-height: 1.5;
    min-height: 100vh;
    }
::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    }