.container {
    border: 1px solid #9475b2;
    background-color: #fbeeff;
    margin: 2px 0;
    box-shadow: 0 1px 2px #9475b2;

    .mio--dark & {
        background-color: #23172a;
    }

    &--hidden {
        .container__content {
            display: none;
        }
    }

    &__title {
        display: block;
        text-decoration: none;
        background-color: #9475b2;
        color: #306;
        font-size: 1.17em;
        font-weight: 700;
        padding: 3px;
        font-family: @mio-font-heading;
        word-wrap: break-word;
        overflow: hidden;

        &--link:hover {
            text-decoration: underline;
        }

        &__link {
            color: inherit;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    &__content {
        margin: 2px 5px;
    }
}