.sl-invalid{border-color:#ff5f57 !important;box-shadow:0 0 0 2px rgba(255,95,87,.15) !important;}
.sl-err{display:block;margin:6px 0 0;font-size:13px;line-height:1.35;color:#ff8a84;letter-spacing:.2px;animation:slErrIn .18s ease both;}
.sl-err::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff5f57;margin-right:7px;vertical-align:middle;}
@keyframes slErrIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.sl-note{display:block;margin:14px 0 0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;letter-spacing:.2px;text-align:left;border:1px solid transparent;animation:slNoteIn .2s ease both;}
.sl-note a{color:inherit;text-decoration:underline;}
.sl-note--ok{background:rgba(0,230,118,.10);border-color:rgba(0,230,118,.45);color:#7CF3B4;}
.sl-note--warn{background:rgba(255,193,7,.10);border-color:rgba(255,193,7,.45);color:#FFD666;}
.sl-note--err{background:rgba(255,95,87,.10);border-color:rgba(255,95,87,.45);color:#FF9A94;}
@keyframes slNoteIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#loader{animation:slLoaderFallback 0s linear 8s forwards;}
@keyframes slLoaderFallback{to{opacity:0;visibility:hidden;pointer-events:none;}}