@use '../../scss/config.scss' as *;

.wrapper {
    @include layout(flex, column, xs);

    .label {
        @include typography(primary-20);
        @include spacing(mb-xs);
    }

    .input-wrapper {
        @include position(relative);
        @include layout(flex);

        input {
            @include border-radius(none);
            @include size(40px);
            @include typography(center, default);
            
            &:not(:first-child) {
                @include border(left, 0);
            }

            &:first-child {
                @include border-radius(left);
            }

            &:last-child {
                @include border-radius(right);
            }
        }

        .separator + input {
            @include border(left, primary-50);
        }
    }

    .separator {
        @include size(40px);
        @include layout(flex, center);
    }

    .subtext {
        @include typography(md, primary-30);
        @include spacing(mt-xs);
    }
}