.navbar {
    --bulma-navbar-item-img-max-height: 2.2em;
    --bulma-navbar-burger-color: hsl(234, 20%, 40%);
}

label {
    margin-bottom: 3px !important;
}

.field {
    margin-bottom: 12px !important;
}

.spacer-large {
    height: 50px;
}

.spacer-small {
    height: 25px;
}

.spacer-very-small {
    height: 10px;
}

.move-up {
    margin-top: -40px;
}

.move-up-large {
    margin-top: -80px;
}

.line {
    width: 4em;
    height: .25rem;
    border-radius: 5px;
    margin-bottom: 20px;
}

.description-subtitle {
    max-width: 700px;
}

.primary-background-color {
    background-color: var(--bulma-primary);
}

.link-background-color {
    background-color: var(--bulma-link);
}

.tool-cards-container {
    margin-left: 35px;
    margin-right: 35px;
}

.tool-card-container {
    min-width: 200px;
    max-width: 500px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.field input[type=number] {
    width: 100px;
}

.login-section {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.login-title {
    margin-top: 5px;
    margin-bottom: 40px;
}

.login-footer {
    float: right;
}

.task-log {
    max-height: 330px;
    overflow-y: auto;
}

.download-button {
    margin-top: 20px;
    display: none;
}

.loader-wrapper {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    padding-left: 7px;

    .loader {
        height: 15px;
        width: 15px;
    }

    &.is-active {
        opacity: 1;
        z-index: 1;
    }
}

.processing-tag {
    display: inline-flex;
    margin-left: 15px;
}

.title-with-tag {
    display: inline-flex;
}

.result-image {
    border-radius: 10px;
    max-width: 600px;
    height: auto;
}