.dd-sm{width:var(--sm-size);height:var(--sm-size);vertical-align:middle;color:var(--sm-color);transition:color var(--dur-ui) var(--dd-ease);flex:none;place-items:center;line-height:0;display:inline-grid}.dd-sm[data-status=done]{color:var(--sm-done)}.dd-sm[data-status=error]{color:var(--sm-error)}.dd-sm-svg{overflow:visible}.dd-sm-svg circle,.dd-sm-svg path{fill:none;stroke:currentColor;stroke-width:var(--sm-stroke);stroke-linecap:round;stroke-linejoin:round}.dd-sm-svg .dd-sm-disc{stroke-opacity:0;fill:currentColor;fill-opacity:0;transition:fill-opacity var(--dur-ui) var(--dd-ease)}.dd-sm[data-status=done] .dd-sm-disc,.dd-sm[data-status=error] .dd-sm-disc{fill-opacity:.06}.dd-sm-spin{transform-box:view-box;transform-origin:12px 12px}.dd-sm[data-status=pending] .dd-sm-spin{animation:dd-sm-turn var(--dur-spin) linear infinite}.dd-sm-arrow{transition:opacity var(--dur-ui) var(--dd-ease)}.dd-sm:not([data-status=idle]) .dd-sm-arrow{opacity:0}.dd-sm[data-status=idle] .dd-sm-svg{transition:translate var(--dur-ui) var(--dd-ease)}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled) .dd-sm[data-status=idle] .dd-sm-svg{translate:var(--dd-nudge) 0}}@media (prefers-reduced-motion:reduce){.dd-sm[data-status=idle] .dd-sm-svg{translate:none!important}}:root[data-dd-motion=paused] .dd-sm[data-status=idle] .dd-sm-svg{translate:none!important}.dd-sm-ring{opacity:0;stroke-dasharray:68 32;transition:stroke-dasharray var(--dur-exit) var(--dd-ease), opacity var(--dur-ui) var(--dd-ease)}.dd-sm[data-status=pending] .dd-sm-ring{opacity:1;stroke-dasharray:68 32}.dd-sm[data-status=done] .dd-sm-ring,.dd-sm[data-status=error] .dd-sm-ring{opacity:1;stroke-dasharray:100 0}.dd-sm-glyph{stroke-dasharray:1 2;stroke-dashoffset:1.05px;opacity:0;transition:stroke-dashoffset var(--dur-press) var(--dd-ease-exit), opacity 0s linear var(--dur-press)}.dd-sm[data-status=done] .dd-sm-check,.dd-sm[data-status=error] .dd-sm-cross{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset var(--dur-exit) var(--dd-ease) var(--dur-press), opacity 0s linear var(--dur-press)}.dd-sm[data-status=error] .dd-sm-svg{animation:dd-sm-shake var(--dur-press) var(--dd-ease) 2}@keyframes dd-sm-turn{to{rotate:360deg}}@keyframes dd-sm-shake{25%{translate:-2px}75%{translate:2px}}@media (prefers-reduced-motion:reduce){.dd-sm,.dd-sm *,.dd-sm[data-status] .dd-sm-glyph{transition:none!important;animation:none!important}}.dd-sm[data-still],.dd-sm[data-still] *,.dd-sm[data-still][data-status] .dd-sm-glyph,:root[data-dd-motion=paused] .dd-sm,:root[data-dd-motion=paused] .dd-sm *,:root[data-dd-motion=paused] .dd-sm[data-status] .dd-sm-glyph{transition:none!important;animation:none!important}@media (forced-colors:active){.dd-sm{color:canvastext}}