@use "./abstracts/vars" as *;
@use "./abstracts/mixins" as *;

@use "./base/reset/inputs" as inputs;
@use "./styles/forms/hints-below" as hintsBelow;
@use "./styles/forms/labels-above" as labelsAbove;

.sitecore-form {
    @include inputs.inputs-styles();
    padding:15px;
    >.component-content {
        padding:15px;
        border: 1px solid transparent;
        background-color: $form-bg;
        color: $form-color;
    }
    form {
        font-size: $font-normal;
        color: $form-color;
        >div {
            padding:15px 0;
            label {
                font-family: inherit;
                padding-right: $default-padding;
            }
            input {
                font-family: inherit;
            }
            label+textarea {
                margin-top: $default-padding;
            }
            textarea,
            select {
                margin-top: $default-padding;
            }
        }
        [data-sc-field-name="Password Confirmation"] {
            margin-right: $default-padding;
        }
    }
    @include hintsBelow.forms-hints-below-styles();
    @include labelsAbove.forms-labels-above();
}