/* BEWARE:
    If you change the contents of this file you will need to rename it (and rename it in index.html)
    The same goes for every file in the /public directory except for a few (see Readme.md)
*/

@keyframes keyframe-height-shrink {
    0% {
        height: 100%;
        display: block;
    }

    100% {
        height: 0;
        display: none;
    }
}

@keyframes keyframe-height-grow {
    0% {
        height: 0;
        display: none;
    }

    100% {
        height: 100%;
        display: block;
    }
}

@keyframes keyframe-scroll-horizontal {
    0% {
        transform: translateX(-10px);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
    }
}

* {
    outline: none;
}

body {
    margin: 0;
}

body,
p {
    font-family: "system-ui", sans-serif !important;
}

h1,
h2 {
    font-family: "interfont", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div {
    -webkit-font-smoothing: antialiased;
}

select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

#menu-selectedFacet,
#menu-education,
#card-options-menu,
#menu-role,
#visible-select-menu {
    z-index: 1345;
}

#menu-selectedRole {
    z-index: 1330;
}

#intercom-container,
.intercom-launcher-frame {
    z-index: 1200 !important;
}

.intercom-modal-frame,
.intercom-launcher-discovery-frame {
    z-index: 1199 !important;
}

#reactSplashContent {
    text-align: center;
    color: #757575;
    padding: 0 8px 0 8px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.logo-container {
    max-width: 320px;
    max-height: 92px;
}

#print-container {
    display: none;
}

@media print {
    #root {
        display: none;
    }

    #print-container {
        display: block;
    }

    #body [role=tooltip] {
        display: none;
    }

    #body [role=dialog] {
        display: none;
    }

    * {
        background: none !important;
        box-shadow: none !important;
      }

    #body iframe {
        display: none;
    }

    body,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    span,
    div {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    }
}