:root,:root[theme-mode=light]{--skeleton-animation-gradient:#0000000a}:root[theme-mode=dark]{--skeleton-animation-gradient:#ffffff0f}.t-skeleton{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none}.t-skeleton__row{margin-bottom:var(--td-comp-margin-l);align-items:center;display:flex}.t-skeleton__row:only-child,.t-skeleton__row:last-child{margin-bottom:0}.t-skeleton__col{background-color:var(--td-bg-color-secondarycontainer);color:var(--td-text-color-disabled);margin-right:var(--td-comp-margin-l);justify-content:center;align-items:center;display:flex}.t-skeleton__col:first-child:last-child,.t-skeleton__col:last-child{margin-right:0}.t-skeleton--type-text{width:100%;height:var(--td-font-size-body-large);border-radius:var(--td-radius-default)}.t-skeleton--type-rect{border-radius:var(--td-radius-default);width:120px;height:88px}.t-skeleton--type-circle{border-radius:var(--td-radius-circle);flex-shrink:0;width:32px;height:32px}.t-skeleton--animation-gradient{position:relative;overflow-x:hidden}.t-skeleton--animation-gradient:after{content:" ";background:linear-gradient(90deg, #fff0, var(--skeleton-animation-gradient), #fff0);animation:1.5s linear infinite t-skeleton--gradient;position:absolute;inset:0}.t-skeleton--animation-flashed{animation:2s linear infinite t-skeleton--flashed}@keyframes t-skeleton--gradient{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(100%)skew(-15deg)}}@keyframes t-skeleton--flashed{0%{opacity:1}50%{opacity:.3;background-color:#e6e6e64d}to{opacity:1}}