@elice/material-runbox 1.260825.0-runboxusability.6 → 1.260825.0-runboxusability.8

package/cjs/assets/runbox-loading.svg.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='146 106 208 280' width='208' height='280' role='img' aria-label='%eb%9f%b0%eb%b0%95%ec%8a%a4%ea%b0%80 %ec%a1%b0%eb%a6%bd%eb%90%98%eb%8a%94 %eb%a1%9c%eb%94%a9 %ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98'%3e %3cdefs%3e %3cfilter id='gb' x='-30%25' y='-30%25' width='160%25' height='160%25'%3e%3cfeGaussianBlur stdDeviation='7'%3e%3c/feGaussianBlur%3e%3c/filter%3e %3cfilter id='gr' x='-20%25' y='-20%25' width='140%25' height='140%25'%3e%3cfeGaussianBlur stdDeviation='0.6'%3e%3c/feGaussianBlur%3e%3c/filter%3e %3c/defs%3e %3crect x='146' y='106' width='208' height='280' fill='white'%3e%3c/rect%3e %3cpolygon points='250.0%2c268.0 338.0%2c318.0 250.0%2c368.0 162.0%2c318.0' fill='rgba(115%2c83%2c234%2c.05)'%3e%3c/polygon%3e %3cg class='anim dashed'%3e %3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'%3e%3c/line%3e %3c/g%3e %3cg class='anim solid'%3e %3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'%3e%3c/line%3e %3c/g%3e %3cg%3e %3cg class='anim pc' style='animation-name:pc0'%3e %3cpolygon points='294.0%2c293.0 250.0%2c318.0 250.0%2c270.0 294.0%2c245.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='206.0%2c293.0 250.0%2c318.0 250.0%2c270.0 206.0%2c245.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='250.0%2c220.0 294.0%2c245.0 250.0%2c270.0 206.0%2c245.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='294.0%2c293.0 250.0%2c318.0 250.0%2c270.0 294.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='206.0%2c293.0 250.0%2c318.0 250.0%2c270.0 206.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='250.0%2c220.0 294.0%2c245.0 250.0%2c270.0 206.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc4'%3e %3cpolygon points='294.0%2c245.0 250.0%2c270.0 250.0%2c222.0 294.0%2c197.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='206.0%2c245.0 250.0%2c270.0 250.0%2c222.0 206.0%2c197.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='250.0%2c172.0 294.0%2c197.0 250.0%2c222.0 206.0%2c197.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='294.0%2c245.0 250.0%2c270.0 250.0%2c222.0 294.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='206.0%2c245.0 250.0%2c270.0 250.0%2c222.0 206.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='250.0%2c172.0 294.0%2c197.0 250.0%2c222.0 206.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc1'%3e %3cpolygon points='338.0%2c318.0 294.0%2c343.0 294.0%2c295.0 338.0%2c270.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='250.0%2c318.0 294.0%2c343.0 294.0%2c295.0 250.0%2c270.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='294.0%2c245.0 338.0%2c270.0 294.0%2c295.0 250.0%2c270.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='338.0%2c318.0 294.0%2c343.0 294.0%2c295.0 338.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='250.0%2c318.0 294.0%2c343.0 294.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='294.0%2c245.0 338.0%2c270.0 294.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc2'%3e %3cpolygon points='250.0%2c318.0 206.0%2c343.0 206.0%2c295.0 250.0%2c270.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='162.0%2c318.0 206.0%2c343.0 206.0%2c295.0 162.0%2c270.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='206.0%2c245.0 250.0%2c270.0 206.0%2c295.0 162.0%2c270.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='250.0%2c318.0 206.0%2c343.0 206.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='162.0%2c318.0 206.0%2c343.0 206.0%2c295.0 162.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='206.0%2c245.0 250.0%2c270.0 206.0%2c295.0 162.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc5'%3e %3cpolygon points='338.0%2c270.0 294.0%2c295.0 294.0%2c247.0 338.0%2c222.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='250.0%2c270.0 294.0%2c295.0 294.0%2c247.0 250.0%2c222.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='294.0%2c197.0 338.0%2c222.0 294.0%2c247.0 250.0%2c222.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='338.0%2c270.0 294.0%2c295.0 294.0%2c247.0 338.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='250.0%2c270.0 294.0%2c295.0 294.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='294.0%2c197.0 338.0%2c222.0 294.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc6'%3e %3cpolygon points='250.0%2c270.0 206.0%2c295.0 206.0%2c247.0 250.0%2c222.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='162.0%2c270.0 206.0%2c295.0 206.0%2c247.0 162.0%2c222.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='206.0%2c197.0 250.0%2c222.0 206.0%2c247.0 162.0%2c222.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='250.0%2c270.0 206.0%2c295.0 206.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='162.0%2c270.0 206.0%2c295.0 206.0%2c247.0 162.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='206.0%2c197.0 250.0%2c222.0 206.0%2c247.0 162.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc3'%3e %3cpolygon points='294.0%2c343.0 250.0%2c368.0 250.0%2c320.0 294.0%2c295.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='206.0%2c343.0 250.0%2c368.0 250.0%2c320.0 206.0%2c295.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='250.0%2c270.0 294.0%2c295.0 250.0%2c320.0 206.0%2c295.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='294.0%2c343.0 250.0%2c368.0 250.0%2c320.0 294.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='206.0%2c343.0 250.0%2c368.0 250.0%2c320.0 206.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='250.0%2c270.0 294.0%2c295.0 250.0%2c320.0 206.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3cg class='anim pc' style='animation-name:pc7'%3e %3cpolygon points='294.0%2c295.0 250.0%2c320.0 250.0%2c272.0 294.0%2c247.0' fill='%239B7BF0'%3e%3c/polygon%3e %3cpolygon points='206.0%2c295.0 250.0%2c320.0 250.0%2c272.0 206.0%2c247.0' fill='%237353EA'%3e%3c/polygon%3e %3cpolygon points='250.0%2c222.0 294.0%2c247.0 250.0%2c272.0 206.0%2c247.0' fill='%23C9BAF8'%3e%3c/polygon%3e %3cg class='anim seam'%3e %3cpolygon points='294.0%2c295.0 250.0%2c320.0 250.0%2c272.0 294.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='206.0%2c295.0 250.0%2c320.0 250.0%2c272.0 206.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3cpolygon points='250.0%2c222.0 294.0%2c247.0 250.0%2c272.0 206.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e %3c/g%3e %3cg class='anim glow'%3e %3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'%3e%3c/line%3e %3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'%3e%3c/line%3e %3c/g%3e%3c/svg%3e";
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='130 90 240 312' width='240' height='312' role='img' aria-label='%eb%9f%b0%eb%b0%95%ec%8a%a4%ea%b0%80 %ec%a1%b0%eb%a6%bd%eb%90%98%eb%8a%94 %eb%a1%9c%eb%94%a9 %ec%95%a0%eb%8b%88%eb%a9%94%ec%9d%b4%ec%85%98'%3e%3cdefs xmlns='http://www.w3.org/2000/svg'%3e %3cfilter id='gb' x='-30%25' y='-30%25' width='160%25' height='160%25'%3e%3cfeGaussianBlur stdDeviation='7'/%3e%3c/filter%3e %3cfilter id='gr' x='-20%25' y='-20%25' width='140%25' height='140%25'%3e%3cfeGaussianBlur stdDeviation='0.6'/%3e%3c/filter%3e %3c/defs%3e%3crect xmlns='http://www.w3.org/2000/svg' x='130' y='90' width='240' height='312' fill='white'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c268.0 338.0%2c318.0 250.0%2c368.0 162.0%2c318.0' fill='rgba(115%2c83%2c234%2c.05)'/%3e%3cg class='dashed'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='%23C9BFF5' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='7 6'/%3e%3c/g%3e%3cg class='solid'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='0%3b0%3b1%3b1%3b0%3b0'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3cline xmlns='http://www.w3.org/2000/svg' x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='%237353EA' stroke-width='1.5' stroke-linecap='round'/%3e%3c/g%3e%3cg%3e%3cg class='pc' data-k='0'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.01761%3b0.02641%3b0.09683%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.01761%3b0.02641%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c293.0 250.0%2c318.0 250.0%2c270.0 294.0%2c245.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c293.0 250.0%2c318.0 250.0%2c270.0 206.0%2c245.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c220.0 294.0%2c245.0 250.0%2c270.0 206.0%2c245.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c293.0 250.0%2c318.0 250.0%2c270.0 294.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c293.0 250.0%2c318.0 250.0%2c270.0 206.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c220.0 294.0%2c245.0 250.0%2c270.0 206.0%2c245.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='4'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.2993%3b0.3081%3b0.37852%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.2993%3b0.3081%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 250.0%2c270.0 250.0%2c222.0 294.0%2c197.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 250.0%2c222.0 206.0%2c197.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c172.0 294.0%2c197.0 250.0%2c222.0 206.0%2c197.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 250.0%2c270.0 250.0%2c222.0 294.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 250.0%2c222.0 206.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c172.0 294.0%2c197.0 250.0%2c222.0 206.0%2c197.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='1'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.08803%3b0.09683%3b0.16725%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.08803%3b0.09683%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c318.0 294.0%2c343.0 294.0%2c295.0 338.0%2c270.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 294.0%2c343.0 294.0%2c295.0 250.0%2c270.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 338.0%2c270.0 294.0%2c295.0 250.0%2c270.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c318.0 294.0%2c343.0 294.0%2c295.0 338.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 294.0%2c343.0 294.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c245.0 338.0%2c270.0 294.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='2'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.15845%3b0.16725%3b0.23767%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.15845%3b0.16725%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 206.0%2c343.0 206.0%2c295.0 250.0%2c270.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c318.0 206.0%2c343.0 206.0%2c295.0 162.0%2c270.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 206.0%2c295.0 162.0%2c270.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c318.0 206.0%2c343.0 206.0%2c295.0 250.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c318.0 206.0%2c343.0 206.0%2c295.0 162.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c245.0 250.0%2c270.0 206.0%2c295.0 162.0%2c270.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='5'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.36972%3b0.37852%3b0.44894%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.36972%3b0.37852%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c270.0 294.0%2c295.0 294.0%2c247.0 338.0%2c222.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 294.0%2c247.0 250.0%2c222.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c197.0 338.0%2c222.0 294.0%2c247.0 250.0%2c222.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='338.0%2c270.0 294.0%2c295.0 294.0%2c247.0 338.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 294.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c197.0 338.0%2c222.0 294.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='6'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.44014%3b0.44894%3b0.51936%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.44014%3b0.44894%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 206.0%2c295.0 206.0%2c247.0 250.0%2c222.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c270.0 206.0%2c295.0 206.0%2c247.0 162.0%2c222.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c197.0 250.0%2c222.0 206.0%2c247.0 162.0%2c222.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 206.0%2c295.0 206.0%2c247.0 250.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='162.0%2c270.0 206.0%2c295.0 206.0%2c247.0 162.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c197.0 250.0%2c222.0 206.0%2c247.0 162.0%2c222.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='3'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.22887%3b0.23767%3b0.30809%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.22887%3b0.23767%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c343.0 250.0%2c368.0 250.0%2c320.0 294.0%2c295.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c343.0 250.0%2c368.0 250.0%2c320.0 206.0%2c295.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 250.0%2c320.0 206.0%2c295.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c343.0 250.0%2c368.0 250.0%2c320.0 294.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c343.0 250.0%2c368.0 250.0%2c320.0 206.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c270.0 294.0%2c295.0 250.0%2c320.0 206.0%2c295.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3cg class='pc' data-k='7'%3e%3canimateTransform attributeName='transform' type='translate' dur='5.68s' repeatCount='indefinite' calcMode='spline' keyTimes='0%3b0.51056%3b0.51936%3b0.58978%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%2c-60%3b0%2c-60%3b0%2c-56%3b0%2c0%3b0%2c0%3b0%2c0%3b0%2c-60%3b0%2c-60' keySplines='0 0 1 1%3b0 0 1 1%3b.16 .84 .32 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1%3b0 0 1 1'/%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.51056%3b0.51936%3b0.83627%3b0.9243%3b0.92606%3b1' values='0%3b0%3b1%3b1%3b0%3b0%3b0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c295.0 250.0%2c320.0 250.0%2c272.0 294.0%2c247.0' fill='%239B7BF0'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c295.0 250.0%2c320.0 250.0%2c272.0 206.0%2c247.0' fill='%237353EA'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c222.0 294.0%2c247.0 250.0%2c272.0 206.0%2c247.0' fill='%23C9BAF8'/%3e%3cg class='seam'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.67782%3b0.9243%3b0.95951%3b1' values='1%3b1%3b0%3b0%3b1%3b1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='294.0%2c295.0 250.0%2c320.0 250.0%2c272.0 294.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='206.0%2c295.0 250.0%2c320.0 250.0%2c272.0 206.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3cpolygon xmlns='http://www.w3.org/2000/svg' points='250.0%2c222.0 294.0%2c247.0 250.0%2c272.0 206.0%2c247.0' fill='none' stroke='rgba(255%2c255%2c255%2c.75)' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='glow'%3e%3canimate attributeName='opacity' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.61092%3b0.69542%3b1' values='0%3b0%3b1%3b0%3b0'/%3e%3cg transform='translate(250 222)'%3e%3cg%3e%3canimateTransform attributeName='transform' type='scale' dur='5.68s' repeatCount='indefinite' calcMode='linear' keyTimes='0%3b0.58979%3b0.61092%3b0.69542%3b1' values='0.985%3b0.985%3b1.005%3b1.055%3b1.055'/%3e%3cg transform='translate(-250 -222)'%3e%3cg xmlns='http://www.w3.org/2000/svg' transform='translate(-250 -222)'%3e%3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='rgba(115%2c83%2c234%2c.34)' stroke-width='11' stroke-linecap='round' filter='url(%23gb)'/%3e%3cline x1='250.0' y1='268.0' x2='338.0' y2='318.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='338.0' y1='318.0' x2='250.0' y2='368.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='368.0' x2='162.0' y2='318.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='162.0' y1='318.0' x2='250.0' y2='268.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='172.0' x2='338.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='338.0' y1='222.0' x2='250.0' y2='272.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='272.0' x2='162.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='162.0' y1='222.0' x2='250.0' y2='172.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='268.0' x2='250.0' y2='172.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='338.0' y1='318.0' x2='338.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='250.0' y1='368.0' x2='250.0' y2='272.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3cline x1='162.0' y1='318.0' x2='162.0' y2='222.0' stroke='rgba(196%2c181%2c253%2c.7)' stroke-width='2' stroke-linecap='round' filter='url(%23gr)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
 
 exports.default = img;

