@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap);
body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--bleu-tres-fonce);
}

.conteneur-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

::selection {
  color: #edf5f2;
  background: var(--bleu-clair);
}
/************************* Palette de couleur RAVAIL **************************/
:root {
    --blanc: #ffffff;
    --vert-clair: #76e297;
    --vert-clair-nuance-0: #62b87c;
    --vert-clair-nuance-1: #76e297;
    --vert-clair-nuance-2: #bff2ca;
    --vert-clair-nuance-3: #d5f6dc;
    --vert-clair-nuance-4: #e4f3f0;
    --vert-clair-nuance-5: #edf5f2;
    --vert-fonce: #93c6b6;
    --vert-fonce-nuance-1: #79a295;
    --vert-fonce-nuance-2: #93c6b6;
    --vert-cyan: #c3ebe3;
    --bleu-clair: #04aceb;
    --bleu-clair-nuance-1: #025676;
    --bleu-clair-nuance-2: #0378a5;
    --bleu-clair-nuance-3: #04aceb;
    --bleu-clair-nuance-4: #4fc5f1;
    --bleu-clair-nuance-5: #9bdef7;
    --bleu-clair-nuance-6: #e6f7fd;
    --bleu-fonce: #3a5886;
    --bleu-tres-fonce: #233551;
    --bleu-fonce-nuance-1: #233551;
    --bleu-fonce-nuance-2: #3a5886;
    --bleu-fonce-nuance-3: #758aaa;
    --bleu-fonce-nuance-4: #8c93a4;
    --bleu-fonce-nuance-5: #d8dae0;
    --rouge: #f97575;
    --rouge-nuance-0: #c75d5d;
    --rouge-nuance-1: #fef1f1;
    --jaune: #ffb74d;
    --jaune-nuance-0:#e1972a;
    --jaune-nuance-1: #fff8ed;

}
/*********************** Fin Palette de couleur RAVAIL ************************/

#root {
    font-size: 18px;
    color: #233551;
    color: var(--bleu-tres-fonce);
}

body{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
    color: #233551;
    color: var(--bleu-tres-fonce);
}

.background {
    min-height: 100vh;
    display: block;
    background: #edf5f2;
    background: var(--vert-clair-nuance-5);
    align-items: center;
}

.backgroundImage {
    background-image: url(/static/media/backgroundv2.2c98ffdae0771c4ba22c.jpg);
    background-color: #e4f3f0;
    background-color: var(--vert-clair-nuance-4);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.background-stethos {
    background-image: url(/static/media/fond_stetho.27d3d0137b5532d604b4.png);
    background-color: #e4f3f0;
    background-color: var(--vert-clair-nuance-4);
    background-position: top;
    background-size: 100% auto;
}

.aligned-center {
    text-align: center;
}

@media (min-width: 992px){
    .lg-align-right {
        text-align: right;
    }
    
    .lg-align-left {
        text-align: left;
    }
}


@media (max-width: 575.98px){
    .ant-steps.ant-steps-dot:not(:has(.ant-steps-item-title .isQuickModeStepTitle)) .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
        margin-inline-start: 16px !important;
    }

    .ant-steps.ant-steps-dot:not(:has(.ant-steps-item-title .isQuickModeStepTitle)) .ant-steps-item-process .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
        margin-inline-start: 15px !important;
    }

    .ant-steps.ant-steps-dot:not(:has(.ant-steps-item-title .isQuickModeStepTitle)) .ant-steps-item-tail, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
        margin-inline: 20px 0 !important;
    }

    .ant-steps.ant-steps-dot .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
        margin-inline-start: 10px !important;
    }

    .ant-steps.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
        margin-inline-start: 9px !important;
    }

    .ant-steps.ant-steps-dot .ant-steps-item-tail, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
        margin-inline: 14px 0 !important;
    }
}

@media (min-width: 576px){
    .ant-steps.ant-steps-dot:not(:has(.ant-steps-item-title .isQuickModeStepTitle)) .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
        margin-inline-start: 76px !important;
    }

    .ant-steps.ant-steps-dot:not(:has(.ant-steps-item-title .isQuickModeStepTitle)) .ant-steps-item-process .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
        margin-inline-start: 75px !important;
    }

    .ant-steps.ant-steps-dot:not(:has(.ant-steps-item-title .isQuickModeStepTitle)) .ant-steps-item-tail, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
        margin-inline: 80px 0 !important;
    }

    .ant-steps.ant-steps-dot .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
        margin-inline-start: 70px !important;
    }

    .ant-steps.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
        margin-inline-start: 69px !important;
    }

    .ant-steps.ant-steps-dot .ant-steps-item-tail, .ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
        margin-inline: 74px 0 !important;
    }
}

.ant-steps .ant-steps-item-title {
    font-size: 1.45rem;
    padding: 0 10px 0 0 !important;
}

.isQuickModeStepTitle {
    font-size: 1.2rem !important;
    padding: 0 !important;
}

.ant-btn-primary.button-primary-dark {
    background-color: #3a5886;
    background-color: var(--bleu-fonce);
}

.mb-3 {
    margin-bottom: 3rem!important;
}

.ps-3 {
    padding-left: 1rem!important;
}

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

.img-fluid {
    max-width: 100%;
    height: auto;
}

div > img, svg {
    vertical-align: middle;
}

.ant-badge .ant-badge-multiple-words {
    padding: 0 6px;
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}

.page {
    width: 100%;
}

.heading {
    font-size: 60px;
    padding: 5px 10px;
    font-weight: 400;
    margin-block-end: 0;
}


@media only screen and (max-width: 600px) {
    .heading {
        font-size: 30px;
        display: flex;
        justify-content: center;
    }
}

.btn-vertical{
    flex-direction: column !important;
    white-space: break-spaces !important;
    min-height: 148px !important;
    width: min-content !important;
}

.steps-content {
    min-height: 200px;
}

.titreSection {
    font-size: 20px !important;
    font-weight: 700 !important;;
}

.section {
    margin-top: 24px;
}


.highlightSectionOnHover:hover {
    background-color: #e6f7fd;
    background-color: var(--bleu-clair-nuance-6);
    border-radius: 4px;
}
  
.steps-action {
    margin-top: 24px;
    position: sticky;
    bottom: -6px;
    z-index: 10;
    display: inline-block;
    width: 100%;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 4px;
    border-radius: 8px;
}

.caracIcon {
    width: 1.5em;
    height: 1.5em;
}

.steps-action > .ant-card-bordered {
    background-color: #93c6b6;
    background-color: var(--vert-fonce);
    border: 0;
}

.ant-menu-submenu-popup {
    z-index: 2000 !important;
}

.ant-btn > span {
    align-items: center;
}

.ant-form-horizontal .ant-form-item-control {
    flex: 1 1 auto;
}

.ant-form-item + .ant-form-text {
    margin-left: 5px;
}

.duration .ant-form-item-control-input-content {
    display: flex;
    align-items: center;
}

.ant-table .ant-select .ant-select-selection-placeholder {
    width: 0;
}

.ant-card .ant-card-head {
    font-weight: 700;
}

.ant-select-selector {
    height: auto !important;
}

.ant-menu{
    justify-content: right;
}

.ant-dropdown .ant-dropdown-menu{
    border-radius: 12px;
}

.ant-menu-submenu-title{
    height: auto !important;
}

.ant-divider .ant-divider-inner-text{
    white-space: break-spaces;
    flex-shrink: 0;
    max-width: 100%;
}

.ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-item:hover::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-item::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-submenu:hover::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-submenu::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-item-active::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-submenu-active::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-item-open::after, .ant-menu-light.ant-menu-horizontal >.connexionItem.ant-menu-submenu-open::after{
    border-bottom: none !important;
}

.ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-item:hover::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-item::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-submenu:hover::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-submenu::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-item-active::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-submenu-active::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-item-open::after, .ant-menu-light.ant-menu-horizontal >.connectedItem.ant-menu-submenu-open::after{
    border-bottom: none !important;
}

.connectedItem{
    border: 4px solid #3a5886 !important;
    border: 4px solid var(--bleu-fonce) !important;
    border-radius: 18px !important;
    margin-left: 8px !important;
}

.connectedItem:hover{
    border: 4px solid #04aceb !important;
    border: 4px solid var(--bleu-clair) !important;
}

.ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-item:hover::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-item::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-submenu:hover::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-submenu::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-item-active::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-submenu-active::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-item-open::after, .ant-menu-light.ant-menu-horizontal >.logoItem.ant-menu-submenu-open::after{
    border-bottom: none !important;
}

label[for=basic_visiteType] {
    margin-top: 12px;
}

.logoLink{
    height: 64px;
    width: 100%;
    display: flex;
}

.logoImg{
    height: 100%;
    width: 100%;
    min-height: 100%; /* fix to solve object-fit not working well on Safari */
    min-width: 100%; /* fix to solve object-fit not working well on Safari */
    object-fit: contain;
}

