.fe-address {
    container-type: inline-size;
    container-name: fe-address;
}

.pbuic-fe-address label.sr {
    display: none;
}

input.address-field {
    width: 100%;
}

.address-row {
    display: flex;
    flex-direction: column;
}

.address-row label {
    margin-bottom: var(--marginSmall);
}

.address-row .fea-postcode,
.address-row .fea-number,
.address-row .fea-number_add,
.address-row .fea-street,
.address-row .fea-town {
    flex: 1 1 100%;
}

.fea-country {
    display: block;
}

.fea-country select {
    display: block;
    width: 100%;
}

@container fe-address (min-width: 450px) {
    .address-row {
        flex-direction: row;
        gap: var(--marginExtraSmall);
    }

    .address-row .fea-postcode,
    .address-row .fea-number,
    .address-row .fea-number_add {
        flex: 1 1 33.33%;
    }

    .address-row .fea-street {
        flex-basis: 60%;
    }

    .address-row .fea-town {
        flex-basis: 60%;
    }
}