.im-morph{isolation:isolate;position:relative;overflow:hidden;transition:background-color var(--dur-4) var(--ease-inout), border-color var(--dur-4) var(--ease-inout), color .24s ease, transform .18s ease!important}.im-morph .im-label{z-index:1;white-space:nowrap;transition:opacity .22s ease var(--dur-1);position:relative}.im-morph[data-circle] .im-label{opacity:0;transition:opacity .14s}.im-morph .im-glyph{z-index:2;opacity:0;pointer-events:none;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.im-morph[data-circle] .im-glyph{opacity:1;transition:opacity var(--dur-3) ease var(--dur-1)}.im-morph .im-glyph>*{opacity:0;grid-area:1/1;width:20px;height:20px;transition:opacity .18s}.im-morph[data-phase=loading] .im-spinner{opacity:1;animation:im-spin var(--dur-6) linear infinite}.im-morph[data-phase=success] .im-check,.im-morph[data-phase=error] .im-bang{opacity:1}.im-morph[data-phase=loading]{color:var(--accent)!important;background-color:#fff!important;border-color:#0000!important}.im-morph[data-phase=success]{animation:.46s cubic-bezier(.34,1.4,.64,1) im-pop;background-color:var(--success)!important;color:#fff!important;border-color:#0000!important}.im-morph[data-phase=error]{animation:.42s cubic-bezier(.36,.07,.19,.97) im-shake;color:#fff!important;background-color:#ff7559!important;border-color:#0000!important}.im-morph[data-interested][data-phase=idle]{background-color:var(--success)!important;color:#fff!important;border-color:#0000!important}.im-morph[data-interested]{cursor:default!important}.im-morph[data-interested]:hover{transform:none!important}.im-spinner circle{stroke-dasharray:42 18;stroke-linecap:round}.im-check path{stroke-dasharray:30;stroke-dashoffset:0}.im-morph[data-phase=success] .im-check path{animation:im-draw .36s 60ms var(--ease-draw) both}.im-bang{font-family:var(--font-arabic);color:#fff;place-items:center;font-size:16px;font-weight:800;display:grid}@keyframes im-spin{to{transform:rotate(360deg)}}@keyframes im-draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}@keyframes im-pop{0%{transform:scale(.92)}55%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes im-shake{10%,90%{transform:translate(-1.5px)}20%,80%{transform:translate(2.5px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.im-nomotion .im-morph,.im-nomotion .im-morph *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.im-morph{transition:background-color .01ms,color .01ms,border-color .01ms!important}.im-morph .im-label,.im-morph[data-circle] .im-label,.im-morph .im-glyph,.im-morph[data-circle] .im-glyph,.im-morph .im-glyph>*{transition-duration:.01ms;transition-delay:0s}.im-morph[data-phase=success],.im-morph[data-phase=error],.im-morph[data-phase=success] .im-check path{animation:none}.im-morph[data-phase=loading] .im-spinner{animation-duration:1.4s}}
