@property --ripship-loading-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.Dwb68q_loadingIndicator{border-radius:inherit;background:conic-gradient(from var(--ripship-loading-angle), transparent 0% 65%, color-mix(in oklch, var(--primary-readable) 28%, transparent) 85%, transparent 100%);padding:2px;animation:3s linear infinite Dwb68q_loading-border;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes Dwb68q_loading-border{to{--ripship-loading-angle:360deg}}@media (prefers-reduced-motion:reduce){.Dwb68q_loadingIndicator{background:color-mix(in oklch, var(--primary-readable) 15%, transparent);animation:none}}