:root{--color-canvas-subtle:red;--base-size-4:.25rem}.skeleton{clip-path:inset(var(--base-size-4) 0 var(--base-size-4) 0 round .25rem);animation:2s infinite skeleton-loading;-webkit-mask-size:200%;mask-size:200%}.skeleton.dark{color:#0000;background-color:#ffffff40;-webkit-mask-image:linear-gradient(75deg,#ffffffa6 20%,#fff3 50%,#ffffffa6 80%);mask-image:linear-gradient(75deg,#ffffffa6 20%,#fff3 50%,#ffffffa6 80%)}.skeleton.light{color:#fff0;background-color:#00000040;-webkit-mask-image:linear-gradient(75deg,#000000a6 20%,#0003 50%,#000000a6 80%);mask-image:linear-gradient(75deg,#000000a6 20%,#0003 50%,#000000a6 80%)}@keyframes skeleton-loading{0%{-webkit-mask-position:200%;mask-position:200%}to{-webkit-mask-position:0%;mask-position:0%}}