package/cjs/components/material-runbox/MaterialRunboxContent.js

@@ -19,6 +19,7 @@ var MaterialRunboxHeader = require('./MaterialRunboxHeader.js');
 var MaterialRunboxContext = require('./contexts/MaterialRunboxContext.js');
 var MaterialRunboxApiContext = require('./contexts/MaterialRunboxApiContext.js');
 var MaterialRunboxCommandContext = require('./contexts/MaterialRunboxCommandContext.js');
+var MaterialRunboxControlContext = require('./contexts/MaterialRunboxControlContext.js');
 var MaterialRunboxDiskUsageAlert = require('./disk/MaterialRunboxDiskUsageAlert.js');
 var MaterialRunboxDiskUsageDialog = require('./disk/MaterialRunboxDiskUsageDialog.js');
 var useMaterialRunboxRunboxIdStarterGet = require('./hooks/useMaterialRunboxRunboxIdStarterGet.js');
@@ -277,28 +278,30 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
       },
       onRunboxRefetchRequest: refetch,
       children: jsxRuntime.jsx(StyledRunboxContainer, {
-        children: jsxRuntime.jsxs(muiXSnackbar.SnackbarProvider, {
+        children: jsxRuntime.jsx(muiXSnackbar.SnackbarProvider, {
           domRoot: snackbarRoot !== null && snackbarRoot !== void 0 ? snackbarRoot : document.body,
           classes: {
             containerRoot: SNACKBAR_CONTAINER_CLASS
           },
-          children: [jsxRuntime.jsx(MaterialRunboxHeader.default, Object.assign({}, props, {
-            hideTimerPopover: hideTimerPopover
-          })), jsxRuntime.jsx(MaterialRunboxAlert.default, {
-            runbox: runbox,
-            courseId: courseId,
-            studentUserId: studentUserId,
-            userId: userId,
-            isTutoring: isTutoring
-          }), jsxRuntime.jsx(MaterialRunboxDiskUsageAlert.default, {
-            runtimeTemplateId: runtimeTemplate.id,
-            courseId: courseId,
-            userId: studentUserId
-          }), jsxRuntime.jsx(MaterialRunboxDiskUsageDialog.default, {
-            runboxId: runbox.id
-          }), jsxRuntime.jsx(MaterialRunboxBody.default, Object.assign({
-            setSnackbarRoot: setSnackbarRoot
-          }, props))]
+          children: jsxRuntime.jsxs(MaterialRunboxControlContext.default, Object.assign({}, props, {
+            children: [jsxRuntime.jsx(MaterialRunboxHeader.default, Object.assign({}, props, {
+              hideTimerPopover: hideTimerPopover
+            })), jsxRuntime.jsx(MaterialRunboxAlert.default, {
+              runbox: runbox,
+              courseId: courseId,
+              studentUserId: studentUserId,
+              userId: userId,
+              isTutoring: isTutoring
+            }), jsxRuntime.jsx(MaterialRunboxDiskUsageAlert.default, {
+              runtimeTemplateId: runtimeTemplate.id,
+              courseId: courseId,
+              userId: studentUserId
+            }), jsxRuntime.jsx(MaterialRunboxDiskUsageDialog.default, {
+              runboxId: runbox.id
+            }), jsxRuntime.jsx(MaterialRunboxBody.default, Object.assign({
+              setSnackbarRoot: setSnackbarRoot
+            }, props))]
+          }))
         })
       })
     })

