@import "mixin/border-default";

$translatorBorderWidth: 0.5px;
$translatorBorderWidthMobile: 2px;
.tld-translate-switcher-wrapper {
  @include border-direction-default("bottom", $translatorBorderWidth);
}
.tld-translate-wrapper {
  @include border-default($translatorBorderWidth);
}

.tld-translate {
  &:not(.tld-translate-tablet, .tld-translate-mobile) {
    .tld-translate-wrapper {
      border-radius: 16px;
    }

    .source-wrapper {
      @include border-direction-default("right", $translatorBorderWidth);
    }
  }

  &.tld-translate-tablet,
  &.tld-translate-mobile {
    .source-wrapper {
      @include border-direction-default("bottom", $translatorBorderWidthMobile);
    }
  }
}