.email-pre-visite {
    width: 169px !important;
}

.cardNiveauExpo > .ant-card-body {
    padding: 14px !important;
}

.ant-menu-horizontal >.ant-menu-item{
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.ant-col-18 {
    flex: 0 0 75% !important;
}

.ant-menu-horizontal >.ant-menu-overflow-item{
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.ant-menu-horizontal >.ant-menu-overflow-item-rest::after{
    border: none !important;
}

.ant-menu{
    border-bottom: none !important;
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: #3a5886;
    border-bottom-color: var(--bleu-fonce);
    background: #3a5886;
    background: var(--bleu-fonce);
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
    color: #ffffff;
    color: var(--blanc);
    background: #3a5886;
    background: var(--bleu-fonce);
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    background-color: #758aaa;
    background-color: var(--bleu-fonce-nuance-3);
    color: white;
    border-bottom: 0;
}

.ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before {
    border-bottom: none;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #ffffff !important;
    color: var(--blanc) !important;
}

.ant-tabs-nav-wrap{
    background-color: white;
}

.width100{
    width: 100%;
}


.ant-tabs-nav-list >:not(.ant-tabs-tab-active) {
    border: 1px solid #758aaa !important;
    border: 1px solid var(--bleu-fonce-nuance-3) !important;
    border-left: 1px solid #3a5886 !important;
    border-left: 1px solid var(--bleu-fonce-nuance-2) !important;
    transition: none !important;
    margin-left: 0px !important;
}

.ant-tabs-tab:hover {
    border: 1px solid #3a5886 !important;
    border: 1px solid var(--bleu-fonce) !important;
    border-bottom: 0px !important;
    color: #233551 !important;
    color: var(--bleu-tres-fonce) !important;
}

.ant-tabs-tab.ant-tabs-tab-active:hover {
    border: 1px solid #3a5886 !important;
    border: 1px solid var(--bleu-fonce) !important;
    transition: none !important;
}

.ant-tabs-tab-active {
    border: 1px solid #3a5886 !important;
    border: 1px solid var(--bleu-fonce) !important;
    transition: none !important;
    margin: 0px !important;
}

.ant-tabs-tab-btn span {
    font-size: 18px;
}

.ant-tabs-tab-labelled {
    margin-top: 1em;
}

.ant-tabs-tab-labelled > .ant-card-body{
    padding: 1em;
    padding-top: 0px;
}

.ants-card-label-text {
    scroll-margin-top: 2em;
    font-size: 18px;
}

.ants-card-label {
    position: absolute;
    top: -15px;
    left: 1em;
    font-size: 16px;
    background-color: #04aceb;
    background-color: var(--bleu-clair);
    border-radius: 20px;
    color: white;
    padding: 2px 16px;
    margin-right: 16px;
}

.ants-card-label-invisible-placeholder {
    font-size: 18px;
    color: white;
    padding: 0px 16px;
    visibility: hidden;
}

.troncate-card-label .ants-card-label-invisible-placeholder {
    padding: 0;
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active {
    padding: 8px 16px;
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab{
    margin-top: auto;
}

.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    font-weight: 600;
    color: #76e297;
    color: var(--vert-clair);
}

.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    font-weight: 500;
}

.ant-steps .ant-steps-item-error .ant-steps-item-icon >.ant-steps-icon .ant-steps-icon-dot {
    background: #5bc1e7;
}

.ant-steps .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    padding-left: 5%;
    color: rgba(0, 0, 0, 0.45);
}

.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: #04aceb;
    color: var(--bleu-clair);
}

.ant-steps .ant-steps-item-process .ant-steps-item-icon >.ant-steps-icon .ant-steps-icon-dot {
    background: #76e297;
    background: var(--vert-clair);
}

.ants-card-extra {
    position: absolute;
    top: 1em;
    right: 1em;
}


.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    z-index: -2;
}

.ant-tooltip-content {
    padding-left: 12px;
}

.ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav {
    margin: 0 0 0 0;
}

.ant-tabs-content-holder {
    z-index: 0;
    background-color: #3a5886;
    background-color: var(--bleu-fonce);
    border-radius: 0 4px 8px 8px; 
    padding: 1em;
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 4px 4px 0 0;
}

.ant-divider-horizontal.ant-divider-with-text {
    display: inline-flex;
}

.ant-divider-horizontal {
    display: inline-flex;
    margin: 12px 0;
}

.ant-card-bordered {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 4px;
}

.ant-card-hoverable:hover {
    cursor: auto;
    border-color: #04aceb;
    border-color: var(--bleu-clair);
}

.ant-picker {
    display: flex;
}

.ant-picker-input > input {
    text-align: center;
}

.site-tree-search-value {
    background-color: #f4ff00;
}

.potential-expositions-recommendation {
    color: #04aceb;
    color: var(--bleu-clair);
    font-weight: bold;
}

.mandatory-seeked-expositions {
    color: #f97575;
    color: var(--rouge);
    font-weight: bold;
}

.ant-input-prefix, .ant-input-suffix {
    align-items: normal;
}

.ant-modal-confirm-content {
    width: 100%;
}

button.ant-btn {
    white-space: break-spaces;
    height: auto;
    min-height: 24px;
    padding: 3px 15px;
}

.card-container {
    background-color: #eef5f2;
}

.legal {
    text-align: left;
}

.ant-float-btn-icon {
    width: 100% !important;
}

.ant-select {
    height: auto !important;
}

.ant-space-item {
    max-width: 100%;
}

.ant-select-selection-item {
    white-space: break-spaces !important;
    height: auto !important;
}

.ant-image-preview-wrap {
    z-index: 1120 !important;
}

.ant-image-preview-operations-wrapper {
    z-index: 1121 !important;
}

div:not([class^="ant-"]) > table:not([class^="ant-"]), table:not([class^="ant-"]) th:not([class^="ant-"]), td:not([class^="ant-"]) {
    line-height: 8mm;
}

.simpleTableGreen {
    border-collapse: collapse;
}

.simpleTableGreen th {
    border: 1px solid #e4f3f0;
    border: 1px solid var(--vert-clair-nuance-4);
}

.simpleTableGreen td {
    border: 1px solid #e4f3f0;
    border: 1px solid var(--vert-clair-nuance-4);
    padding: 0 2mm;
}

.legal {
    text-align: left;
}

.ant-btn-lg {
    padding: 6px 15px;
}

.ant-btn .ant-btn-icon {
    line-height: 0;
}

.ant-badge .ant-scroll-number {
    z-index: 1;
}

.ant-table-wrapper .ant-table .ant-table-tbody >tr >td {
    background: #fff;
}

.ant-table-tbody > tr.ant-table-row:hover > td {
    background-color: #edf5f2 !important;
    background-color: var(--vert-clair-nuance-5) !important;
}

.ant-table-tbody > tr.ant-table-row-selected.ant-table-row-level-0 > td{
    background: #eaf5ff;
}

.ant-table-tbody > tr.ant-table-row-selected.ant-table-row-level-1 > td {
    background: #f1f8ff;
}

.ant-table-tbody > tr.ant-table-row-selected.ant-table-row-level-2 > td {
    background: #f6fbff
}

.ant-table-thead > tr > th {
    color: #233551;
    color: var(--bleu-tres-fonce);
    background: #e4f3f0 !important;
    background: var(--vert-clair-nuance-4) !important;
}

.ant-table-thead > tr > td {
    color: #233551;
    color: var(--bleu-tres-fonce);
    background: #e4f3f0 !important;
    background: var(--vert-clair-nuance-4) !important;
}

.ant-modal {
    top: 300px;
}

.StethoLogo {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 40px;
  }

.ant-tag {
    white-space: break-spaces;
    margin-inline-end: 0px;
}

.ant-tag-checkable{
    background-color: #0000000a;
}

.ant-tag-checkable-checked{
    background-color: #04aceb;
    background-color: var(--bleu-clair);
}

.checkableTagGreen {
    background-color: #d5f6dc;
    background-color: var(--vert-clair-nuance-3);
    color: #62b87c !important;
    color: var(--vert-clair-nuance-0) !important;
}

.checkableTagGreen:hover {
    background-color: #62b87c !important;
    background-color: var(--vert-clair-nuance-0) !important;
    color: #d5f6dc !important;
    color: var(--vert-clair-nuance-3) !important;
}

.checkableTagRed {
    background-color: #fef1f1;
    background-color: var(--rouge-nuance-1);
    color: #c75d5d !important;
    color: var(--rouge-nuance-0) !important;
}

.checkableTagRed:hover {
    background-color: #c75d5d !important;
    background-color: var(--rouge-nuance-0) !important;
    color: #fef1f1 !important;
    color: var(--rouge-nuance-1) !important;
}

