.ons-field {
    position: relative;

    &__other {
        background-color: var(--ons-color-grey-5);
        clear: both;
        display: none;
        padding: 0 0.5rem 0.5rem;

        input:checked ~ & {
            display: block;
        }
    }

    &--inline {
        align-items: center;
        display: flex;

        .ons-label {
            margin: 0 0.5rem 0 0;
        }
    }
}

@include input-width('ons-field__item--w-{x}');