.inputfield{text-align:center;width:20px;font-size:inherit;color:var(--text-color);background-color:brown;border:none;border-radius:4px;padding:2px}.input-container{justify-content:center;align-items:center;margin-top:10px;display:flex}.inputfield-container{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.input-container button{background-color:var(--bg);color:var(--text-color);font-size:inherit;cursor:pointer;border:none;border-radius:10px;padding:11px 15px;box-shadow:0 2px 4px #0000001a}.input-container button:hover{background-color:#fff2}.inputfield-button{background-color:var(--bg);color:var(--text-color);font-size:inherit;cursor:pointer;border:none;border-radius:10px;padding:11px 15px;box-shadow:0 2px 4px #0000001a}.whatever-card-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.inputfield::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputfield::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.track{z-index:50;background:inherit;height:3px;display:none;position:fixed;inset-block-start:0;inset-inline:0}.fill{transform-origin:0;background:#2f5d50;width:100%;height:100%;animation:linear both grow;animation-timeline:scroll(root);transform:scaleX(0)}@keyframes grow{to{transform:scaleX(1)}}[dir=rtl] .fill{transform-origin:100%}@supports (animation-timeline:scroll()){.track{display:block}}@media (prefers-reduced-motion:reduce){.fill{transition:none}}@media (prefers-color-scheme:dark){.track{background:#ffffff1a}.fill{background:#7dc4ac}}