/*  layout */
    #application {
        position: relative;
        width: 100%;
        height: 100%;
    }

/*  logo */
    .logo {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .logo img {
        height: 30px;
    }

    .library-text-logo {
        background-color: var(--red-dark);
        font-family: var(--font-serif);
        font-style: italic;
        font-size: 12px;
        font-weight: 900;
        color: #fff;
        line-height: 1;
        margin-top: -3px;
        padding: 1px 5px 3px 5px;
        border-radius: 2px;
    }

/*  form.form */
    form.form {
        margin: 0;
    }

    form.form input[type=text],
    form.form input[type=password],
    form.form input[type=file] {
        border: none;
        background-color: transparent;
        border-bottom: solid 1px var(--gray-200);
        border-radius: 0;
        padding: 0.5rem;
        width: 100%;
        font-size: 1.25rem;
    }

    form.form input[type=text]::placeholder,
    form.form input[type=password]::placeholder {
        color: var(--gray-300);
    }

    form.form .form-item {
        margin: 1.5rem 0;
        padding: .5rem 1rem;
    }

    form.form .submit {
        margin-top: 2rem;
        text-align: right;
    }

    form.form button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border: solid 1px var(--gray-900);
        border-radius: 6vw;
        padding: .5rem 1.5rem;
        color: var(--gray-900);
        font-size: 1.25rem;
        font-weight: 400;
        transition: all .5s;
    }

    form.form button:disabled {
        color: var(--gray-500);
        border-color: var(--gray-200);
        background-color: var(--gray-100);
    }

    form.form button:not(:disabled):hover {
        background-color: var(--gray-900);
        color: #fff;
        transition: all .5s;
    }

    form.form .input-group input {
        flex: 1;
    }