import n from"style-inject";var e='.l3-style-skeleton_rectangle {\n  height: 160px;\n  width: 160px;\n  background: rgba(255, 255, 255, 0.2);\n  background: var(--disabled-background-color);\n  border-radius: 4px;\n  overflow: hidden;\n}\n.l3-style-skeleton_rectangle::before {\n  display: inline-block;\n  content: "";\n  opacity: 0.1;\n  background-image: linear-gradient(90deg, transparent 0%, var(--placeholder-color) 30%, var(--placeholder-color) 70%, transparent 100%);\n  width: 300%;\n  height: 300%;\n  margin-bottom: 20px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: var(--motion-timing-enter);\n}\n@keyframes shine {\n  0% {\n    margin-left: -500%;\n  }\n  100% {\n    margin-left: 500%;\n  }\n}\n@keyframes shine2 {\n  0% {\n    background-position: 500px 0;\n  }\n  100% {\n    background-position: -500px 0;\n  }\n}\n.l3-style-skeleton_circle {\n  height: 40px;\n  width: 40px;\n  background: rgba(255, 255, 255, 0.2);\n  background: var(--disabled-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n}\n.l3-style-skeleton_circle::before {\n  display: inline-block;\n  content: "";\n  opacity: 0.1;\n  background-image: linear-gradient(90deg, transparent 0%, var(--placeholder-color) 30%, var(--placeholder-color) 70%, transparent 100%);\n  width: 300%;\n  height: 300%;\n  margin-bottom: 20px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: var(--motion-timing-enter);\n}\n@keyframes shine {\n  0% {\n    margin-left: -500%;\n  }\n  100% {\n    margin-left: 500%;\n  }\n}\n@keyframes shine2 {\n  0% {\n    background-position: 500px 0;\n  }\n  100% {\n    background-position: -500px 0;\n  }\n}\n.l3-style-skeleton_text {\n  width: 162px;\n  background: rgba(255, 255, 255, 0.2);\n  background: var(--disabled-background-color);\n  border-radius: 4px;\n  overflow: hidden;\n}\n.l3-style-skeleton_text::before {\n  display: inline-block;\n  content: "";\n  opacity: 0.1;\n  background-image: linear-gradient(90deg, transparent 0%, var(--placeholder-color) 30%, var(--placeholder-color) 70%, transparent 100%);\n  width: 300%;\n  height: 300%;\n  margin-bottom: 20px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: var(--motion-timing-enter);\n}\n@keyframes shine {\n  0% {\n    margin-left: -500%;\n  }\n  100% {\n    margin-left: 500%;\n  }\n}\n@keyframes shine2 {\n  0% {\n    background-position: 500px 0;\n  }\n  100% {\n    background-position: -500px 0;\n  }\n}\n.l3-style-skeleton_text--h1 {\n  height: 32px;\n}\n.l3-style-skeleton_text--h2 {\n  height: 24px;\n}\n.l3-style-skeleton_text--h3 {\n  height: 24px;\n}\n.l3-style-skeleton_text--h4 {\n  height: 21px;\n}\n.l3-style-skeleton_text--h5 {\n  height: 16px;\n}\n.l3-style-skeleton_text--h6 {\n  height: 12px;\n}\n.l3-style-skeleton_text--small, .l3-style-skeleton_text--custom {\n  height: 12px;\n}';n(e,{insertAt:"top"});export{e as default};
