.ui-component{box-sizing:border-box;font-family:var(--font-family-base);transition:all var(--motion-duration-normal)var(--motion-ease);border-radius:var(--size-border-radius);background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);will-change:transform,opacity;position:relative}.ui-component.ui-hover{box-shadow:var(--shadow-md)}.ui-component.ui-focus{box-shadow:0 0 0 2px var(--color-brand-muted);z-index:1;outline:none}.ui-component.ui-active{transform:scale(.98)}.ui-component.ui-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.ui-theme-default{background-color:var(--color-background);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.ui-theme-glassmorphism{background-color:var(--color-background-glass);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-md);border:1px solid var(--color-border-glass)}.ui-theme-outline{border-color:var(--color-text-secondary);box-shadow:none;background-color:#0000}.ui-theme-minimal{border-radius:var(--size-border-radius-sm);box-shadow:none;background-color:#0000;border-color:#0000}.ui-theme-rounded{border-radius:9999px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}80%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes elasticIn{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.05)}85%{transform:scale(.95)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ui-component{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.ui-component{color:canvastext;background-color:canvas;border-width:2px;border-color:canvastext;box-shadow:0 0 0 3px canvastext}.ui-theme-glassmorphism{-webkit-backdrop-filter:none;background-color:canvas;border:2px solid canvastext}}.ui-component:focus-visible{box-shadow:0 0 0 2px var(--color-brand);outline:none}.ui-component[data-debug-id]:before{content:attr(data-debug-id);background-color:var(--color-brand);color:var(--color-text-inverse);border-radius:var(--size-border-radius-sm);opacity:.8;pointer-events:none;z-index:1000;padding:2px 4px;font-size:10px;display:none;position:absolute;top:-8px;left:0}.ui-component[data-debug-id]:hover:before{display:block}@media (hover:none){.ui-component:active{transform:scale(.98)}}
.portal-number-keyboard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;background-color:#fafafaf0;width:100%}.portal-number-keyboard-header{border-bottom:.5px solid #0000000d;justify-content:center;align-items:center;height:34px;padding:0 12px;line-height:34px;display:flex;position:relative}.portal-number-keyboard-header-with-title{justify-content:center}.portal-number-keyboard-title{color:#333;text-align:center;width:calc(100% - 40px);font-size:14px}.portal-number-keyboard-header-close-button{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0;display:flex;position:absolute;right:12px}.portal-number-keyboard-wrapper{width:100%;display:flex}.portal-number-keyboard-main{-webkit-backdrop-filter:blur(5px);background:#fafafaf0;flex-wrap:wrap;flex:3;display:flex}.portal-number-keyboard-main-confirmed-style{flex:1}.portal-number-keyboard-key{color:#333;box-sizing:border-box;cursor:pointer;background-color:#ffffff4d;border:.5px solid #0000000d;justify-content:center;align-items:center;width:33.3333%;height:48px;font-size:24px;font-weight:500;transition:background-color .2s;display:flex}.portal-number-keyboard-key:active{background-color:#0000000d}.portal-number-keyboard-key-number{font-family:-apple-system-font,sans-serif}.portal-number-keyboard-key-mid{width:50%}.portal-number-keyboard-confirm{flex-direction:column;flex:1;display:flex}.portal-number-keyboard-key-extra{cursor:pointer;border:.5px solid #0000000d;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.portal-number-keyboard-key-bs{color:#666;background-color:#f0f0f080}.portal-number-keyboard-key-bs:active{background-color:#0000000d}.portal-number-keyboard-key-ok{color:#fff;background-color:#4682e6e6;font-size:16px}.portal-number-keyboard-key-ok:active{background-color:#4682e6b3}.portal-number-keyboard-popup{z-index:1050}.portal-number-keyboard-safe-area{height:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(5px);background-color:#fafafaf0;width:100%}