.number-input-panel{background-color:var(--color-base-200);border:1px solid var(--color-base-300);border-radius:.5rem;grid-template-columns:repeat(5,1fr);gap:.5rem;max-width:300px;padding:1rem;display:grid}.number-input-panel button{aspect-ratio:1;border-radius:.375rem;min-height:3rem;font-size:1.25rem;font-weight:700;transition:all .2s}.number-input-panel button:hover:not(:disabled){background-color:var(--color-base-300);transform:scale(1.05)}.number-input-panel button:active{transform:scale(.95)}.number-pad-floating{z-index:40;backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:.375rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:5rem;left:50%;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000040}@media (max-width:768px){.number-input-panel{max-width:280px}.number-input-panel button{min-height:2.5rem;font-size:1.1rem}}@media (max-width:480px){.number-input-panel{max-width:220px}.number-input-panel button{min-height:2rem;font-size:.9rem}.number-pad-floating{gap:.25rem;padding:.375rem .625rem}.number-pad-floating .btn{width:2.25rem!important;height:2.25rem!important;min-height:2.25rem!important}}