@keyframes ui-toast-progress{0%{width:100%}to{width:0%}}.sf-field{width:100%;height:40px;padding:0 14px;border-radius:12px;border:1px solid #e2e8f0;background-color:#fff;display:flex;align-items:center;overflow:hidden;box-shadow:0 1px 2px #0f172a0d;transition:border-color .15s,box-shadow .15s}.sf-field:hover{border-color:#cbd5e1}.dark .sf-field{border-color:#334155;background-color:#0f172a}.sf-field--error{border-color:#f87171!important}.dark .sf-field--error{border-color:#dc2626!important}.sf-field iframe{width:100%;height:100%;border:none;background:transparent}