/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host .digi-util-breakpoint-observer {
  --SMALL: small;
  --MEDIUM: medium;
  --LARGE: large;
  --XLARGE: xlarge;
}
:host .digi-util-breakpoint-observer__observer {
  --digi--util-breakpoint-observer--breakpoint: var(--SMALL);
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  pointer-events: none;
  transition: transform 0.01s;
  transform: rotate(0deg);
}
@media (min-width: 48rem) {
  :host .digi-util-breakpoint-observer__observer {
    --digi--util-breakpoint-observer--breakpoint: var(--MEDIUM);
    transform: rotate(10deg);
  }
}
@media (min-width: 61.9375rem) {
  :host .digi-util-breakpoint-observer__observer {
    --digi--util-breakpoint-observer--breakpoint: var(--LARGE);
    transform: rotate(20deg);
  }
}
@media (min-width: 75rem) {
  :host .digi-util-breakpoint-observer__observer {
    --digi--util-breakpoint-observer--breakpoint: var(--XLARGE);
    transform: rotate(30deg);
  }
}