@property --loader-arc{syntax:"<percentage>";inherits:false;initial-value:10%}.loader-module-scss-module__yhmA7a__loader{--loader-size:2.5rem;--loader-speed:.8s;--loader-arc-speed:1.5s;--loader-arc:10%;--loader-color:#fff;width:var(--loader-size);height:var(--loader-size);background:conic-gradient(var(--loader-color) var(--loader-arc), color-mix(in srgb, var(--loader-color) 25%, transparent) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--loader-size) * .075), #fff calc(100% - var(--loader-size) * .075));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--loader-size) * .075), #fff calc(100% - var(--loader-size) * .075));mask:radial-gradient(farthest-side, transparent calc(100% - var(--loader-size) * .075), #fff calc(100% - var(--loader-size) * .075));animation:loader-module-scss-module__yhmA7a__loader-spin var(--loader-speed) linear infinite,loader-module-scss-module__yhmA7a__loader-arc var(--loader-arc-speed) ease-in-out infinite;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loader-module-scss-module__yhmA7a__loader-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes loader-module-scss-module__yhmA7a__loader-arc{0%,to{--loader-arc:10%}50%{--loader-arc:75%}}