/* -------------------------------------------------------------------------- */
/*                                   Borders                                  */
/* -------------------------------------------------------------------------- */

// Safari clipping mask
.overflow-hidden[class*='rounded'] {
  mask-image: radial-gradient($white, $black);
}

.border-dashed {
  --#{$prefix}border-style: dashed;
}

@each $key, $utility in $border-color-utilities {
  @include generate-utility($utility, '');
}

.border-translucent{
  border-color: var(--#{$prefix}border-color-translucent) !important;
}