package/cjs/components/material-runbox/MaterialRunboxHeader.js

@@ -23,7 +23,6 @@ var MaterialRunboxApiContext = require('./contexts/MaterialRunboxApiContext.js')
 var MaterialRunboxTimer = require('./timer/MaterialRunboxTimer.js');
 var MaterialRunboxStatusButton = require('./status/MaterialRunboxStatusButton.js');
 var useBreakpoint = require('../shared/hooks/useBreakpoint.js');
-var useRunboxControl = require('./hooks/useRunboxControl.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -71,16 +70,6 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
   var isRunboxRunning = status === 'running';
-  var _useRunboxControl = useRunboxControl.useRunboxControl({
-      runbox: runbox,
-      runtime: runtime,
-      courseId: courseId,
-      refetch: refetch,
-      userId: userId,
-      studentUserId: studentUserId,
-      isTutoring: isTutoring
-    }),
-    stopRuntime = _useRunboxControl.stop;
   //
   var _useQuery = reactQuery.useQuery({
       queryKey: ['getGlobalOrganizationGet', orgNameShort],
@@ -211,7 +200,6 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
         studentUserId: studentUserId,
         isTutoring: isTutoring,
         enableAutoShutdown: enableAutoShutdown,
-        stopRuntime: stopRuntime,
         menuAnchorEl: menuAnchorEl,
         refetch: refetch,
         handleMenuClose: handleMenuClose,
@@ -226,9 +214,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
     if (isTutoring) {
       return null;
     }
-    return jsxRuntime.jsx(MaterialRunboxActionDisconnect.default, {
-      stopRuntime: stopRuntime
-    });
+    return jsxRuntime.jsx(MaterialRunboxActionDisconnect.default, {});
   };
   //
   //
@@ -239,7 +225,6 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
       runboxId: runbox.id,
       userId: userId,
       headerElement: headerRef.current,
-      stopRuntime: stopRuntime,
       hideTimerPopover: hideTimerPopover,
       isTutoring: isTutoring
     }) : null, jsxRuntime.jsx(MaterialRunboxStatusButton.default, {

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnect.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-interface MaterialRunboxActionDisconnectProps {
-    stopRuntime: () => Promise<void>;
-}
-declare const MaterialRunboxActionDisconnect: React.FC<MaterialRunboxActionDisconnectProps>;
+declare const MaterialRunboxActionDisconnect: React.FC;
 export default MaterialRunboxActionDisconnect;

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnect.js

@@ -12,6 +12,7 @@ var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var material = require('@mui/material');
 var MaterialRunboxActionDisconnectDialog = require('./MaterialRunboxActionDisconnectDialog.js');
 var useBreakpoint = require('../../shared/hooks/useBreakpoint.js');
+var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,14 +21,15 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 //
 //
 //
-var MaterialRunboxActionDisconnect = function MaterialRunboxActionDisconnect(_ref) {
-  var stopRuntime = _ref.stopRuntime;
+var MaterialRunboxActionDisconnect = function MaterialRunboxActionDisconnect() {
   var intl$1 = intl.useRawEliceIntl();
   var isSmallTabletOrSmaller = useBreakpoint.useBreakpoint('md', 'down');
   var isMobileOrSmaller = useBreakpoint.useBreakpoint('sm', 'down');
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
   var isRunboxTerminated = status === 'terminated';
+  var _useMaterialRunboxCon = MaterialRunboxControlContext.useMaterialRunboxControlContext(),
+    stopRuntime = _useMaterialRunboxCon.stop;
   var _React$useState = React__default.default.useState(false),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     isDisconnectDialogOpen = _React$useState2[0],

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnectMenuItem.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-interface MaterialRunboxActionDisconnectMenuItemProps {
-    stopRuntime: () => Promise<void>;
-}
-declare const MaterialRunboxActionDisconnectMenuItem: React.FC<MaterialRunboxActionDisconnectMenuItemProps>;
+declare const MaterialRunboxActionDisconnectMenuItem: React.FC;
 export default MaterialRunboxActionDisconnectMenuItem;

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnectMenuItem.js

@@ -12,6 +12,7 @@ var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var lab = require('@mui/lab');
 var material = require('@mui/material');
 var MaterialRunboxActionDisconnectDialog = require('./MaterialRunboxActionDisconnectDialog.js');
+var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,44 +21,36 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 //
 //
 //
-var MaterialRunboxActionDisconnectMenuItem = function MaterialRunboxActionDisconnectMenuItem(_ref) {
-  var stopRuntime = _ref.stopRuntime;
+var MaterialRunboxActionDisconnectMenuItem = function MaterialRunboxActionDisconnectMenuItem() {
   var intl$1 = intl.useRawEliceIntl();
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
   var isRunboxTerminated = status === 'terminated';
+  var _useMaterialRunboxCon = MaterialRunboxControlContext.useMaterialRunboxControlContext(),
+    stopRuntime = _useMaterialRunboxCon.stop,
+    isStopping = _useMaterialRunboxCon.isStopping;
   var _React$useState = React__default.default.useState(false),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     isDisconnectDialogOpen = _React$useState2[0],
     setDisconnectDialogOpen = _React$useState2[1];
-  var _React$useState3 = React__default.default.useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    isStopRuntimeLoading = _React$useState4[0],
-    setStopRuntimeLoading = _React$useState4[1];
   /**
    *
    */
   var handleConfirmDisconnect = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+    var _ref = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
       return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
-        while (1) switch (_context.p = _context.n) {
+        while (1) switch (_context.n) {
           case 0:
             setDisconnectDialogOpen(false);
-            setStopRuntimeLoading(true);
-            _context.p = 1;
-            _context.n = 2;
+            _context.n = 1;
             return stopRuntime();
-          case 2:
-            _context.p = 2;
-            setStopRuntimeLoading(false);
-            return _context.f(2);
-          case 3:
+          case 1:
             return _context.a(2);
         }
-      }, _callee, null, [[1,, 2, 3]]);
+      }, _callee);
     }));
     return function handleConfirmDisconnect() {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();
   //
@@ -65,9 +58,10 @@ var MaterialRunboxActionDisconnectMenuItem = function MaterialRunboxActionDiscon
   //
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [jsxRuntime.jsxs(material.MenuItem, {
+      fullWidth: true,
       component: lab.LoadingButton,
       color: "inherit",
-      loading: isStopRuntimeLoading,
+      loading: isStopping,
       disabled: isRunboxTerminated,
       onClick: function onClick() {
         return setDisconnectDialogOpen(true);

package/cjs/components/material-runbox/actions/MaterialRunboxActionMenu.d.ts

@@ -4,7 +4,6 @@ type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | '
     menuAnchorEl: null | HTMLButtonElement;
     /** Whether the auto-shutdown toggle is available. Decided by the header. */
     enableAutoShutdown?: boolean;
-    stopRuntime: () => Promise<void>;
     handleMenuClose: () => void;
 };
 declare const MaterialRunboxActionMenu: React.FC<MaterialRunboxActionMenuProps>;

package/cjs/components/material-runbox/actions/MaterialRunboxActionMenu.js

@@ -34,7 +34,6 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
     isTutoring = _ref.isTutoring,
     _ref$enableAutoShutdo = _ref.enableAutoShutdown,
     enableAutoShutdown = _ref$enableAutoShutdo === void 0 ? false : _ref$enableAutoShutdo,
-    stopRuntime = _ref.stopRuntime,
     menuAnchorEl = _ref.menuAnchorEl,
     refetch = _ref.refetch,
     getAchievementColor = _ref.getAchievementColor,
@@ -116,12 +115,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
     }) : null, jsxRuntime.jsx(MaterialRunboxActionShare.default, {
       handleMenuClose: handleMenuClose
     }), jsxRuntime.jsx(MaterialRunboxActionRestart.default, {
-      runbox: runbox,
-      runtime: runtime,
-      courseId: courseId,
       envMode: envMode,
-      studentUserId: studentUserId,
-      refetch: refetch,
       handleMenuClose: handleMenuClose
     }), isTutoring && studentUserId ? jsxRuntime.jsx(MaterialRunboxActionSubmitLog.default, {
       runboxId: runbox === null || runbox === void 0 ? void 0 : runbox.id,
@@ -134,9 +128,7 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       courseId: courseId,
       envMode: envMode,
       handleMenuClose: handleMenuClose
-    }), isMobileOrSmaller && !isTutoring ? jsxRuntime.jsx(MaterialRunboxActionDisconnectMenuItem.default, {
-      stopRuntime: stopRuntime
-    }) : null]
+    }), isMobileOrSmaller && !isTutoring ? jsxRuntime.jsx(MaterialRunboxActionDisconnectMenuItem.default, {}) : null]
   });
 };
 

