@include export-module('co-relation-address-layout') {
  .co-relation-address {
    font-family: $tp-relation-address-font-family;
    font-size: $tp-relation-address-font-size;
    display: flex;
    flex-direction: column;
    row-gap: $tp-relation-address-default-padding;
    padding: 0;
    transition: padding 0.2s ease-in-out;
    co-form {
      display: flex;
      flex-direction: column;
      row-gap: $tp-relation-address-default-padding;
    }
    .relation-address-data-row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      row-gap: $tp-relation-address-default-padding;
      column-gap: $tp-relation-address-default-padding;
      &.default {
        .form-input {
          flex: 1;
        }
        &.single {
          > .form-input {
            max-width: $tp-relation-address-default-single-width;
          }
        }
      }
      &.validation-error {
        position: relative;
        padding: 0 0 15px 0;
        transition: padding 0.2s ease-in-out;
        .wrong-address {
          position: absolute;
          bottom: 0;
          color: #C1002A;
          left: 10px;
          font-size: 10px;
        }
      }
    }
  }
}
