:root,:root[data-theme=light]{--field-bg:#76768017;--field-bg-surface:#fff}:root[data-theme=dark]{--field-bg:#76768033;--field-bg-surface:#1c1c1f}.o-field-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.o-field{background:var(--field-bg);min-height:56px;transition:box-shadow .22s var(--ease-out), background-color .22s var(--ease-out);cursor:text;border-radius:16px;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000}.o-field--surface{background:var(--field-bg-surface);box-shadow:inset 0 0 0 1px var(--hairline)}.o-field.is-focused{box-shadow:inset 0 0 0 1.5px var(--tint), 0 0 0 4px var(--tint-soft)}.o-field.is-error{box-shadow:inset 0 0 0 1.5px var(--danger), 0 0 0 4px var(--danger-soft)}.o-field.is-disabled{opacity:.5}.o-field.is-multiline{align-items:flex-start;padding-top:6px;padding-bottom:8px}.o-field__main{flex-direction:column;flex:1;justify-content:center;align-self:stretch;min-width:0;display:flex;position:relative}.o-field__label{line-height:22px;font-size:var(--fs-body);color:var(--text-2);transform-origin:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:-11px;position:absolute;top:50%;left:0;overflow:hidden}.o-field.is-multiline .o-field__label{margin-top:0;top:17px}.o-field.is-focused .o-field__label{color:var(--tint)}.o-field.is-error .o-field__label{color:var(--danger)}.o-field__input{width:100%;font-size:var(--fs-body);color:var(--text);caret-color:var(--tint);resize:none;background:0 0;border:0;outline:0;min-width:0;padding:0;line-height:22px}.o-field.has-label .o-field__input{padding-top:18px;padding-bottom:2px}.o-field.has-label.is-multiline .o-field__input{padding-top:20px}.o-field__input::placeholder{color:var(--text-3)}.o-field__input:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 9999s}.o-field__icon{flex-shrink:0;transition:color .2s}.o-field__prefix,.o-field__suffix{color:var(--text-2);font-size:var(--fs-body);flex-shrink:0;align-items:center;display:inline-flex}.o-field.has-label .o-field__prefix{padding-top:16px}.o-field__clear,.o-field__eye{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;margin-right:-6px;display:grid}.o-field__hint{font-size:var(--fs-footnote);color:var(--text-2);justify-content:space-between;gap:12px;padding:0 6px;display:flex}.o-field__hint.is-error{color:var(--danger)}.o-search{align-items:center;width:100%;display:flex}.o-search__box{background:var(--fill-3);border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;height:40px;padding:0 10px 0 12px;transition:background-color .2s;display:flex}.o-search__box input{min-width:0;font-size:var(--fs-body);color:var(--text);caret-color:var(--tint);background:0 0;border:0;outline:0;flex:1;height:100%;padding:0}.o-search__box input::placeholder{color:var(--text-2)}.o-search__box input::-webkit-search-cancel-button{-webkit-appearance:none}.o-search__clear{border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.o-search__cancel{color:var(--tint);font-size:var(--fs-body);white-space:nowrap;flex-shrink:0;font-weight:500;overflow:hidden}.o-otp{justify-content:center;gap:8px;display:flex;position:relative}.o-otp__input{opacity:0;color:#0000;caret-color:#0000;z-index:2;letter-spacing:40px;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.o-otp__cell{background:var(--field-bg);width:48px;height:58px;font-size:calc(26px * var(--ts));font-variant-numeric:tabular-nums;color:var(--text);transition:box-shadow .2s var(--ease-out), background-color .25s var(--ease-out), color .25s;border-radius:16px;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000}.o-otp__cell.is-caret{box-shadow:inset 0 0 0 1.5px var(--tint), 0 0 0 4px var(--tint-soft)}.o-otp__caret{background:var(--tint);border-radius:2px;width:2px;height:26px;animation:1s step-end infinite o-caret}@keyframes o-caret{50%{opacity:0}}.o-otp.is-error .o-otp__cell{box-shadow:inset 0 0 0 1.5px var(--danger);color:var(--danger);background:var(--danger-soft)}.o-otp.is-success .o-otp__cell{box-shadow:inset 0 0 0 1.5px var(--success);color:var(--success);background:var(--success-soft)}@media (max-width:360px){.o-otp__cell{width:42px;height:52px}.o-otp{gap:6px}}