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