<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<circle class="tj9zi8b3i"/><circle class="m_ak-1-jk"/><circle class="bsjds7grz"/><circle class="yd3y6lvlv"/><circle class="fvggq_0_g"/><circle class="bex-alb9d"/><circle class="h-g0qsewg"/><circle class="io2fe1b_p"/><circle class="xpdhd17vc"/><circle class="ppzk-8bwm"/><circle class="ds8j_fbtn"/><circle class="osqlispzb"/><circle class="m5ws4qbrr"/><circle class="o4i0knbtl"/><circle class="sx-m4ld1j"/><circle class="tlkpzhb1c"/><circle class="ebri8pb_k"/><circle class="tjfiqnbpa"/><circle class="m7esxvbxf"/><circle class="i93cvexlj"/><circle class="v-p744_kk"/><circle class="kemrttbqb"/><circle class="y_wqobcen"/><circle class="bth5mab4a"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:motioncues" {...props}></Icon>
<style>
:global(.bex-alb9d) {
  cx: 28.176px;
  cy: 5.092px;
  r: 0.75px;
  fill: currentColor;
}

:global(.bsjds7grz) {
  cx: 5.092px;
  cy: 28.176px;
  r: 0.75px;
  fill: currentColor;
}

:global(.bth5mab4a) {
  cx: 19.824px;
  cy: 19.824px;
  r: 2.911px;
  fill: none;
  stroke: currentColor;
}

:global(.ds8j_fbtn) {
  cx: 36.528px;
  cy: 11.378px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
}

:global(.ebri8pb_k) {
  cx: 28.176px;
  cy: 36.528px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.fvggq_0_g) {
  cx: 19.824px;
  cy: 5.092px;
  r: 0.75px;
  fill: currentColor;
}

:global(.h-g0qsewg) {
  cx: 28.176px;
  cy: 42.908px;
  r: 0.75px;
  fill: currentColor;
}

:global(.i93cvexlj) {
  cx: 36.528px;
  cy: 19.777px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.io2fe1b_p) {
  cx: 19.824px;
  cy: 42.908px;
  r: 0.75px;
  fill: currentColor;
}

:global(.kemrttbqb) {
  cx: 28.176px;
  cy: 28.176px;
  r: 2.911px;
  fill: none;
  stroke: currentColor;
}

:global(.m_ak-1-jk) {
  cx: 5.092px;
  cy: 19.824px;
  r: 0.75px;
  fill: currentColor;
}

:global(.m5ws4qbrr) {
  cx: 11.472px;
  cy: 19.824px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.m7esxvbxf) {
  cx: 36.528px;
  cy: 28.176px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.o4i0knbtl) {
  cx: 11.472px;
  cy: 28.176px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.osqlispzb) {
  cx: 11.472px;
  cy: 11.378px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
}

:global(.ppzk-8bwm) {
  cx: 28.176px;
  cy: 11.378px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.sx-m4ld1j) {
  cx: 11.472px;
  cy: 36.528px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
}

:global(.tj9zi8b3i) {
  cx: 42.908px;
  cy: 19.824px;
  r: 0.75px;
  fill: currentColor;
}

:global(.tjfiqnbpa) {
  cx: 36.528px;
  cy: 36.528px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
}

:global(.tlkpzhb1c) {
  cx: 19.824px;
  cy: 36.528px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.v-p744_kk) {
  cx: 28.176px;
  cy: 19.824px;
  r: 2.911px;
  fill: none;
  stroke: currentColor;
}

:global(.xpdhd17vc) {
  cx: 19.824px;
  cy: 11.378px;
  r: 1.819px;
  fill: none;
  stroke: currentColor;
}

:global(.y_wqobcen) {
  cx: 19.824px;
  cy: 28.176px;
  r: 2.911px;
  fill: none;
  stroke: currentColor;
}

:global(.yd3y6lvlv) {
  cx: 42.908px;
  cy: 28.176px;
  r: 0.75px;
  fill: currentColor;
}

</style>