.ant-tooltip {
    z-index: 1110;
}

.tooltip-synthese {
    z-index: 9;
}

.ant-tooltip .ant-tooltip-inner {
    box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)
}

.ant-tree .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    background: #d9d9d9;
    border-color: #d9d9d9;
}

.ant-popover .ant-popover-inner {
    background-color: rgb(240 247 253);
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.ant-select-multiple .ant-select-selection-item {
    height: auto;
}

.ant-select-multiple .ant-select-selection-item-content{
    white-space: break-spaces;
}

.ant-select-multiple .ant-select-selection-overflow {
    display: grid;
}

.anticon-info-circle {
    color: rgba(0, 0, 0, 0.45);
    cursor: help;
    writing-mode: horizontal-tb;
    display: inline-flex;
}

.daysBeforeExpiredInner {
    border: 2px solid;
    border-radius: 16px;
    width: fit-content;
    background: #d0e9e5;
    padding: 0px 8px;
    margin-inline: auto;
    transform: rotate(328deg);
}

.daysBeforeExpiredOuter {
    color: rgb(228 128 131);
    position: absolute;
    top: 44px;
    right: -63px;
    line-height: 14px;
    font-size: 12px;
}

.editable-cell {
    position: relative;
}

.editable-cell-value-wrap {
    padding: 5px 12px;
    cursor: pointer;
}

.non-editable-cell-value-wrap {
    padding: 5px 12px;
}

#pdfContent .editable-cell-value-wrap {
    padding: 0px;
    white-space: pre-wrap;
}

.required::before {
    display: inline-block;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: '*';
}

.multiple-cell {
    display: inline-flex;
}

.editable-row:hover .editable-cell-value-wrap {
    padding: 4px 11px !important;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.editable-cell-value-wrap:hover {
    background: #dcf4ff !important;
}

.editable-pdfContent {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 4px;
}

.editable-pdfContent:hover .editable-cell-value-wrap {
    padding: 4px 11px !important;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background: #ebf9ff;
}

.ant-modal-footer > .ant-checkbox-wrapper{
    margin-right: 56px;
}

.ant-select-item-option-content {
    display: flex;
    align-items: center;
}

.ant-table-row-level-1 > td.ant-table-cell-with-append {
    padding-left: 72px !important;
}

.indent-level-1 {
    height: 0px !important;
}

.ant-table-row-expand-icon-spaced {
    display: none;
}

.container{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-right:15px;
    padding-left:15px
}

.iconsMedicaux {
    height: 492px;
    padding: 1rem;
}

.ant-empty-normal {
    color: rgb(0 0 0 / 50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% {  transform: rotate(359deg); }
}

@keyframes heartFadeInOut {
    0% {transform: scale(1);}
    25% {transform: scale(.97);}
    35% {transform: scale(.9);}
    45% {transform: scale(1.1);}
    55% {transform: scale(.9);}
    65% {transform: scale(1.1);}
    75% {transform: scale(1.03);}
    100% {transform: scale(1);}
  }

#loadingIndicators {
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    margin: 0 auto;
}

#spinningLogo {
    animation: spin 2s linear infinite;
    top: 0%;
    inset-inline-start: 42%;
}

#beatingLogo {
    animation: heartFadeInOut 2s linear infinite;
    top: 0%;
    inset-inline-start: 42%;
    z-index: 1001;
}

#loadingProgressBar {
    top: 300%;
}

.source {
    float: right;
    color: #00000080;
    font-size: 14px;
    font-weight: 600;
}

.source-table {
    color: #00000080;
    font-size: 14px;
    font-weight: 600;
}

@media (min-width: 476px){
    .container{
        padding-right:15px;
        padding-left:15px;
        width:100%
    }
    
    .jobCard, .metier-input-search {
        width: 408px;
    }
}
@media (min-width: 1170px){
    .container{
        width:720px;
        max-width:100%
    }
    .iconsMedicaux {
        display: inline;
        display: initial;
    }
    .StethoLogo {
        display: inline;
        display: initial;
    }
    .metier-input-search {
        width: 842px;
    }
}
@media (min-width: 1415px){
    .container{
        width:940px;
        max-width:100%
    }
}
@media (min-width: 1580px){
    .container{
        width:980px;
        max-width:100%
    }
}
@media (min-width: 1800px){
    .container{
        width:1140px;
        max-width:100%
    }
}

.navigation-dropdown-menu .ant-dropdown-menu {
    max-height: 80vh;
    overflow-y: auto;
}

.containerVisite, .containerAccueil {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-right:30px;
    padding-left:30px;
    width: 100%;
}
@media (max-width: 575.98px){
    .containerVisite, .containerAccueil{
        padding-right:0;
        padding-left:0;
    }
}

.ant-btn-dangerous {
    color: #f97575 !important;
    color: var(--rouge) !important;
    border-color: #f97575 !important;
    border-color: var(--rouge) !important;
}

.vue-detaillee .ant-space-gap-col-large {
    row-gap: 8px !important;
}

.metier-input-search .ant-input-lg {
    line-height: 1.45 !important;
}

.ant-layout-header {
    padding: 0 30px !important;
}

.ant-alert-info .ant-alert-icon {
    color: #04aceb;
    color: var(--bleu-clair);
}

.ant-tag.ant-tag-blue {
    background-color: #e6f7fd;
    background-color: var(--bleu-clair-nuance-6);
    border-color: #4fc5f1;
    border-color: var(--bleu-clair-nuance-4);
    color: #04aceb;
    color: var(--bleu-clair-nuance-3);
}

.ant-tag.ant-tag-green {
    background-color: #eefbf1;
    border-color: #76e297;
    border-color: var(--vert-clair-nuance-1);
    color: #62b87c;
    color: var(--vert-clair-nuance-0);
}

.ant-tag.ant-tag-purple {
    background-color: whitesmoke;
    border-color: #758aaa;
    border-color: var(--bleu-fonce-nuance-3);
    color: #3a5886;
    color: var(--bleu-fonce-nuance-2);
}

.ant-tag.ant-tag-red {
    background-color: #fef1f1;
    background-color: var(--rouge-nuance-1);
    border-color: #f97575;
    border-color: var(--rouge);
    color: #c75d5d;
    color: var(--rouge-nuance-0);
}

.ant-tag.ant-tag-yellow {
    background-color: #fff8ed;
    background-color: var(--jaune-nuance-1);
    border-color: #ffb74d;
    border-color: var(--jaune);
    color: #e1972a;
    color: var(--jaune-nuance-0);
}

.custom-tag-bleu-nuance-1 {
    background-color: #025676 !important;
    background-color: var(--bleu-clair-nuance-1) !important;
    border-color: #8c93a4 !important;
    border-color: var(--bleu-fonce-nuance-4) !important;
    color: #ffffff !important;
    color: var(--blanc) !important;
}

.custom-tag-bleu-nuance-4 {
    background-color: #4fc5f1 !important;
    background-color: var(--bleu-clair-nuance-4) !important;
    border-color: #d8dae0 !important;
    border-color: var(--bleu-fonce-nuance-5) !important;
    color: #ffffff !important;
    color: var(--blanc) !important;
}

.intensity-high {
    font-weight: 500;
    color: #025676;
}

.intensity-medium {
    font-weight: 500;
    color: #0378a5;
}

.intensity-low {
    font-weight: 500;
    color: #04aceb;
}

.intensity-lowest  {
    font-weight: 500;
    color: #4fc5f1;
}

.ant-select-item-option-content {
    color: inherit !important;
}

.ant-select-status-error > .ant-select-selector {
    border-color: #f97575 !important;
    border-color: var(--rouge) !important;
}

.ant-select-status-warning > .ant-select-selector {
    border-color: #ffb74d !important;
    border-color: var(--jaune) !important;
}

.ant-input-affix-wrapper-lg {
    line-height: 1.5em !important;
}

.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon, .ant-popconfirm .ant-popconfirm-message >.ant-popconfirm-message-icon .anticon {
    color: #ffb74d;
    color: var(--jaune);
}

.sub-title-blue {
    color: #04aceb;
    color: var(--bleu-clair);
    font-size: 19px;
    font-weight: bold;
    margin: 8mm 0 4mm 0;
}

.sub-title-blue.big-margin-top {
    margin-top: 12mm;
}

#ravail-document-footer {
    padding: 0mm 20mm 20mm 20mm;
    align-items: center;
}

#ravail-document-header {
    background-color: #93c6b6;
    padding: 10mm 20mm 4mm 0;
    height: 34mm;
    box-sizing: content-box;
    box-sizing: initial;
}

#ravail-document-header >.logo-adresse {
    float: left;
    width: 130mm;
    height: 22mm;
    padding: 6mm 2mm 4mm 21mm;
    background-color: #e4f3f0;
    box-sizing: content-box;
    box-sizing: initial;
    /*clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);*/
}

