$eve-accordion-size: 2rem;

.eve-accordion {
    border-left: 1px solid $eve-color-dark-silver;
    padding-left: $eve-spacing-8;
    font-size: $eve-font-14;

    > input {
        display: none;

        &:checked {
            ~ .eve-accordion-header {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232778d9'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
            }

            ~ .eve-accordion-content {
                display: block;
            }
        }
    }

    .eve-accordion-header {
        align-items: center;
        background-color: $eve-color-bright-silver;
        color: $eve-color-blue;
        cursor: pointer;
        display: flex;
        height: $eve-accordion-size;
        overflow: hidden;
        padding: 0 $eve-spacing-16 0 2rem;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232778d9'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");
        background-position: left $eve-spacing-8 center;
        background-repeat: no-repeat;
        background-size: 1.125rem;
    }

    .eve-accordion-content {
        display: none;
        padding: $eve-spacing-8 $eve-spacing-16;
    }
}

.eve-accordions {
    .eve-accordion {
        margin-bottom: $eve-spacing-8;

        &:last-child {
            margin-bottom: 0;
        }
    }
}