:host,svg.ld-loading{--ld-loading-col-base:var(--ld-thm-warning);--ld-loading-col-primary:var(--ld-thm-primary);--ld-loading-col-secondary:var(--ld-thm-secondary);--ld-loading-play-state:running;--ld-loading-size:var(--ld-sp-24);--ld-loading-stretch-dur:4s}:host.ld-loading--neutral,:host:host(.ld-loading--neutral),svg.ld-loading.ld-loading--neutral,svg.ld-loading:host(.ld-loading--neutral){--ld-loading-col-base:var(--ld-col-neutral-100);--ld-loading-col-primary:var(--ld-col-neutral-700);--ld-loading-col-secondary:var(--ld-col-neutral-400)}:host.ld-loading--paused,:host:host(.ld-loading--paused),svg.ld-loading.ld-loading--paused,svg.ld-loading:host(.ld-loading--paused){--ld-loading-play-state:paused}:host,svg.ld-loading{display:inline-flex;flex-shrink:0;height:var(--ld-loading-size);width:var(--ld-loading-size);fill:none;border-radius:100%;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><defs/><circle cx="50" cy="50" r="40" stroke="currentColor" stroke-width="18"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><defs/><circle cx="50" cy="50" r="40" stroke="currentColor" stroke-width="18"/></svg>');overflow:hidden}:host circle,svg.ld-loading circle{transform-origin:center;stroke:var(--ld-loading-col-base);stroke-width:40;stroke-dashoffset:330;stroke-linecap:round}:host g circle,svg.ld-loading g circle{stroke-dasharray:570;animation:ld-loading-stretch var(--ld-loading-stretch-dur) ease infinite var(--ld-loading-play-state)}:host g circle:last-of-type,svg.ld-loading g circle:last-of-type{--ld-stroke-dashoffset-from:420;--ld-stroke-dashoffset-to:540}:host g circle:nth-last-of-type(2),svg.ld-loading g circle:nth-last-of-type(2){--ld-stroke-dashoffset-from:300;--ld-stroke-dashoffset-to:490;stroke:var(--ld-loading-col-secondary);animation-delay:calc(.2 * var(--ld-loading-stretch-dur));stroke-width:39}:host g circle:nth-last-of-type(3),svg.ld-loading g circle:nth-last-of-type(3){--ld-stroke-dashoffset-from:330;--ld-stroke-dashoffset-to:450;stroke:var(--ld-loading-col-primary);animation-delay:calc(.4 * var(--ld-loading-stretch-dur));stroke-width:39}@keyframes ld-loading-stretch{0%{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}50%{stroke-dashoffset:var(--ld-stroke-dashoffset-to)}to{stroke-dashoffset:var(--ld-stroke-dashoffset-from)}}