#ravail-document-header >.img-document {
    float: right;
    width: 20mm;
    height: 20mm;
    padding: 6mm;
    padding-left: 4mm;
    background-color: #233551;
    box-sizing: content-box;
    box-sizing: initial;
    /*clip-path: polygon(11.6% 0, 100% 0, 100% 100%, 0 100%);*/
}

.ant-steps.ant-steps-dot .ant-steps-item-content {
    width: 170px;
}


@media (min-width: 767px){
    /* Set width only if descendant has class 'isQuickModeStepTitle' */
    .ant-steps.ant-steps-dot .ant-steps-item-content:has(.ant-steps-item-title .isQuickModeStepTitle) {
        width: 155px;
    }
}

.highlightOnHover:hover {
    background-color: #e6f7fd;
    background-color: var(--bleu-clair-nuance-6);
}

.cr-colored-value {
    padding: 4px 8px;
    font-weight: 500;
    color: white;
    border-radius: 12px;
}

.cr-card {
    display: inline-block;
    position: relative;
    padding: 1mm 4mm 1mm 4mm;
    background-color: #edf5f2;
    background-color: var(--vert-clair-nuance-5);
    margin: 6mm 0;
    border-radius: 8mm;
    width: 100%;
}

.cr-card-label {
    position: absolute;
    top: -4mm;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 500;
    background-color: #76e297;
    background-color: var(--vert-clair);
    border-radius: 20px;
    color: white;
    padding: 1mm 4mm 1mm 4mm;
    text-align: center;
    width: max-content;
    max-width: 100%;
}

.cr-card-label-invisible-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: white;
    padding: 1mm 4mm 1mm 4mm;
    width: max-content;
    max-width: 100%;
    visibility: hidden;
}

table.ant-pdfTable, .cr-card>table {
    width:100%;
    text-align:center;
    border:none;
    margin-bottom: 6mm;
}

.ant-pdfTh, .cr-card>table>thead>tr {
    background-color: #9bdef7 !important;
    background-color: var(--bleu-clair-nuance-5) !important;
    padding: 3mm;
    font-weight: bold;
    text-align: center;
}

.ant-pdfTd, .cr-card>table>tbody>tr>td, .cr-table>table>tbody>tr>td {
    padding: 2mm;
    line-height: 6mm;
    background-color: white;
}

.ant-pdfTd.puce-list {
    text-align: left;
}

.ant-pdfTd ul {
    padding-left: 5mm;
}

@media (min-width: 476px){
    .indented-table .ant-table-selection-column {
        text-align: left !important;
    }
    .indented-table .thead-title {
        margin-left: -20px;
    }
    .indented-table .indented-checkbox {
        margin-left: 20px;
    }
}

.table-without-body .ant-table-tbody {
    display: none;
}
.table-without-body .ant-table-selection, .table-cache .ant-table-selection, .table-without-body .cache-source {
    display: none;
}
.table-without-body button {
    margin-left: 20px;
}
.table-cache .ant-table-cell {
    color: #8c93a4;
    color: var(--bleu-fonce-nuance-4);
}

.ant-table-cell .action-column, .ant-table-cell .source-column {
    display: none;
}
.ant-table-cell.ant-table-cell-row-hover .action-column, .ant-table-cell.ant-table-cell-row-hover .source-column {
    display: inline !important;
}

.custom-checkbox-group .ant-checkbox-wrapper {
  display: flex !important;
  align-items: center !important;
  width: 100%;
  white-space: normal;
}

.custom-checkbox-group .ant-checkbox {
  margin-right: 8px;
  flex-shrink: 0;
}

.custom-checkbox-group .ant-checkbox-wrapper .ant-checkbox + span {
  display: flex;
  width: calc(100% - 24px);
  justify-content: space-between;
  align-items: center;
}

@charset "UTF-8";/*!
 * 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;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-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, 0deg);
  }
}
@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, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-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);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    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(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.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(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.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(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.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(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.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(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 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) rotate3d(1, 0, 0, -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) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 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) rotate3d(1, 0, 0, -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) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 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) rotate3d(0, 1, 0, -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) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 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) rotate3d(0, 1, 0, -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) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-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;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.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 {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.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);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    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: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    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: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    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 {
  from {
    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);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

[data-sal]{transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}

/*# sourceMappingURL=sal.css.map*/
@keyframes workerShow {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes logoShow {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes earthShow {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}


@keyframes stainShow {
  0% {
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

body {
	background-color: #e7f2f1;
	color: #253651;
}

#redStain {
  opacity: 0;
  transform-origin: center;
  animation: 3s ease-in-out 3.1s forwards stainShow;
}

#blueStain {
  opacity: 0;
  transform-origin: center;
  animation: 3s ease-in-out 3.1s forwards stainShow;
}

#earth {
  transform-origin: center;
  animation: 1s ease-in-out forwards earthShow;
}

#logoEasyVFC {
  opacity: 0;
  transform-origin: center;
  animation: 1s ease-in-out 2.1s forwards logoShow;
}

#worker1, #worker2, #worker3, #worker4, #worker5, #worker6, #worker7, #worker8, #worker9, #worker10, #worker11, #worker12, #worker13{
  opacity: 0;
  transform-origin: center;
  animation: 2s ease-in-out 0.5s forwards workerShow;
}

.Col.Intro {
  width: 50%;
}

.intro-text {
  width: 100%;
  text-align: left;
}

.intro-info {
  text-align: justify;
}
.ant-btn-primary.AccueilButton {
  color: #233551;
  background-color: #76e297;
  font-size: 20px;
  font-weight: 800;
  border-radius:5px;
  height:70px;
  width: 300px;
  box-shadow: 0px 18px 27px 0 rgba(0, 0, 0, 0.1);
}

.ant-btn-primary.AccueilButton:hover {
  color: #ffffff;
  background-color: #76e297;
}

.buttonContainer {
  height: 0px;
  margin-top: 0px;
  display: flex;
  justify-content: space-evenly;
  
}

.BlueContainer {
  display: relative;
  width:80%;
  margin-top: -38px;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 18px 27px 0 rgba(0, 0, 0, 0.1);
}

.earthContainer {
  margin-top: -130px;
  margin-right: -109px;
  float: right;
  height: 0px;
}

/* Pour les écrans de taille inférieure à 450px, on ajuste la taille du bouton*/
@media (max-width: 450px) {
  .ant-btn-primary.AccueilButton {
    width: auto;
  }
}

.hero-icon {
  color: #243652;
  display: inline;
  display: initial;
  width: auto;
  height: 36px;
  margin-bottom: 10px
}

.hero-content-wrap {
  margin-bottom: 2em
}

.heading-bg {
	display: inline;
	font-size: 32px;
    font-weight: 600;
    padding: 25px 35px 31px;
	background: url(/static/media/bg-tools-header.b2dd0c881175dc685b36.svg) center no-repeat;
}

.section-3 {
	background: url(/static/media/bg-divider.61508c5c1d7d0cf95e47.svg)  bottom / auto no-repeat, #92c5b5;
	overflow: hidden;
}

.asst-6 {
	height: auto;
	width: 50px;
	margin-bottom: -2em;
	position: absolute;
	top: -30px;
	right: -47px;
}

.step-box-left svg {
	width: 90px;
	margin-left: -36px;
    flex-shrink: 0;
}

.step-box-right svg {
	width: 90px;
	margin-right: -36px;
    flex-shrink: 0;
}

.ant-btn.ant-btn-lg.custom-btn-green {
  color: #243652;
  background-color: #76E297;
  border-color: #6AD48A;
  border-radius: 50px;
  padding: 0 50px;
  font-weight: 600;
  height: 40px;
}

.ant-btn.ant-btn-lg.custom-btn-green.active,
.ant-btn.ant-btn-lg.custom-btn-green:active,
.ant-btn.ant-btn-lg.custom-btn-green:focus,
.ant-btn.ant-btn-lg.custom-btn-green:hover {
  color: #fff;
  background-color: #65c281;
  border-color: #6ad48a;
}

.ant-btn.ant-btn-lg.custom-btn-red {
	white-space: break-spaces;
	height: auto;
	color: #fff;
	background-color: var(--rouge);
	border-color: #e35656;
	border-radius: 50px;
	padding: 5px 50px;
	font-weight: 600
}

.ant-btn.ant-btn-lg.custom-btn-red.active,
.ant-btn.ant-btn-lg.custom-btn-red:active,
.ant-btn.ant-btn-lg.custom-btn-red:focus,
.ant-btn.ant-btn-lg.custom-btn-red:hover {
  color: #fff;
  background-color: #d96666;
  border-color: #e35656
}

.ant-btn.ant-btn-lg.custom-btn-black {
	white-space: break-spaces;
	height: auto;
	color: #fff;
	background-color: #233551;
	border-color: #1b293f;
	border-radius: 50px;
	padding: 5px 50px;
	font-weight: 600
}

