@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.loader{width:60px;height:60px;display:inline-flex;position:relative}.loader-spinner{animation:var(--animate-spin,spin 1s linear infinite);background-position:0 0;background-size:100% 100%;background-image:conic-gradient(from 0deg at 50% 50%,var(--app-primary-600) 0%,#e5e7ebcc 90deg,#e5e7ebcc 270deg,var(--app-primary-600) 360deg);-webkit-mask-composite:destination-out;border-radius:100vw;width:100%;height:100%;display:inline-block;position:absolute;-webkit-mask-image:radial-gradient(farthest-side,#000 98%,#0000),linear-gradient(#000 0 0);mask-image:radial-gradient(farthest-side,#000 98%,#0000),linear-gradient(#000 0 0);-webkit-mask-position:50%,0 0;mask-position:50%,0 0;-webkit-mask-size:85% 85%,auto;mask-size:85% 85%,auto;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.loader-image{--tw-translate-x: -50% ;--tw-translate-y: -50% ;width:40%;height:40%;translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);position:absolute;top:50%;left:50%}.dark .loader-spinner{background-image:conic-gradient(from 0deg at 50% 50%,var(--app-primary-500) 0%,#e5e7eb33 90deg,#e5e7eb33 270deg,var(--app-primary-500) 360deg)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}