@stihl-design-system/components/assets/skeleton.D9MOCUK4.css

Welcome to the STIHL Design System react component library.

@charset "UTF-8";@keyframes ds-skeleton_shimmer-slide_ujlx7_1{0%{transform:translate(-100%)}86.49%,to{transform:translate(100%)}}.ds-skeleton_line_ujlx7_26{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_line_ujlx7_26:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_line_ujlx7_26:after{animation:none}}.ds-skeleton_line_ujlx7_26{width:100%;border-radius:2px}.ds-skeleton_line--title-x-large_ujlx7_57{height:1.95rem}.ds-skeleton_line--title-large_ujlx7_60{height:1.71875rem}.ds-skeleton_line--heading-x-large_ujlx7_63{height:1.95rem}.ds-skeleton_line--heading-large_ujlx7_66{height:1.71875rem}.ds-skeleton_line--heading-medium_ujlx7_69,.ds-skeleton_line--heading-small_ujlx7_72{height:1.5rem}.ds-skeleton_line--text-large_ujlx7_75{height:2rem}.ds-skeleton_line--text-medium_ujlx7_78{height:1.5rem}.ds-skeleton_line--text-small_ujlx7_81,.ds-skeleton_line--text-x-small_ujlx7_84{height:.9975rem}.ds-skeleton_line--text-xx-small_ujlx7_87{height:1rem}.ds-skeleton_line--utility-large_ujlx7_90{height:1.49625rem}.ds-skeleton_line--utility-medium_ujlx7_93{height:1.25rem}.ds-skeleton_line--utility-small_ujlx7_96,.ds-skeleton_line--utility-x-small-demi_ujlx7_99{height:.9975rem}@media(min-width:1024px){.ds-skeleton_line--title-x-large_ujlx7_57,.ds-skeleton_line--heading-x-large_ujlx7_63,.ds-skeleton_line--heading-x-large-uppercase_ujlx7_106{height:2.34375rem}.ds-skeleton_line--title-large_ujlx7_60,.ds-skeleton_line--heading-large_ujlx7_66,.ds-skeleton_line--heading-large-uppercase_ujlx7_109{height:1.95rem}}.ds-skeleton_line--theme-dark_ujlx7_113{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_line--theme-dark_ujlx7_113:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_line--theme-dark_ujlx7_113:after{animation:none}}.ds-skeleton_multi-line-wrapper_ujlx7_143{display:flex;flex-direction:column;gap:4px}.ds-skeleton_multi-line-wrapper_ujlx7_143>:last-child{clip-path:inset(0 20% 0 0 round 0 2px 2px 0)}.ds-skeleton_multi-line_ujlx7_143{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_multi-line_ujlx7_143:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_multi-line_ujlx7_143:after{animation:none}}.ds-skeleton_multi-line_ujlx7_143{border-radius:2px;width:100%}.ds-skeleton_multi-line--title-x-large_ujlx7_182{height:calc(1.95rem - 4px)}.ds-skeleton_multi-line--title-large_ujlx7_185{height:calc(1.71875rem - 4px)}.ds-skeleton_multi-line--heading-x-large_ujlx7_188{height:calc(1.95rem - 4px)}.ds-skeleton_multi-line--heading-large_ujlx7_191{height:calc(1.71875rem - 4px)}.ds-skeleton_multi-line--heading-medium_ujlx7_194,.ds-skeleton_multi-line--heading-small_ujlx7_197{height:calc(1.5rem - 4px)}.ds-skeleton_multi-line--text-large_ujlx7_200{height:calc(2rem - 4px)}.ds-skeleton_multi-line--text-medium_ujlx7_203{height:calc(1.5rem - 4px)}.ds-skeleton_multi-line--text-small_ujlx7_206,.ds-skeleton_multi-line--text-x-small_ujlx7_209{height:calc(.9975rem - 4px)}.ds-skeleton_multi-line--text-xx-small_ujlx7_212{height:calc(1rem - 4px)}.ds-skeleton_multi-line--utility-large_ujlx7_215{height:calc(1.49625rem - 4px)}.ds-skeleton_multi-line--utility-medium_ujlx7_218{height:calc(1.25rem - 4px)}.ds-skeleton_multi-line--utility-small_ujlx7_221,.ds-skeleton_multi-line--utility-x-small-demi_ujlx7_224{height:calc(.9975rem - 4px)}@media(min-width:1024px){.ds-skeleton_multi-line--title-x-large_ujlx7_182,.ds-skeleton_multi-line--heading-x-large_ujlx7_188,.ds-skeleton_multi-line--heading-x-large-uppercase_ujlx7_231{height:calc(2.34375rem - 4px)}.ds-skeleton_multi-line--title-large_ujlx7_185,.ds-skeleton_multi-line--heading-large_ujlx7_191,.ds-skeleton_multi-line--heading-large-uppercase_ujlx7_234{height:calc(1.95rem - 4px)}}.ds-skeleton_multi-line--theme-dark_ujlx7_238{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_multi-line--theme-dark_ujlx7_238:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_multi-line--theme-dark_ujlx7_238:after{animation:none}}.ds-skeleton_rectangle_ujlx7_268{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_rectangle_ujlx7_268:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_rectangle_ujlx7_268:after{animation:none}}.ds-skeleton_rectangle_ujlx7_268{width:100%;height:100%;border-radius:0}.ds-skeleton_rectangle--theme-dark_ujlx7_299{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_rectangle--theme-dark_ujlx7_299:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_rectangle--theme-dark_ujlx7_299:after{animation:none}}.ds-skeleton_circle_ujlx7_329{display:block;background-color:#ededed;position:relative;overflow:hidden}.ds-skeleton_circle_ujlx7_329:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#f8f8f800,#f8f8f8 80%,#f8f8f800)}@media(prefers-reduced-motion:reduce){.ds-skeleton_circle_ujlx7_329:after{animation:none}}.ds-skeleton_circle_ujlx7_329{aspect-ratio:1/1;height:auto;width:auto;border-radius:50%}.ds-skeleton_circle--theme-dark_ujlx7_361{display:block;background-color:#252525;position:relative;overflow:hidden}.ds-skeleton_circle--theme-dark_ujlx7_361:after{content:"";min-width:30rem;transform:translate(-100%);position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:ds-skeleton_shimmer-slide_ujlx7_1 var(--ds-animation-duration, 1.85s) cubic-bezier(.5,0,.5,1) .25s infinite;background-image:linear-gradient(90deg,#6660,#66666680 80%,#6660)}@media(prefers-reduced-motion:reduce){.ds-skeleton_circle--theme-dark_ujlx7_361:after{animation:none}}