.spinner[data-v-21ec82a3]{z-index:2}.spinner .circle[data-v-21ec82a3],.spinner .tick[data-v-21ec82a3]{stroke-width:5px;stroke:var(--spinner-color,var(--color-black-500));transition:all .2s}.spinner .circle[data-v-21ec82a3]{transform-origin:3.125rem 3.125rem 0;stroke-dasharray:500}.spinner .cross-line[data-v-21ec82a3]{stroke-width:5px;stroke-dasharray:100;stroke-dashoffset:100px;stroke:var(--ui-error);transition:all .2s}.spinner .cross-line.cross-line--2[data-v-21ec82a3]{transition-delay:.1s}.spinner.error .tick[data-v-21ec82a3],.spinner.loading .cross-line[data-v-21ec82a3],.spinner.loading .tick[data-v-21ec82a3],.spinner.success .cross-line[data-v-21ec82a3]{opacity:0}.spinner.loading .circle[data-v-21ec82a3]{stroke-dasharray:314;stroke-dashoffset:1000px;stroke-linejoin:circle;animation:2.1s linear infinite spin-21ec82a3}.spinner.success .tick[data-v-21ec82a3]{stroke-dasharray:1000;stroke-dashoffset:1000px;stroke:var(--ui-error);animation:8s ease-out forwards draw-21ec82a3}.spinner.success .circle[data-v-21ec82a3]{stroke-dashoffset:66px;stroke:var(--ui-error)}.spinner.error .cross-line[data-v-21ec82a3]{stroke-dashoffset:0}.spinner.error .circle[data-v-21ec82a3]{stroke-dashoffset:66px;stroke:var(--ui-error)}.spinner.alt .circle[data-v-21ec82a3],.spinner.alt .tick[data-v-21ec82a3]{stroke:#fff}@keyframes spin-21ec82a3{0%{stroke-dashoffset:66px;transform:rotate(0)}50%{stroke-dashoffset:314px;transform:rotate(540deg)}to{stroke-dashoffset:66px;transform:rotate(3turn)}}@keyframes draw-21ec82a3{to{stroke-dashoffset:0}}.spinner--attachments.loading .spinner .circle[data-v-21ec82a3],.spinner--attachments.loading .spinner .tick[data-v-21ec82a3],.spinner--attachments.success .spinner .circle[data-v-21ec82a3],.spinner--attachments.success .spinner .tick[data-v-21ec82a3]{stroke-width:8px;stroke:var(--spinner-color,var(--color-black-500))}.dark .spinner .circle,.dark .spinner .tick,.dark .spinner--attachments.loading .spinner .circle,.dark .spinner--attachments.loading .spinner .tick,.dark .spinner--attachments.success .spinner .circle,.dark .spinner--attachments.success .spinner .tick{stroke:var(--ui-text-inverted)}