@import './fonts/_inter.css';
@import './fonts/_opensans.css';
@import './fonts/_roboto.css';

/*
  |--------------------------------------------------------------------------
  | Styles
  |--------------------------------------------------------------------------
  |
  | Customs CSS for app.
  |
  */
.logo-wrapper {
    height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo {
    width: 100%;
    max-width: 400px;
}

.logo-wrapper p {
    width: 100%;
    max-width: 400px;
    padding-bottom: 2rem;
}

@media (min-width: 400px) {
    .logo {
        width: 400px;
    }

    .logo-wrapper p {
        width: 400px;
        padding-bottom: 0;
    }
}

.laravel-version-wrapper {
    font-family: 'Nunito', sans-serif;
}

.api-documentation-link:hover {
    cursor: pointer;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transform: scale(1.05);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

select#language-selector.btn.authorize {
    width: auto !important;
    padding-right: 48px !important;
    margin-left: 4px;
    border-radius: 4px !important;
    background: #1a202c url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path stroke=\"white\" d=\"M13.418 7.859a.695.695 0 0 1 .978 0 .68.68 0 0 1 0 .969l-3.908 3.83a.697.697 0 0 1-.979 0l-3.908-3.83a.68.68 0 0 1 0-.969.695.695 0 0 1 .978 0L10 11z\"/></svg>") right 10px center no-repeat !important;
}

/*
  |--------------------------------------------------------------------------
  | App
  |--------------------------------------------------------------------------
  |
  | Global CSS for app
  |
  */
html {
    scroll-behavior: smooth;

    body {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        overflow-x: hidden !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 0.875rem;

        input {
            font-family: 'Open Sans', sans-serif !important;
        }
    }
}