import { r as l, h as t, H as a } from "./index.61732cef.js";
import { c as s } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const o = () => ':host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(     (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2   )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(       (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2     )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc(     (var(--s-line-height-base) - var(--s-font-size-base)) / 2   )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc(       (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2     )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc(     (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2   )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc(       (var(--s-line-height-base) - var(--s-font-size-base)) / 2     )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc(     (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2   )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc(     (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2   )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:""}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient(       90deg,       rgba(255, 255, 255, 0) 0,       var(--s-surface-raised-default) 33%,       rgba(255, 255, 255, 0) 66%     );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}', r = class {
  constructor(e) {
    l(this, e), this.animated = !0, this.lines = 1, this.size = "base";
  }
  render() {
    const e = s("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated }), i = s("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
    return t(a, { key: "4313d6252162b76144775f47ef83b8ec7d82fb9d" }, t("div", { key: "e3c8cf948891276e69ade66f6482ca357af82ed3", class: e, part: e }, new Array(this.lines).fill(void 0).map((d, n) => t("div", { class: i, key: n, part: i }))));
  }
};
r.style = o();
export {
  r as swirl_skeleton_text
};
