@layer components{.litenote-ui-number[data-v-cecd5e31]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.litenote-ui-number[data-v-cecd5e31]:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,transparent)}.litenote-ui-number.is-disabled[data-v-cecd5e31]{opacity:.6;cursor:not-allowed}.litenote-ui-number__el[data-v-cecd5e31]{min-width:0;color:var(--text-primary);font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:none;outline:none;flex:auto;height:38px;padding:0 8px}.litenote-ui-number__el[data-v-cecd5e31]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.litenote-ui-number__el[data-v-cecd5e31]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.litenote-ui-number__el[type=number][data-v-cecd5e31]{appearance:textfield}.litenote-ui-number__step[data-v-cecd5e31]{background:var(--bg-secondary);width:34px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.litenote-ui-number__step[data-v-cecd5e31]:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.litenote-ui-number__step[data-v-cecd5e31]:disabled{opacity:.45;cursor:not-allowed}.litenote-ui-number--horizontal .litenote-ui-number__step[data-v-cecd5e31]:first-child{border-right:1px solid var(--border-color)}.litenote-ui-number--horizontal .litenote-ui-number__step[data-v-cecd5e31]:last-child{border-left:1px solid var(--border-color)}.litenote-ui-number--vertical[data-v-cecd5e31]{flex-direction:column}.litenote-ui-number--vertical .litenote-ui-number__el[data-v-cecd5e31]{flex:none;min-width:76px;height:34px}.litenote-ui-number--vertical .litenote-ui-number__step[data-v-cecd5e31]{width:auto;height:24px}.litenote-ui-number--vertical .litenote-ui-number__step[data-v-cecd5e31]:first-child{border-bottom:1px solid var(--border-color)}.litenote-ui-number--vertical .litenote-ui-number__step[data-v-cecd5e31]:last-child{border-top:1px solid var(--border-color)}}