@import './../../../style/variables.css';

:root {
    --action-width: 150px;
}
 
@component Importer {

    background-color: white;
    margin: 10px 30px;
    padding: 10px;

    @descendent title {
        color: var(--mineshaft-dark);
        font-size: 14px;
        font-weight: bold;
    }

    @descendent form {
        lost-flex-container: row;
        margin-top: 10px;
        & .configInput {
            @apply --w-input;
            width: calc(100% - var(--action-width));
        }
        @descendent action{
            width: var(--action-width);
            & .saveButton{
                width: 100px;
                float: right;
                @apply --w-button;
            }
        }
    }


}