.loader{letter-spacing:2px;transition:all .5s;position:relative;overflow:hidden}.loader span{position:absolute}.loader span:first-child{width:100%;height:var(--loader-size);background:linear-gradient(90deg,transparent,var(--loader));animation:1s linear infinite loader-anim1;top:0;left:-100%}@keyframes loader-anim1{0%{left:-100%}50%,to{left:100%}}.loader span:nth-child(2){width:var(--loader-size);background:linear-gradient(180deg,transparent,var(--loader));height:100%;animation:1s linear .25s infinite loader-anim2;top:-100%;right:0}@keyframes loader-anim2{0%{top:-100%}50%,to{top:100%}}.loader span:nth-child(3){width:100%;height:var(--loader-size);background:linear-gradient(270deg,transparent,var(--loader));animation:1s linear .5s infinite loader-anim3;bottom:0;right:-100%}@keyframes loader-anim3{0%{right:-100%}50%,to{right:100%}}.loader span:nth-child(4){width:var(--loader-size);background:linear-gradient(360deg,transparent,var(--loader));height:100%;animation:1s linear .75s infinite loader-anim4;bottom:-100%;left:0}@keyframes loader-anim4{0%{bottom:-100%}50%,to{bottom:100%}}
body{height:100vh;margin:0;overflow-y:hidden}embed{height:100vh}.p-3{padding:.75rem}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.rounded{border-radius:.25rem}