@import "./../../styles/sizes";
.one-ui-logo{
  $root: &;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  position: relative;

  @include setMargin();

  &__sign{
    width: var(--con-logo-size);
    height: auto;
    svg{
      width: 100%;
      height: auto;
    }
  }
  &__signature{
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
    svg{
      width: auto;
    }
  }

  &--composition{

    &-horizontal{
      flex-direction: row;
      #{$root}__signature{
        margin-left: calc(var(--con-logo-size)/3);
        svg{
          height: calc(var(--con-logo-size)/2);
        }
      }
    }

    &-vertical{
      flex-direction: column;
      #{$root}__signature{
        margin-top: calc(var(--con-logo-size)/3);
        svg{
          height: calc(var(--con-logo-size)/2);
        }
      }
    }
  }


}