@property --loading-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.loading-border-container{box-sizing:border-box;z-index:0;background:0 0;border-radius:12px;width:100%;padding:2px;position:relative;overflow:hidden}.loading-border-container:before{content:"";z-index:-1;background-color:#fff;border-radius:10px;position:absolute;inset:2px}.loading-border-container--active{background:conic-gradient(from var(--loading-angle), #ff004c, #ff8a00, #ffe600, #00e676, #00b0ff, #7c4dff, #ff00c8, #ff004c);animation:2.5s linear infinite animate-loading-border}.loading-border-container__content{z-index:1;box-sizing:border-box;border-radius:10px;width:100%;min-width:0;position:relative;overflow:hidden}.loading-border-container__content--loading{opacity:.7;pointer-events:none;transition:opacity .2s ease-in-out}@keyframes animate-loading-border{0%{--loading-angle:0deg}to{--loading-angle:360deg}}@media (prefers-reduced-motion:reduce){.loading-border-container--active{animation:none}}