@square/maker/components/Loading/styles.css

📚 Maker Design System by Square

:root{--spinner-diameter:16px;--spinner-lg-diameter:64px;--offset:calc(var(--spinner-diameter)*3.145);--duration:1.5s}.\1F4DA 4-7-02c_Rd{display:flex;justify-content:center}.\1F4DA 4-7-01n0Q7{animation:\1F4DA 4-7-0194NH var(--duration) linear infinite}.\1F4DA 4-7-01n0Q7.\1F4DA 4-7-03SVYh{width:var(--spinner-diameter);height:var(--spinner-diameter)}.\1F4DA 4-7-01n0Q7.\1F4DA 4-7-0374rx{width:var(--spinner-lg-diameter);height:var(--spinner-lg-diameter)}.\1F4DA 4-7-01V7YV{transform-origin:center;animation:\1F4DA 4-7-03uJqn var(--duration) ease-in-out infinite;stroke:currentColor;stroke-dasharray:var(--offset)}.\1F4DA 4-7-01V7YV.\1F4DA 4-7-03SVYh{stroke-width:2px}.\1F4DA 4-7-01V7YV.\1F4DA 4-7-0374rx{stroke-width:1px}@keyframes \1F4DA 4-7-0194NH{to{transform:rotate(270deg)}}@keyframes \1F4DA 4-7-03uJqn{0%{stroke-dashoffset:var(--offset)}50%{transform:rotate(135deg);stroke-dashoffset:calc(var(--offset)/3)}to{transform:rotate(450deg);stroke-dashoffset:var(--offset)}}