.eve-avatar {
    &.is-small {
        width: 1.75rem;
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: .875rem;
    }

    &.is-large {
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        font-size: 3rem;
    }
}

.eve-input {
    &.is-small {
        font-size: .75rem;
        height: 1.75rem;
        line-height: 1.75rem;
        padding: 0 .5rem;
    }
}

.eve-select {
    &.is-small {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); // sass-lint:disable-line quotes
        background-position: right .4375rem center;
        background-repeat: no-repeat;
        background-size: .875rem;
        font-size: .75rem;
        height: 1.75rem;
        line-height: 1.75rem;
        padding: 0 1.75rem 0 .5rem;
    }
}

.eve-button {
    &.is-small {
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: .75rem;
        padding: 0 .5rem;
    }
}

.eve-form-field {
    margin: 0 0 1rem;

    .eve-form-label {
        margin: 0 0 .5rem;
        display: inline-block;
    }

    &.is-inline {
        display: flex;
        align-items: center;
        margin: 0 1rem 0 0;

        .eve-form-label {
            margin: 0 .5rem 0 0;
        }
    }
}

.eve-form-group {
    display: flex;
    margin-left: 1px;

    .eve-form-addon {
        background: $eve-color-bright-silver;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid $eve-color-dark-silver;
        height: 2.25rem;
        min-width: 2.25rem;
        line-height: 2.25rem;
        padding: 0 $eve-spacing-8;
    }

    .eve-form-addon,
    .eve-input {
        margin-left: -1px;
    }
}

.eve-accordion {
    .eve-accordion-header {
        .eve-accordion-header-icon {
            align-items: center;
            background: $eve-color-blue;
            display: flex;
            height: $eve-accordion-size;
            justify-content: center;
            position: absolute;
            right: 0;
            top: 0;
            width: $eve-accordion-size;

            svg {
                fill: $eve-color-white;
                height: 1.125rem;
                width: 1.125rem;
            }
        }
    }

    &.has-icon {
        .eve-accordion-header {
            padding-right: $eve-spacing-48;
        }
    }
}

.eve-tile {
    display: flex;

    .eve-avatar {
        margin-right: $eve-spacing-16;
    }

    .eve-tile-content {
        font-size: .875rem;
        line-height: 1.25rem;

        .eve-tile-title {
            color: $eve-color-black;
            margin-bottom: $eve-spacing-4;
        }

        .eve-tile-description {
            color: $eve-color-silver;
        }
    }

    .eve-switch {
        margin-left: $eve-spacing-16;
    }
}

.eve-tiles {
    .eve-tile {
        &:not(:last-child) {
            margin-bottom: $eve-spacing-8;
        }
    }
}

.eve-grid {
    &.is-vertical-center {
        align-items: center;
    }

    &.is-horizontal-right {
        justify-content: flex-end;
    }

    &.is-horizontal-center {
        justify-content: center;
    }

    &.is-horizontal-between {
        justify-content: space-between;
    }
}