@use "sass:math";
$base-font-size: 14px !default;

@function strip-unit($num) {
  @return math.div($num, ($num * 0 + 1));
}

@function rem-calc($size) {
  @return math.div(strip-unit($size), strip-unit($base-font-size)) * 1rem;
}

@mixin focus-state($outline-offset: 2px) {
  &:not(.focus-hide) {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
    outline-offset: $outline-offset;
  }
}