package/cjs/components/material-runbox/actions/MaterialRunboxActionRestart.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { enums } from '@elice/types';
-import type { RuntimeProps } from '../runtime/Runtime';
-type MaterialRunboxActionRestartProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'studentUserId'> & {
+type MaterialRunboxActionRestartProps = {
     envMode: enums.LeaderboardEnvModeType;
     handleMenuClose: () => void;
 };

package/cjs/components/material-runbox/actions/MaterialRunboxActionRestart.js

@@ -11,7 +11,7 @@ var types = require('@elice/types');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var lab = require('@mui/lab');
 var material = require('@mui/material');
-var useRunboxControl = require('../hooks/useRunboxControl.js');
+var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -21,31 +21,16 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 //
 //
 var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
-  var runbox = _ref.runbox,
-    runtime = _ref.runtime,
-    courseId = _ref.courseId,
-    refetch = _ref.refetch,
-    studentUserId = _ref.studentUserId,
-    envMode = _ref.envMode,
+  var envMode = _ref.envMode,
     handleMenuClose = _ref.handleMenuClose;
   var intl$1 = intl.useRawEliceIntl();
   var _React$useState = React__default.default.useState(false),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isLoading = _React$useState2[0],
-    setIsLoading = _React$useState2[1];
-  var _React$useState3 = React__default.default.useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    isDialogOpened = _React$useState4[0],
-    setDialogOpened = _React$useState4[1];
-  // restart
-  var _useRunboxControl = useRunboxControl.useRunboxControl({
-      runbox: runbox,
-      runtime: runtime,
-      courseId: courseId,
-      refetch: refetch,
-      userId: studentUserId
-    }),
-    start = _useRunboxControl.start;
+    isDialogOpened = _React$useState2[0],
+    setDialogOpened = _React$useState2[1];
+  var _useMaterialRunboxCon = MaterialRunboxControlContext.useMaterialRunboxControlContext(),
+    start = _useMaterialRunboxCon.start,
+    isStarting = _useMaterialRunboxCon.isStarting;
   /**
    *
    */
@@ -56,7 +41,6 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
    *
    */
   var handleRestartAction = function handleRestartAction() {
-    setIsLoading(true);
     start({
       force: true
     })["catch"](function () {
@@ -64,7 +48,6 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
     })["finally"](function () {
       handleDialogClose();
       handleMenuClose();
-      setIsLoading(false);
     });
   };
   /**
@@ -116,7 +99,7 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
       }), jsxRuntime.jsxs(material.DialogActions, {
         children: [jsxRuntime.jsx(material.Button, {
           color: "inherit",
-          disabled: isLoading,
+          disabled: isStarting,
           onClick: handleDialogClose,
           children: intl$1.formatMessage({
             id: 'runbox.common.close'
@@ -124,7 +107,7 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
         }), jsxRuntime.jsx(lab.LoadingButton, {
           variant: "contained",
           color: "warning",
-          loading: isLoading,
+          loading: isStarting,
           onClick: handleRestartAction,
           children: intl$1.formatMessage({
             id: 'runbox.action.restart.dialog.actions.confirm'

package/cjs/components/material-runbox/contexts/MaterialRunboxControlContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { UseRunboxControlProps, UseRunboxControlReturn } from '../hooks/useRunboxControl';
+export type MaterialRunboxControlContextValue = UseRunboxControlReturn;
+export interface MaterialRunboxControlContextProps extends UseRunboxControlProps {
+    children?: React.ReactNode;
+}
+export declare const MaterialRunboxControlContext: React.Context<UseRunboxControlReturn>;
+export declare const useMaterialRunboxControlContext: () => UseRunboxControlReturn;
+/**
+ * Owns the single `useRunboxControl` instance for one runbox, so every consumer
+ * shares one abort controller and one pre-check result.
+ */
+declare const MaterialRunboxControlContextProvider: React.FC<MaterialRunboxControlContextProps>;
+export default MaterialRunboxControlContextProvider;

package/cjs/components/material-runbox/contexts/MaterialRunboxControlContext.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useRunboxControl = require('../hooks/useRunboxControl.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var MaterialRunboxControlContext = React__default.default.createContext({});
+var useMaterialRunboxControlContext = function useMaterialRunboxControlContext() {
+  return React__default.default.useContext(MaterialRunboxControlContext);
+};
+//
+//
+//
+/**
+ * Owns the single `useRunboxControl` instance for one runbox, so every consumer
+ * shares one abort controller and one pre-check result.
+ */
+var MaterialRunboxControlContextProvider = function MaterialRunboxControlContextProvider(_a) {
+  var children = _a.children,
+    props = tslib.__rest(_a, ["children"]);
+  var _useRunboxControl = useRunboxControl.useRunboxControl(props),
+    start = _useRunboxControl.start,
+    stop = _useRunboxControl.stop,
+    isStarting = _useRunboxControl.isStarting,
+    isStopping = _useRunboxControl.isStopping,
+    preCheckStatus = _useRunboxControl.preCheckStatus;
+  // The hook hands back one mutated ref, so a stable value would leave
+  // consumers reading stale fields once anything below here is memoized.
+  var value = React__default.default.useMemo(function () {
+    return {
+      start: start,
+      stop: stop,
+      isStarting: isStarting,
+      isStopping: isStopping,
+      preCheckStatus: preCheckStatus
+    };
+  }, [start, stop, isStarting, isStopping, preCheckStatus]);
+  return jsxRuntime.jsx(MaterialRunboxControlContext.Provider, {
+    children: children,
+    value: value
+  });
+};
+
+exports.MaterialRunboxControlContext = MaterialRunboxControlContext;
+exports.default = MaterialRunboxControlContextProvider;
+exports.useMaterialRunboxControlContext = useMaterialRunboxControlContext;

package/cjs/components/material-runbox/contexts/index.d.ts

@@ -1,6 +1,8 @@
 export { default as MaterialRunboxApiContextProvider, MaterialRunboxApiContext, useMaterialRunboxApiContext, } from './MaterialRunboxApiContext';
 export { default as MaterialRunboxCommandContextProvider, MaterialRunboxCommandContext, useMaterialRunboxCommandContext, } from './MaterialRunboxCommandContext';
+export { default as MaterialRunboxControlContextProvider, MaterialRunboxControlContext, useMaterialRunboxControlContext, } from './MaterialRunboxControlContext';
 export { default as MaterialRunboxContextProvider, MaterialRunboxContext, useMaterialRunboxContext, } from './MaterialRunboxContext';
 export type { MaterialRunboxApiContextProps, MaterialRunboxApiContextValue, } from './MaterialRunboxApiContext';
 export type { MaterialRunboxCommandContextProps, MaterialRunboxCommandContextValue, } from './MaterialRunboxCommandContext';
 export type { MaterialRunboxContextProps, MaterialRunboxContextValue, } from './MaterialRunboxContext';
+export type { MaterialRunboxControlContextProps, MaterialRunboxControlContextValue, } from './MaterialRunboxControlContext';

package/cjs/components/material-runbox/contexts/index.js

@@ -2,6 +2,7 @@
 
 var MaterialRunboxApiContext = require('./MaterialRunboxApiContext.js');
 var MaterialRunboxCommandContext = require('./MaterialRunboxCommandContext.js');
+var MaterialRunboxControlContext = require('./MaterialRunboxControlContext.js');
 var MaterialRunboxContext = require('./MaterialRunboxContext.js');
 
 
@@ -12,6 +13,9 @@ exports.useMaterialRunboxApiContext = MaterialRunboxApiContext.useMaterialRunbox
 exports.MaterialRunboxCommandContext = MaterialRunboxCommandContext.MaterialRunboxCommandContext;
 exports.MaterialRunboxCommandContextProvider = MaterialRunboxCommandContext.default;
 exports.useMaterialRunboxCommandContext = MaterialRunboxCommandContext.useMaterialRunboxCommandContext;
+exports.MaterialRunboxControlContext = MaterialRunboxControlContext.MaterialRunboxControlContext;
+exports.MaterialRunboxControlContextProvider = MaterialRunboxControlContext.default;
+exports.useMaterialRunboxControlContext = MaterialRunboxControlContext.useMaterialRunboxControlContext;
 exports.MaterialRunboxContext = MaterialRunboxContext.MaterialRunboxContext;
 exports.MaterialRunboxContextProvider = MaterialRunboxContext.default;
 exports.useMaterialRunboxContext = MaterialRunboxContext.useMaterialRunboxContext;

package/cjs/components/material-runbox/disk/MaterialRunboxEnvResetButton.d.ts

@@ -4,7 +4,6 @@ export interface MaterialRunboxEnvResetButtonProps extends Omit<ButtonProps, 'on
     runtimeTemplateId: string;
     courseId: number;
     userId?: number;
-    onSuccess?: () => void;
 }
 declare const MaterialRunboxEnvResetButton: React.FC<MaterialRunboxEnvResetButtonProps>;
 export default MaterialRunboxEnvResetButton;