@import "~scss/variables";

.sw-cms-el-preview-form {
    overflow: auto;

    .sw-cms-el--preview-form-headline {
        margin-bottom: 10px;
        border-bottom: 1px solid $color-gray-300;
        padding-bottom: 5px;
    }

    .sw-cms-el-preview-form-inputs {
        overflow: auto;

        & > .sw-cms-el-preview-form-input {
            width: calc(50% - 7px);
            float: left;

            &:first-child {
                margin-right: 14px;
            }
        }
    }

    .sw-cms-el-preview-form-input {
        margin-bottom: 10px;
        height: 1em;
        border-radius: 4px;
        border: 1px solid $color-gray-300;
    }

    .sw-cms-el-preview-form-inputs__action {
        float: right;
        padding: 0 10px;
        background: $color-gray-300;
        color: $color-darkgray-200;
        text-align: center;
        font-size: $font-size-xxs;
        line-height: 26px;
        border-radius: 3px;
    }
}
