s.esmaeiliandClaude Opus 5.5
b5b3cd8bef
Production build of both customer apps for f441ca8 (appearance settings,
dark mode, reduced motion, product morph, filter sheet). The API,
admin-panel and shared-types builds are unchanged: none of their sources
changed.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
.otp-single-input{display:flex;align-items:center}.auth[data-v-5676980f]{background:var(--c-page);min-height:100vh}.auth__body[data-v-5676980f]{padding-top:86px;padding-bottom:90px}.auth__intro[data-v-5676980f]{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:24px}.auth__mark[data-v-5676980f]{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--c-wine);background:var(--c-wineWash)}.auth__title[data-v-5676980f]{margin:14px 0 0;font-size:16px;font-weight:800;color:var(--c-ink)}.auth__sub[data-v-5676980f]{margin:6px 0 0;font-size:12.5px;color:var(--c-inkFaint)}.auth__card[data-v-5676980f]{padding:18px 16px;border:1px solid var(--c-hairline);border-radius:20px;background:var(--c-canvasSoft)}.auth__otp[data-v-5676980f]{display:flex;justify-content:center;gap:10px;direction:ltr;padding-bottom:6px}.auth__timer[data-v-5676980f]{margin:12px 0 16px;text-align:center;font-size:11.5px;color:var(--c-inkMuted)}.auth__form[data-v-5676980f] .ant-form-item-label>label{font-size:12px;color:var(--c-inkMuted)}.auth__cta[data-v-5676980f]{width:100%;padding:13px 18px;border:0;cursor:pointer;border-radius:14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--c-onInk);background:var(--c-ink);transition:transform .15s ease,opacity .15s ease}.auth__cta[data-v-5676980f]:active{transform:scale(.99)}.auth__cta[data-v-5676980f]:disabled{opacity:.45;cursor:default}.auth__switch[data-v-5676980f]{margin:20px 0 0;text-align:center;font-size:12px;color:var(--c-inkMuted)}.auth__switch button[data-v-5676980f]{border:0;background:none;cursor:pointer;padding:0 3px;font-family:inherit;font-size:12px;font-weight:700;color:var(--c-wine)}.otp-input{width:48px;height:52px;padding:5px;margin:0;font-size:19px;font-weight:700;color:var(--c-ink);background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:13px;text-align:center;transition:border-color .18s ease}.otp-input:focus{outline:none;border-color:var(--c-ink)}.otp-input.error{border-color:#e31a1a!important}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reg[data-v-84dbe021]{min-height:100vh;background:var(--c-page)}.reg__body[data-v-84dbe021]{padding-top:78px;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.reg__head[data-v-84dbe021]{padding:6px 2px 22px}.reg__steps[data-v-84dbe021]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.reg__seg[data-v-84dbe021]{position:relative;height:4px;border-radius:4px;background:var(--c-hairline);overflow:hidden}.reg__seg[data-v-84dbe021]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--c-wine);transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.65,0,.35,1)}.reg__seg.is-on[data-v-84dbe021]:after{transform:scaleX(1)}.reg__stepLabel[data-v-84dbe021]{margin:14px 0 0;font-size:11.5px;font-weight:700;color:var(--c-wine)}.reg__title[data-v-84dbe021]{margin:4px 0 0;font-size:20px;font-weight:800;color:var(--c-ink);letter-spacing:-.2px}.reg__sub[data-v-84dbe021]{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:var(--c-inkMuted)}.reg__row[data-v-84dbe021]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.reg__form[data-v-84dbe021] .ant-form-item{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:0;margin-bottom:16px}.reg__form[data-v-84dbe021] .ant-form-item-label,.reg__form[data-v-84dbe021] .ant-form-item-control{flex:none;width:100%;max-width:100%;min-width:0;text-align:right}.reg__form[data-v-84dbe021] .ant-form-item-label{padding:0 0 6px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reg__form[data-v-84dbe021] .ant-form-item-label>label{height:auto;font-size:12px;font-weight:700;color:var(--c-inkSoft)}.reg__form[data-v-84dbe021] .ant-form-item-label>label:before{display:none!important}.reg__form[data-v-84dbe021] .ant-input,.reg__form[data-v-84dbe021] .ant-input-affix-wrapper{border-radius:14px;border:1.5px solid var(--c-hairline);background:var(--c-canvasSoft);font-family:inherit;font-size:14px;color:var(--c-ink);box-shadow:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.reg__form[data-v-84dbe021] .ant-input{min-height:50px;padding:12px 14px}.reg__form[data-v-84dbe021] .ant-input-affix-wrapper{min-height:50px;padding:0 14px}.reg__form[data-v-84dbe021] .ant-input-affix-wrapper .ant-input{min-height:46px;padding:0;border:0;background:transparent;box-shadow:none}.reg__form[data-v-84dbe021] textarea.ant-input{min-height:96px;line-height:1.8;resize:none}.reg__form[data-v-84dbe021] .ant-input-prefix{margin-inline-end:10px;color:var(--c-inkFaint);transition:color .2s ease}.reg__form[data-v-84dbe021] .ant-input::-moz-placeholder{color:var(--c-inkFaint)}.reg__form[data-v-84dbe021] .ant-input::placeholder{color:var(--c-inkFaint)}.reg__form[data-v-84dbe021] .ant-input:hover,.reg__form[data-v-84dbe021] .ant-input-affix-wrapper:hover{border-color:var(--c-hairlineStrong)}.reg__form[data-v-84dbe021] .ant-input:focus,.reg__form[data-v-84dbe021] .ant-input-focused,.reg__form[data-v-84dbe021] .ant-input-affix-wrapper-focused{border-color:var(--c-wine);background:var(--c-canvas);box-shadow:0 0 0 4px rgb(var(--c-wine-rgb) / 10%)}.reg__form[data-v-84dbe021] .ant-input:focus .ant-input-prefix,.reg__form[data-v-84dbe021] .ant-input-focused .ant-input-prefix,.reg__form[data-v-84dbe021] .ant-input-affix-wrapper-focused .ant-input-prefix{color:var(--c-wine)}.reg__form[data-v-84dbe021] .ant-input-affix-wrapper-focused .ant-input-prefix{color:var(--c-wine)}.reg__form[data-v-84dbe021] .ant-form-item-has-error .ant-input,.reg__form[data-v-84dbe021] .ant-form-item-has-error .ant-input-affix-wrapper{border-color:var(--c-red)!important;background:rgb(var(--c-red-rgb) / 3%)}.reg__form[data-v-84dbe021] .ant-form-item-has-error .ant-input:focus,.reg__form[data-v-84dbe021] .ant-form-item-has-error .ant-input-affix-wrapper-focused{box-shadow:0 0 0 4px rgb(var(--c-red-rgb) / 10%)!important}.reg__form[data-v-84dbe021] .ant-form-item-has-error .ant-input-affix-wrapper .ant-input{background:transparent;border:0!important}.reg__form[data-v-84dbe021] .ant-form-item-explain,.reg__form[data-v-84dbe021] .ant-form-item-extra{min-height:0;margin-top:6px;font-size:11.5px;line-height:1.6}.reg__form[data-v-84dbe021] .ant-form-item-extra{color:var(--c-inkFaint)}.reg__form[data-v-84dbe021] .ant-form-item-children-icon{display:none}.reg__num[data-v-84dbe021] input{direction:ltr;text-align:right;letter-spacing:.5px}.reg__note[data-v-84dbe021]{display:flex;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;border-radius:14px;background:var(--c-wineWash);color:var(--c-wine);font-size:12px;font-weight:600;line-height:1.8}.reg__note[data-v-84dbe021] svg{flex:0 0 auto;margin-top:2px}.reg__footer[data-v-84dbe021]{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgb(var(--c-canvas-rgb) / 86%);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--c-hairline)}.reg__footerInner[data-v-84dbe021]{max-width:736px;margin:0 auto}.reg__cta[data-v-84dbe021]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 18px;border:0;cursor:pointer;border-radius:16px;font-family:inherit;font-size:14px;font-weight:800;color:var(--c-onInk);background:var(--c-ink);box-shadow:0 10px 22px -12px rgb(var(--c-ink-rgb) / 70%);transition:transform .15s ease,opacity .2s ease}.reg__cta[data-v-84dbe021]:active{transform:scale(.98)}.reg__cta.is-loading[data-v-84dbe021],.reg__cta[data-v-84dbe021]:disabled{opacity:.75;cursor:default}.reg__cta[data-v-84dbe021] svg{transition:transform .2s ease}.reg__cta[data-v-84dbe021]:active svg{transform:translate(-3px)}.reg__spinner[data-v-84dbe021]{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:reg-spin-84dbe021 .7s linear infinite}.reg__ghost[data-v-84dbe021]{width:100%;min-height:50px;border:1.5px solid var(--c-hairline);border-radius:16px;background:var(--c-canvas);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--c-ink)}.reg__switch[data-v-84dbe021]{margin:10px 0 0;text-align:center;font-size:12px;color:var(--c-inkMuted)}.reg__switch button[data-v-84dbe021]{border:0;background:none;cursor:pointer;padding:0 3px;font-family:inherit;font-size:12px;font-weight:800;color:var(--c-wine)}.reg__done[data-v-84dbe021]{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:120px;padding-bottom:40px}.reg__doneMark[data-v-84dbe021]{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:26px;color:var(--c-green);background:rgb(var(--c-green-rgb) / 10%);animation:reg-pop-84dbe021 .6s cubic-bezier(.2,1.5,.4,1) both}.reg__doneMark[data-v-84dbe021] svg{animation:reg-pop-84dbe021 .6s .15s cubic-bezier(.2,1.6,.4,1) both}.reg__doneRing[data-v-84dbe021]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--c-green);opacity:0;animation:reg-ring-84dbe021 1.1s .3s ease-out both}.reg__doneTitle[data-v-84dbe021]{margin:22px 0 0;font-size:19px;font-weight:800;color:var(--c-ink)}.reg__doneText[data-v-84dbe021]{max-width:320px;margin:10px 0 0;font-size:13px;line-height:2;color:var(--c-inkMuted)}.reg__ltr[data-v-84dbe021]{direction:ltr;unicode-bidi:isolate;font-weight:700;color:var(--c-ink)}.reg__doneActions[data-v-84dbe021]{display:grid;gap:10px;width:100%;max-width:360px;margin-top:30px}.reg-next-enter-active[data-v-84dbe021],.reg-next-leave-active[data-v-84dbe021],.reg-prev-enter-active[data-v-84dbe021],.reg-prev-leave-active[data-v-84dbe021]{transition:transform .28s cubic-bezier(.65,0,.35,1),opacity .22s ease}.reg-next-enter-from[data-v-84dbe021],.reg-prev-leave-to[data-v-84dbe021]{transform:translate(-24px);opacity:0}.reg-next-leave-to[data-v-84dbe021],.reg-prev-enter-from[data-v-84dbe021]{transform:translate(24px);opacity:0}.reg-fade-enter-active[data-v-84dbe021],.reg-fade-leave-active[data-v-84dbe021]{transition:opacity .25s ease}.reg-fade-enter-from[data-v-84dbe021],.reg-fade-leave-to[data-v-84dbe021]{opacity:0}@keyframes reg-spin-84dbe021{to{transform:rotate(360deg)}}@keyframes reg-pop-84dbe021{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reg-ring-84dbe021{0%{transform:scale(1);opacity:.6}to{transform:scale(1.55);opacity:0}}@media (prefers-reduced-motion: reduce){.reg-next-enter-active[data-v-84dbe021],.reg-next-leave-active[data-v-84dbe021],.reg-prev-enter-active[data-v-84dbe021],.reg-prev-leave-active[data-v-84dbe021]{transition:opacity .2s ease}.reg-next-enter-from[data-v-84dbe021],.reg-next-leave-to[data-v-84dbe021],.reg-prev-enter-from[data-v-84dbe021],.reg-prev-leave-to[data-v-84dbe021]{transform:none}.reg__doneMark[data-v-84dbe021],.reg__doneMark[data-v-84dbe021] svg,.reg__doneRing[data-v-84dbe021]{animation:none}}
|