@layer components{.common-btn{--btn-border-color:#0000001a;border:1px solid var(--btn-border-color);letter-spacing:.05rem;background-clip:padding-box;transition:opacity .15s,box-shadow .15s}.dark .common-btn{--btn-border-color:#ffffff26}.common-btn:not([disabled]):hover{opacity:.85}.common-btn:disabled{cursor:not-allowed;opacity:.53}.common-btn.common-btn-neutral{--btn-border-color:var(--color-line);background:var(--color-field)!important;color:var(--color-ink-soft)!important}.common-btn.common-btn-outline{--btn-border-color:var(--theme-color);color:var(--theme-color)!important;background:0 0!important}.ui-placeholder{vertical-align:middle;cursor:wait;opacity:.5;background-color:currentColor;min-height:1em;display:inline-block}.ui-placeholder-glow .ui-placeholder{animation:2s ease-in-out infinite ui-placeholder-glow}.ui-preloader{border:3px solid #64788226;border-top-color:var(--color-brand);border-radius:50%;width:2.4rem;height:2.4rem;animation:.65s linear infinite ui-spin}.ui-spin{animation:1s linear infinite ui-spin}.ui-scroll{scrollbar-width:thin;scrollbar-color:#9ca3af80 transparent}.ui-scroll::-webkit-scrollbar{width:6px;height:6px}.ui-scroll::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:9999px}}@keyframes ui-placeholder-glow{50%{opacity:.2}}@keyframes ui-spin{to{transform:rotate(1turn)}}