:root{--loading-container-deg:-12deg;--loading-container-duration:2s}@property --loading-container-deg{syntax:"<angle>";inherits:false;initial-value:-12deg}.loading-container{opacity:0;background:conic-gradient(from var(--loading-container-deg)at 50% 50%,var(--secondary)0,var(--secondary-foreground)25deg 50deg,var(--secondary)51deg 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);width:100%;height:100%;animation:spin var(--loading-container-duration)linear 0s infinite,fadeIn .5s ease-out .5s forwards;justify-content:center;align-items:center;display:flex;position:relative}.loading-container:before{content:"";background:var(--card);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);width:calc(100% - 2px);height:calc(100% - 2px);position:absolute}@keyframes spin{0%{--loading-container-deg:-12deg}to{--loading-container-deg:348deg}}@keyframes fadeIn{0%{opacity:0}to{opacity:.3}}