.ant-btn.ant-btn-lg.custom-btn-black.active,
.ant-btn.ant-btn-lg.custom-btn-black:active,
.ant-btn.ant-btn-lg.custom-btn-black:focus,
.ant-btn.ant-btn-lg.custom-btn-black:hover {
  color: #fff;
  background-color: #162133;
  border-color: #1b293f
}


.ant-btn.ant-btn-lg.custom-btn-blue {
    white-space: break-spaces;
    height: auto;
	color: #fff;
	background-color: #03abe9;
	border-color: #48a3c4;
	border-radius: 50px;
	padding: 5px 50px;
	font-weight: 600;
}


.ant-btn.ant-btn-lg.custom-btn-blue.active,
.ant-btn.ant-btn-lg.custom-btn-blue:active,
.ant-btn.ant-btn-lg.custom-btn-blue:focus,
.ant-btn.ant-btn-lg.custom-btn-blue:hover {
	color: #fff;
	background-color: #2d91b5;
	border-color: #48a3c4
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!! CSS (adapté) du freelance pour l'aspect responsive !!!!!!!!!!!!!!!!!!!!!!!!!!! */



@media (max-width:575.98px) {
	.header-logo {
		width: 180px
	}
}

@media (max-width:575.98px) {
	.section-title {
		font-size: 34px
	}
}

@media (max-width:575.98px) {
	.hero-image {
		width: 100%;
		padding: 2em;
		margin-top: 2em
	}
}

@media (max-width:575.98px) {
	.hero-text {
		font-size: 43px;
		color: #243652;
		font-weight: 700
	}
}

@media (max-width:575.98px) {
	
}

@media (max-width:575.98px) {
	.hero-text-box {
		border-left: solid 7px #243652;
		padding-left: 1em;
		border-radius: 3px
	}
}


@media (max-width:575.98px) {
	.hero-content-wrap {
		margin-top: 1em
	}
}

@media (max-width:575.98px) {
	.section-two-box {
		background-color: #243652;
		border-radius: 20px;
		padding: 1em
	}
}

@media (max-width:575.98px) {
	.asst-1 {
		position: absolute;
		width: 70px;
		z-index: 999;
		left: -18px;
		top: -35px
	}
}

@media (max-width:575.98px) {
	.asst-2 {
		position: absolute;
		width: 172px;
		left: 42%;
		bottom: 1em;
		z-index: 1
	}
}

@media (max-width:575.98px) {
	.asst-3 {
		position: absolute;
		width: 226px;
		left: 17px;
		bottom: 0;
		z-index: 1;
		transform: rotate(173deg)
	}
}

@media (max-width:575.98px) {
	.section-two-image {
		width: 100%;
		padding: 2em;
		z-index: 998;
		position: inherit
	}
}

@media (max-width:575.98px) {
	.secount-section-text {
		font-size: 24px;
		margin-top: 1em;
		line-height: 27px
	}
}

@media (max-width:575.98px) {
	.asst-4 {
		width: 37px;
		margin-left: -44px
	}
}

@media (max-width:575.98px) {
	.image-padding {
		padding: 2em 2em 0;
	}
}

@media (max-width:575.98px) {
	.asst-5 {
		width: 73px;
		margin-top: -29px;
		margin-left: 154px
	}
}

@media (max-width:575.98px) {
	.heading-bg {
		font-size: 28px
	}
}

@media (max-width:575.98px) {
	.section-3 {
		padding-top: 2em;
		padding-bottom: 8em;
	}
}

@media (max-width:575.98px) {
	.step-box-left {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-right: 20px;
		box-shadow: 6px 10px 0 -6px rgba(255, 255, 255, .58);
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px
	}
}

@media (max-width:575.98px) {
	.step-box-right {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding-left: 15px;
		box-shadow: -6px 10px 0 -6px rgba(255, 255, 255, .58);
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px
	}
}

@media (max-width:575.98px) {
	.asst-6 {
		height: auto;
		width: 45px;
		top: -25px;
	}
}

@media (max-width:575.98px) {
	h2 {
		text-align: center;
		padding: 20px
	}
}

@media (max-width:575.98px) {
	.slick-arrow.slick-hidden {
		display: none
	}
}

@media (max-width:575.98px) {

	.next-btn,
	.prev-btn {
		transition: .3s all
	}
}

@media (max-width:575.98px) {

	.next-btn:hover,
	.prev-btn:hover {
		transform: scale(1.2)
	}
}

@media (max-width:575.98px) {
	.asst-7 {
		width: 100%
	}
}

@media (max-width:575.98px) {
	.last-section {
		padding-bottom: 3em;
		padding-top: 2em
	}
}

@media (max-width:575.98px) {
	.section-nos-outils {
		overflow: hidden;
		padding-top: 5em;
		padding-bottom: 5em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.header-logo {
		width: 180px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.section-title {
		font-size: 41px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.hero-image {
		width: 100%;
		padding: 4em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.hero-text {
		font-size: 43px;
		color: #243652;
		font-weight: 700
	}
}


@media (min-width:576px) and (max-width:767.98px) {
	.hero-text-box {
		border-left: solid 7px #243652;
		padding-left: 1em;
		border-radius: 3px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.hero-content-wrap {
		margin-top: 2em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.section-two-box {
		background-color: #243652;
		border-radius: 20px;
		padding: 2em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.asst-1 {
		position: absolute;
		width: 100px;
		z-index: 999;
		left: -25px;
		top: -35px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.asst-2 {
		position: absolute;
		width: 245px;
		left: 47%;
		bottom: 1em;
		z-index: 1
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.asst-3 {
		position: absolute;
		width: 306px;
		left: 17px;
		bottom: 2em;
		z-index: 1;
		transform: rotate(173deg)
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.section-two-image {
		width: 100%;
		padding: 4em;
		z-index: 998;
		position: inherit
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.secount-section-text {
		font-size: 28px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.asst-4 {
		width: 50px;
		margin-left: -44px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.image-padding {
		padding: 2em 5em 0;
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.asst-5 {
		width: 100px;
		margin-top: -16px;
		margin-left: 170px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.heading-bg {
		font-size: 32px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.section-3 {
		padding-top: 4em;
		padding-bottom: 10em;
		padding-left: 3em;
		padding-right: 3em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.step-box-left {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-right: 30px;
		box-shadow: 6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.step-box-right {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding-left: 30px;
		box-shadow: -6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	h2 {
		text-align: center;
		padding: 20px
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.slick-arrow.slick-hidden {
		display: none
	}
}

@media (min-width:576px) and (max-width:767.98px) {

	.next-btn,
	.prev-btn {
		transition: .3s all
	}
}

@media (min-width:576px) and (max-width:767.98px) {

	.next-btn:hover,
	.prev-btn:hover {
		transform: scale(1.2)
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.asst-7 {
		width: 50vh
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.last-section {
		padding-bottom: 3em;
		padding-top: 3em
	}
}

@media (min-width:576px) and (max-width:767.98px) {
	.section-nos-outils {
		overflow: hidden;
		padding-top: 5em;
		padding-bottom: 5em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.header-logo {
		width: 200px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.hero-image {
		width: 63%;
		padding: 2em;
		padding-top: 0
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.hero-text {
		font-size: 62px;
		color: #243652;
		font-weight: 700
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.section-title {
		font-size: 44px
	}
}


@media (min-width:768px) and (max-width:991.98px) {
	.hero-text-box {
		border-left: solid 7px #243652;
		padding-left: 1em;
		border-radius: 3px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.hero-content-wrap {
		margin-top: 1em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.section-two-box {
		background-color: #243652;
		border-radius: 20px;
		padding: 3em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.asst-1 {
		position: absolute;
		width: 100px;
		z-index: 999;
		left: -25px;
		top: -35px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.asst-2 {
		position: absolute;
		width: 245px;
		left: 47%;
		bottom: 1em;
		z-index: 1
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.asst-3 {
		position: absolute;
		width: 306px;
		left: 17px;
		bottom: 2em;
		z-index: 1;
		transform: rotate(173deg)
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.section-two-image {
		width: 100%;
		padding: 4em;
		z-index: 998;
		position: inherit
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.secount-section-text {
		font-size: 28px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.asst-4 {
		width: 50px;
		margin-left: -44px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.image-padding {
		padding: 2em 10em 0;
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.asst-5 {
		width: 100px;
		margin-top: -15px;
		margin-left: 176px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.heading-bg {
		font-size: 32px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.section-3 {
		padding-top: 4em;
		padding-bottom: 11em;
		padding-left: 3em;
		padding-right: 3em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.step-box-left {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-right: 30px;
		box-shadow: 6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.step-box-right {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding-left: 30px;
		box-shadow: -6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	h2 {
		text-align: center;
		padding: 20px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.slick-arrow.slick-hidden {
		display: none
	}
}

@media (min-width:768px) and (max-width:991.98px) {

	.next-btn,
	.prev-btn {
		transition: .3s all
	}
}

@media (min-width:768px) and (max-width:991.98px) {

	.next-btn:hover,
	.prev-btn:hover {
		transform: scale(1.2)
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.asst-7 {
		width: 50vh
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.last-section {
		padding-bottom: 3em;
		padding-top: 3em
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.section-nos-outils {
		overflow: hidden;
		padding-top: 5em;
		padding-bottom: 5em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.header-logo {
		width: 200px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.hero-image {
		width: 100%;
		padding: 1em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.hero-text {
		font-size: 60px;
		color: #243652;
		font-weight: 700
	}
}


@media (min-width:992px) and (max-width:1199.98px) {
	.hero-text-box {
		border-left: solid 7px #243652;
		padding-left: 1em;
		border-radius: 3px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.section-title {
		font-size: 48px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.hero-content-wrap {
		margin-top: 1em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.section-two-box {
		background-color: #243652;
		border-radius: 20px;
		padding-right: 3em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.asst-1 {
		position: absolute;
		width: 80px;
		z-index: 999;
		left: -8px;
		top: -24px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.asst-2 {
		position: absolute;
		width: 190px;
		left: 47%;
		bottom: 2em;
		z-index: 1
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.asst-3 {
		position: absolute;
		width: 306px;
		left: 17px;
		bottom: 2em;
		z-index: 1;
		transform: rotate(173deg)
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.section-two-image {
		width: 100%;
		padding: 3em;
		z-index: 998;
		position: inherit
	}
}


@media (max-width:410px) {
	.ant-layout-header {
		padding: 0 20px !important;
	}
}

:where(.css-dev-only-do-not-override-p6sgch).ant-layout-header {
    height: 64px;
    padding: 0 50px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 64px;
    background: #001529;
}

@media (min-width:992px) and (max-width:1199.98px) {
	.secount-section-text {
		font-size: 28px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.asst-4 {
		width: 50px;
		margin-left: -44px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.image-padding {
		padding: 0 5em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.asst-5 {
		width: 100px;
		margin-top: -15px;
		margin-left: 200px
	}
}


@media (min-width:992px) and (max-width:1199.98px) {
	.section-3 {
		padding-top: 4em;
		padding-bottom: 12em;
		padding-left: 4em;
		padding-right: 4em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.step-box-left {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-right: 30px;
		box-shadow: 6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.step-box-right {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding-left: 30px;
		box-shadow: -6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	h2 {
		text-align: center;
		padding: 20px
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.slick-arrow.slick-hidden {
		display: none
	}
}

@media (min-width:992px) and (max-width:1199.98px) {

	.next-btn,
	.prev-btn {
		transition: .3s all
	}
}

@media (min-width:992px) and (max-width:1199.98px) {

	.next-btn:hover,
	.prev-btn:hover {
		transform: scale(1.2)
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.asst-7 {
		width: 50vh
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.last-section {
		padding-bottom: 4em;
		padding-top: 2em
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.section-nos-outils {
		overflow: hidden;
		padding-top: 5em;
		padding-bottom: 5em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.header-logo {
		width: 200px
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.hero-image {
		width: 100%;
		padding: 2em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.hero-text {
		font-size: 62px;
		color: #243652;
		font-weight: 700
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.hero-text-box {
		border-left: solid 7px #243652;
		padding-left: 1em;
		border-radius: 3px
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.hero-content-wrap {
		margin-top: 3em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.section-two-box {
		background-color: #243652;
		border-radius: 20px;
		padding-right: 3em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.asst-1 {
		position: absolute;
		width: 100px;
		z-index: 999;
		left: -25px;
		top: -35px
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.asst-2 {
		position: absolute;
		width: 245px;
		left: 37%;
		bottom: 1em;
		z-index: 1
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.asst-3 {
		position: absolute;
		width: 306px;
		left: 17px;
		bottom: 2em;
		z-index: 1;
		transform: rotate(173deg)
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.section-two-image {
		width: 100%;
		padding: 4em;
		z-index: 998;
		position: inherit
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.secount-section-text {
		font-size: 28px
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.asst-4 {
		width: 50px;
		margin-left: -44px
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.image-padding {
		padding: 0 5em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.asst-5 {
		width: 100px;
		margin-top: -16px;
		margin-left: 140px
	}
}


@media (min-width:1200px) and (max-width:1399.98px) {
	.section-3 {
		padding-top: 4em;
		padding-bottom: 14em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.step-box-left {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-right: 30px;
		box-shadow: 6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.step-box-right {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding-left: 30px;
		box-shadow: -6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	h2 {
		text-align: center;
		padding: 20px
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.slick-arrow.slick-hidden {
		display: none
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {

	.next-btn,
	.prev-btn {
		transition: .3s all
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {

	.next-btn:hover,
	.prev-btn:hover {
		transform: scale(1.2)
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.asst-7 {
		width: 50vh
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.last-section {
		padding-bottom: 4em
	}
}

@media (min-width:1200px) and (max-width:1399.98px) {
	.section-nos-outils {
		overflow: hidden;
		padding-top: 5em;
		padding-bottom: 5em
	}
}

@media (min-width:1400px) {
	.header-logo {
		width: 200px
	}
}

@media (min-width:1400px) {
	.hero-image {
		width: 100%;
		padding: 1em
	}
}

@media (min-width:1400px) {
	.hero-text {
		font-size: 62px;
		color: #243652;
		font-weight: 700
	}
}

@media (min-width:1400px) {
	.hero-text-box {
		border-left: solid 7px #243652;
		padding-left: 1em;
		border-radius: 3px
	}
}

@media (min-width:1400px) {
	.hero-content-wrap {
		margin-top: 7em
	}
}

@media (min-width:1400px) {
	.section-two-box {
		background-color: #243652;
		border-radius: 20px;
		padding-right: 3em
	}
}

@media (min-width:1400px) {
	.asst-1 {
		position: absolute;
		width: 100px;
		z-index: 999;
		left: -25px;
		top: -35px
	}
}

@media (min-width:1400px) {
	.asst-2 {
		position: absolute;
		width: 245px;
		left: 47%;
		bottom: 1em;
		z-index: 1
	}
}

@media (min-width:1400px) {
	.asst-3 {
		position: absolute;
		width: 306px;
		left: 17px;
		bottom: 2em;
		z-index: 1;
		transform: rotate(173deg)
	}
}

@media (min-width:1400px) {
	.section-two-image {
		width: 100%;
		padding: 4em;
		z-index: 998;
		position: inherit
	}
}

@media (min-width:1400px) {
	.secount-section-text {
		font-size: 28px
	}
}

@media (min-width:1400px) {
	.asst-4 {
		width: 50px;
		margin-left: -44px
	}
}

@media (min-width:1400px) {
	.image-padding {
		padding: 0 5em
	}
}

@media (min-width:1400px) {
	.asst-5 {
		width: 100px;
		margin-top: -15px;
		margin-left: 106px
	}
}

@media (min-width:1400px) {
	.section-3 {
		padding-top: 4em;
		padding-bottom: 16em
	}
}

@media (min-width:1400px) {
	.step-box-left {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-right: 30px;
		box-shadow: 6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:1400px) {
	.step-box-right {
		background-color: #bfded5;
		border-radius: 50px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding-left: 30px;
		box-shadow: -6px 10px 0 -6px rgba(255, 255, 255, .58)
	}
}

@media (min-width:1400px) {
	h2 {
		text-align: center;
		padding: 20px
	}
}

@media (min-width:1400px) {
	.asst-7 {
		width: 50vh
	}
}

@media (min-width:1400px) {
	.last-section {
		padding-bottom: 4em
	}
}

@media (min-width:1400px) {
	.section-nos-outils {
		overflow: hidden;
		padding-top: 5em;
		padding-bottom: 5em
	}
}

@media (min-width: 476px){
    .containerAccueil{
        width:100%
    }
}
@media (min-width: 768px){
    .containerAccueil{
        width:720px;
        max-width:100%
    }
}
@media (min-width: 992px){
    .containerAccueil{
        width:960px;
        max-width:100%
    }
}
@media (min-width: 1200px){
    .containerAccueil{
        width:1140px;
        max-width:100%
    }
}
@media (min-width: 1400px){
    .containerAccueil{
        width:1340px;
        max-width:100%
    }
}
@media (min-width: 1700px) {
    .containerAccueil {
        width: 1340px;
        max-width: 100%
    }
}
.date-footer {
    display: block;
    color: #999;
    font-size: 70%;
}
  
.container-notre-solution-screen {
  padding: 13em 1em 0 1em;
  overflow-x: hidden;
  overflow-y: hidden;
}

.container-notre-solution-screen h2 {
  text-align: left;
  font-size: 2.5rem;
  margin: 0 0 0.5rem 0.8rem;
  padding: 0;
}

.container-notre-solution-screen h3 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}

.background-with-footer-blue {
  min-height: 100vh;
  display: block;
  background: linear-gradient(to bottom, var(--vert-clair-nuance-5) calc(100% - 220px), var(--bleu-tres-fonce) 220px);
  align-items: center;
}

.notre-solution-box {
  text-align: center;
  background-color: white;
  border-radius: 20px;
  padding: 1em 3em;
  min-height: 15em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notre-solution-buble-title {
  position: absolute;
  display: inline-block;
  padding: 4em 4em 4.5em 4em;
  top: -5em;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/static/media/title_blue_bubble.13ff361e31bce8182512.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}
.notre-solution-buble-title h3 {
  font-size: 16px;
  width: 90px;
  margin: 0;
}

.notre-solution-logo {
  height: 14em;
  width: auto;
  position: absolute;
  bottom: -6em;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}

.notre-solution-outils-medicaux-shining {
	height: auto;
	width: 50px;
	margin-bottom: -2em;
	position: absolute;
	top: -35px;
	right: 96.5%;
}

.notre-solution-poser-une-question {
  border-radius: 25px;
  padding: 0.4em 4em;
  margin-top: 1em;
  text-transform: uppercase;
  width: auto;
  height: auto;
  font-weight: 500;
  border: 4px solid var(--bleu-clair);
  background-color: rgb(0 0 0 / 0%);
  color: var(--bleu-clair);
  white-space: normal;
}

.container-notre-solution-screen .title-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.container-notre-solution-screen .title-container h1 {
  margin: 0;
  position: relative;
  display: inline-block;
}

.container-notre-solution-screen .title-container .title-image-underline {
  left: -40px;
  position: relative;
  top: 25px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 4px;
  width: 96px;
}

.container-notre-solution-screen .title-container .title-image-shining {
  margin-left: -55px;
  position: relative;
  top: -35px;
}

.carousel-notre-solution {
  margin-bottom: 60px;
}

.carousel-notre-solution .content-carousel {
  width: 80%;
  height: auto;
  margin: 20;
}


.carousel-notre-solution .arrow-custom {
  width: 124px;
  height: 124px;
}
.carousel-notre-solution .slick-prev {
  color: transparent;
  left: 10px;
}
.carousel-notre-solution .slick-next {
  color: transparent;
  right: 120px;
}

.carousel-notre-solution .slick-dots li button {
  margin-top: 20px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
}
.carousel-notre-solution .slick-dots li.slick-active {
  width: 16px;
}
.carousel-notre-solution .slick-dots li.slick-active button {
  width: 12px;
  height: 12px;
  background-color: var(--vert-fonce);
  transform: scale(1.5);
}
.carousel-notre-solution .descriptif {
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  top: 82%;
  max-width: 450px;
  margin-left: 2.8%;
  background-color: var(--vert-clair);
  border-radius: 40px;
  padding: 20px 10px;
  color: white;
}
.carousel-notre-solution .descriptif.page1,
.carousel-notre-solution .descriptif.page4 {
  top: 70%;
  margin-left: 1.8%;
}
.carousel-notre-solution .descriptif.page2,
.carousel-notre-solution .descriptif.page3,
.carousel-notre-solution .descriptif.page5 {
  width: 3%;
  top: 72%;
  margin-left: 1.8%;
}
.carousel-notre-solution .descriptif.page6 {
  width: 3%;
  top: 70%;
  margin-left: 1.8%;
}
.carousel-notre-solution .descriptif.page7 {
  width: 3%;
  top: 63%;
  margin-left: 1.8%;
}

.container-notre-solution-screen .stetho-1 {
  z-index: 1 !important;
  height: 96px;
  width: 96px;
  position: absolute;
  top: -30px;
  left: 85%;
  transform: rotate(-135deg);
  filter: opacity(50%);
}

.container-notre-solution-screen .stetho-2 {
  z-index: 1 !important;
  height: 96px;
  width: 96px;
  position: absolute;
  top: 180px;
  left: 88%;
  transform: rotate(45deg);
  filter: opacity(50%);
}

.ant-image-preview-operations-operation-flipY,
.ant-image-preview-operations-operation-flipX,
.ant-image-preview-operations-operation-rotateLeft,
.ant-image-preview-operations-operation-rotateRight {
  display: none;
}

@media (max-width:1400px) {
}

@media (max-width: 991px) {
  .container-notre-solution-screen .stetho-2 {
    top: 89%;
    left: 80%;
    transform: rotate(-45deg);
  }
  .container-notre-solution-screen .stetho-1 {
    top: 95%;
    left: 5%;
    transform: rotate(135deg);
  }
  .carousel-notre-solution .descriptif.page1,
  .carousel-notre-solution .descriptif.page2,
  .carousel-notre-solution .descriptif.page3,
  .carousel-notre-solution .descriptif.page4,
  .carousel-notre-solution .descriptif.page5,
  .carousel-notre-solution .descriptif.page6,
  .carousel-notre-solution .descriptif.page7 {
    font-size: 15px;
    width: 4%;
    top: 50%;
    margin-left: 1%;
  }
}

@media (max-width: 767px) {
  .notre-solution-poser-une-question {
    padding: 0.4em 1em;
    width: auto;
    height: auto;
  }
  .container-notre-solution-screen h2 {
    font-size: 1.6rem;
  }
  .container-notre-solution-screen .title-container .title-image-underline {
    top: 20px;
    width: 64px;
  }
  .carousel-notre-solution .arrow-custom {
    width: 64px !important;
    height: 64px !important;
  }
  .ant-carousel .carousel-notre-solution .slick-prev {
    left: -5px;
  }
  .ant-carousel .carousel-notre-solution .slick-next {
    right: 45px;
  }
}

@media (max-width: 450px) {
  .container-notre-solution-screen .responsive-col {
    width: 100%;
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container-notre-solution-screen p {
    font-size: 15px;
  }
  .notre-solution-box {
    padding: 1em 1em;
  }
  .container-notre-solution-screen .responsive-col img {
    margin: 0 auto;
  }
  .carousel-notre-solution .descriptif.page1,
  .carousel-notre-solution .descriptif.page2,
  .carousel-notre-solution .descriptif.page3,
  .carousel-notre-solution .descriptif.page4,
  .carousel-notre-solution .descriptif.page5,
  .carousel-notre-solution .descriptif.page6,
  .carousel-notre-solution .descriptif.page7 {
    font-size: 11px;
    width: 4%;
    top: 0;
    margin-left: 2%;
    padding: 4px 4px;
    border-radius: 20px;
  }
}

@media (max-width: 320px) {
  .container-notre-solution-screen .responsive-image {
    margin-top: -30% !important;
    margin-bottom: -30% !important;
  }
  .container-notre-solution-screen .stetho-1,
  .container-notre-solution-screen .stetho-2 {
    display: none;
  }
  .carousel-notre-solution .descriptif.page1,
  .carousel-notre-solution .descriptif.page2,
  .carousel-notre-solution .descriptif.page3,
  .carousel-notre-solution .descriptif.page4,
  .carousel-notre-solution .descriptif.page5,
  .carousel-notre-solution .descriptif.page6,
  .carousel-notre-solution .descriptif.page7 {
    font-size: 10px;
  }
}
.container-qui-sommes-nous-screen {
    padding: 12em 1em 0 1em;
    overflow-x: hidden;
}

.container-qui-sommes-nous-screen h2 {
    font-size: 2.5rem;
    margin: 0 0 0.5rem 0.8rem;
    padding: 0;
  }

.container-qui-sommes-nous-screen h3 {
    font-size: 1.5em;
    margin-block-start: 0.4em;
    margin-block-end: 0.83em;
}

.background-with-footer {
    min-height: 100vh;
    display: block;
    background: linear-gradient(to bottom, var(--vert-clair-nuance-5) calc(100% - 220px), var(--vert-fonce) 220px);
    align-items: center;
}

.qui-sommes-nous-box {
    text-align: center;
    background-color: var(--bleu-fonce);
    border-radius: 20px;
    padding: 1em 3em 6em 3em;
    color: white;
    min-height: 24em;
    margin-right: 1em;
}

.qui-sommes-nous-logo {
    height: 14em;
    width: auto;
    position: absolute;
    bottom: -6em;
    left: 50%;
    transform: translateX(-50%);
    color: white;
}

.nous-contacter-box {
    text-align: left;
    background-color: white;
    padding: 1em 2em 2em 2em;
}

.nous-contacter-box p {
    min-height: 4em;
}

.nous-contacter-logo {
    height: auto;
    width: 300px;
    margin: -40px;
}

.container-qui-sommes-nous-screen .title-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.container-qui-sommes-nous-screen .title-container h1 {
    margin: 0;
    position: relative;
    display: inline-block;
}

.container-qui-sommes-nous-screen .title-container .title-image-underline {
    margin-left: -40px;
    position: relative;
    top: 40px;
}

.container-qui-sommes-nous-screen .title-image-question-mark {
    margin-left: 10px;
    top: -6px;
    width: 40px;
    position: relative;
}

@media (max-width:1400px) {
    .background-with-footer  {
        background: linear-gradient(to bottom, var(--vert-clair-nuance-5) calc(100% - 240px), var(--vert-fonce) 240px);
    }

    .qui-sommes-nous-box {
        padding: 1em 2em 6em 2em;
        min-height: 28em;
    }

    .nous-contacter-logo {
        height: auto;
        width: 250px;
        margin: -40px;
    }

    .nous-contacter-box p {
        min-height: 6em;
    }
}


@media (max-width: 991px) {
    .qui-sommes-nous-box {
        padding: 1em 1.5em 3em 1.5em;
        min-height: 0;
        min-width: 250px;
    }
    .qui-sommes-nous-logo {
        height: 8em;
        bottom: -4em;
    }
    .nous-contacter-box p {
        min-height: 6em;
    }
}

@media (max-width: 767px) {
    .qui-sommes-nous-box {
        font-size: 15px;
    }
    .nous-contacter-box p {
        min-height: 0;
        font-size: 15px;
    }
    .qui-sommes-nous-logo {
        display: none;
    }
    .container-qui-sommes-nous-screen h2 {
        font-size: 1.6rem;
    }
    .container-qui-sommes-nous-screen .title-container .title-image-underline {
        top: 30px;
        width: 64px;
      }
    .container-qui-sommes-nous-screen .title-image-question-mark {
        width: 20px;
        height: auto;
        margin-left: 0px;
    }
}

.contact-button, a.contact-button {
    border-radius: 20px;
    padding: 0.4em 1em;
    margin-top: 1em;
    text-transform: uppercase;
    height: 2.5em;
    width: 100%;
    min-width: 220px;
    color: white;
    font-weight: 500;
    background-color: var(--bleu-clair);
}


  
.loginContainer {
  display: flex;
  flex-direction: column;
  margin: 30px;
}

.loginContainer {
  display: flex;
  flex-direction: column;
  margin: 20px;
}

.profileContainer {
  display: flex;
  margin: 20px;
}
@media only screen and (max-width: 768px) {
  .profileContainer {
    flex-direction: column-reverse;
  }
}

/* Magic Wand Button - Fixed top right */
.magic-wand-button {
  position: fixed;
  top: 50%;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  transition: all 0.3s ease;
  z-index: 99;
}

.import-jobs-button {
  margin-top: 8px;
}

.side-trigger-container {
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 10;
}

.full-screen-ia-button-container {
  position: absolute;
  top: 46px;
  right: 0px;
  z-index: 10;
}

.magic-wand-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.magic-wand-button:active {
  transform: translateY(0);
}

.matched-job-select > .ant-select-selector {
    height: 32px !important;
}

.matched-job-select .ant-select {
    height: 32px !important;
}

.matched-job-select > .ant-select-selector > .ant-select-selection-wrap > .ant-select-selection-item {
    white-space: nowrap !important;
    height: 32px !important;
}

/* Panel Overlay */
.panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

/* Side Panel */
.transcribe-panel {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease;
  z-index: 102;
  display: flex;
  flex-direction: column;
}

.transcribe-panel.open {
  right: 0;
}

/* Panel Header */
.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  background: #f8f9fa;
}

.panel-header h3 {
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  transition: all 0.2s ease;
}

.close-button:hover {
  background: #e9ecef;
  color: #333;
}

.ant-layout-sider-children,
.ant-layout-sider-children .ant-tabs.ant-tabs-top.ant-tabs-card,
.ant-layout-sider-children .ant-tabs-content.ant-tabs-content-top,
.ant-layout-sider-children .ant-tabs-tabpane.ant-tabs-tabpane-active {
  height: 100%;
}

.ant-layout-sider-children .ant-tabs-content-holder {
  z-index: 0;
  background-color: var(--bleu-fonce);
  border-radius: 0 4px 8px 8px;
  padding: 1em;
}

/* Panel Content */
.panel-content {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  background-color: whitesmoke;
  padding: 16px;
  border-radius: 8px;
  max-height: 60vh;
}

.sider-ia {
  overflow: visible;
  position: sticky !important;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  scrollbar-width: thin;
  background-color: #ffffff00 !important;
  margin-left: -16px;
  height: 100%;
}

/* Status Indicators */
.status-indicators {
  justify-content: center;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.status-badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: transform 0.3s ease-in-out;
}

.stop-button {
  background: #f97575;
  color: white;
  animation: fade 1.5s infinite;
}

.stop-button.isSpeaking {
  animation: pulse 1s infinite;
}

.status-badge.isTranscribing {
  background: #ffb74d;
  color: white;
}

.status-badge.analyzing {
  background: #04aceb;
  color: white;
}


/* Transcript Section */
.transcript-section {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 200px;
  overflow: scroll;
}

.transcript-section label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.transcript-box {
  flex: 1 1;
  padding: 15px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
}

/* Control Buttons */
.control-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: auto;
  border-top: 1px solid #e0e0e0;
  box-shadow: none !important;
}

/* Record Button */
.record-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #f97575;
  color: white;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.record-button:hover {
  background: #ff3838;
  transform: translateY(-1px);
}


@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
  100% {
    opacity: 1;
  }
}

/* Recording Controls */
.isRecording-controls {
  display: flex;
  gap: 10px;
}

button.pause-button,
button.stop-button,
button.start-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: none;
  border-radius: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: rgb(0 0 0 / 50%) 2px 2px 6px 0px;
}

button:hover > span > #temporaryWarning {
  display: none;
}

.pause-button {
  background: #ffa502;
  color: white;
}

.pause-button:hover {
  background: #ff9500;
  transform: translateY(-1px);
}

.stop-button {
  background: #f97575;
  color: white;
}

.stop-button:hover {
  background: #c45d5d !important;
  transform: translateY(-1px);
}

/* Analyze Section */
.analyze-section {
  display: flex;
  justify-content: center;
  margin-top: 4px;
}

.analyze-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #5f27cd;
  color: white;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.analyze-button:hover:not(:disabled) {
  background: #4c1a9b;
  transform: translateY(-1px);
}

.analyze-button:disabled {
  background: #a4b0be;
  cursor: not-allowed;
  transform: none;
}

/* Loading Spinner */
.loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Analysis Error */
.analysis-error {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: #f97575;
  color: white;
  border-radius: 8px;
  font-size: 14px;
  margin-top: 10px;
}

/* Analysis Results */
.analysis-results {
  margin-top: 0px;
  padding: 15px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.analysis-results h4 {
  margin: 0 0 15px 0;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.results-content {
  max-height: 270px;
  overflow-y: auto;
}

.results-content p {
  margin: 0;
  line-height: 1.5;
  color: #555;
}

.results-content pre {
  margin: 0;
  padding: 10px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Responsive Design */
@media (max-width: 768px) {
  .transcribe-panel {
    width: 100%;
    right: -100%;
  }
  
  .magic-wand-button {
    top: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
  }
  
  .panel-content {
    padding: 15px;
  }
  
  .control-buttons {
    flex-direction: column;
    align-items: center;
  }
  
  .isRecording-controls {
    justify-content: center;
    width: 100%;
  }
  
  .pause-button,
  .stop-button,
  .start-button {
    flex: 1 1;
    justify-content: center;
  }
}


/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
  .transcribe-panel {
    background: #2c3e50;
    color: white;
  }
  
  .panel-header {
    background: #34495e;
    border-bottom-color: #4a5f7a;
  }
  
  .panel-header h3 {
    color: white;
  }
  
  .close-button {
    color: #bdc3c7;
  }
  
  .close-button:hover {
    background: #4a5f7a;
    color: white;
  }
  
  .transcript-section label {
    color: white;
  }
  
  .transcript-textarea {
    background: #34495e;
    border-color: #4a5f7a;
    color: white;
  }
  
  .transcript-textarea::placeholder {
    color: #7f8c8d;
  }
  
  .control-buttons {
    border: none;
  }
}

.hoverable-list-item {
  position: relative;
  padding-right: 68px; /* espace pour les boutons */
}
.hoverable-list-item .item-actions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s ease;
  pointer-events: none; /* évite le flash lors de la sortie */
}
.hoverable-list-item:hover .item-actions,
.hoverable-list-item:focus-within .item-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.highlightChanged {
  color: var(--rouge)
}

.highlightToday {
  color: var(--bleu-clair-nuance-2)
}


/*# sourceMappingURL=main.f928f130.css.map*/