@layer ds-reset,ds-foundation,ds-subatoms;@layer ds-atoms{@keyframes skeleton-ltr{0%{transform:translate(-200%,-50%)}to{transform:translate(100%,-50%)}}@keyframes skeleton-rtl{0%{transform:translate(100%,-50%)}to{transform:translate(-200%,-50%)}}.skeleton{clip-path:view-box;background-color:var(--background-colors-tint-2);width:var(--skeleton-width);height:var(--skeleton-height);border-radius:var(--skeleton-border-radius,0);display:block;position:relative;overflow:hidden}.skeleton:before{content:"";background-image:linear-gradient(90deg, transparent, var(--background-colors-tint-3), transparent);will-change:transform;width:50%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[dir=ltr] .skeleton:before{animation:skeleton-ltr var(--timings-long) var(--easings-linear) infinite}[dir=rtl] .skeleton:before{animation:skeleton-rtl var(--timings-long) var(--easings-linear) infinite}.image{max-width:100%;display:block}}@layer ds-molecules{.avatar{width:var(--avatar-size);height:var(--avatar-size);background-color:var(--avatar-bg,var(--control-colors-button-background-default));box-shadow:var(--avatar-shadow,none);border:var(--avatar-border,var(--avatar-border-width,0px) solid var(--avatar-border-color,transparent));cursor:var(--avatar-cursor,default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar__placeholder-icon{width:50%;height:50%}.avatar__image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar__icon{display:inline-block}.avatar__icon>path{fill:var(--control-colors-value-default)}.avatar__skeleton{inset:calc(-1 * var(--avatar-border-width,0px));border-radius:inherit;position:absolute}.avatar__control{display:none}.avatar__badge{display:flex;position:absolute;bottom:0}[dir=ltr] .avatar__badge{right:0}[dir=rtl] .avatar__badge{left:0}.avatar--with-shadow{box-shadow:var(--shadows-tint-1)}.avatar--no-border{border:none}.avatar--cursor-pointer{cursor:pointer}[dir=ltr] .avatar__badge--rectangle,[dir=rtl] .avatar__badge--rectangle{left:50%;right:auto;transform:translate(-50%)}}@layer ds-organisms,ds-templates,ds-landing;