@use '../mixins/breakpoints' as *;

@include from-br(xs) { ._to-xs { display: none !important; } }

@include from-br(sm) { ._to-sm { display: none !important; } }

@include from-br(md) { ._to-md { display: none !important; } }

@include from-br(lg) { ._to-lg { display: none !important; } }

@include to-br(xs) { ._from-xs { display: none !important; } }

@include to-br(sm) { ._from-sm { display: none !important; } }

@include to-br(md) { ._from-md { display: none !important; } }

@include to-br(lg) { ._from-lg { display: none !important; } }

._truncate {
  display: -webkit-box !important;
  -webkit-line-clamp: var(--line-clamp, 1);
  -webkit-box-orient: vertical;
  word-break: var(--word-break, normal);
  overflow: hidden;
  text-align: var(--align, left);

  --is-single-line: 1 - clamp(0, calc(var(--line-clamp) - 1), var(--line-clamp));
  --delay: calc(-1s * (var(--is-single-line, 1) - 1));

  animation: states 1s var(--delay) paused;

  @keyframes states {
    0% {
      word-break: break-all;
    }
  }
}