.searchbar-wrapper{padding-inline:.375rem;margin-bottom:.25rem;background-color:var(--bg-200);border-radius:.5rem;padding:.5rem;padding-block:.25rem;display:flex;align-items:center;gap:.375rem;margin-left:3px}.input-box{padding-right:.5rem;width:var(--width, auto);position:relative}.input-box:focus-within{box-shadow:var(--box-shadow-ring)}.input-box.table{border-radius:.375rem;padding-right:.25rem;background-color:var(--input-box-bg)!important}.input-box.table:hover:not(:disabled){--border-color: var(--primary)}.input-box.table:focus-within{--border-color: var(--primary) !important}.input-box.table input{padding:.375rem!important}.input-box.small{padding:0;border-radius:10rem;padding-inline:.25rem}.input-box.small .input-area input{font-size:.8125rem;padding-block:.375rem}.input-box.rounded{border-radius:10rem;padding-right:.5rem}.input-box.rounded .icon{border-radius:50%}.input-box .input-area{display:flex;align-items:center;width:100%}.input-box .input-area .kbd{margin-left:1rem;width:calc(100% - 2rem);position:absolute;align-items:center;justify-content:space-between;color:var(--text-light);font-weight:400;font-size:.875rem;z-index:-1;padding-inline:.25rem;display:flex}.input-box .input-area .kbd span{margin-right:.5rem}.input-box .input-area .kbd kbd{background-color:var(--mono-light);font-size:.75rem}.input-box .input-area input{--border-color: var(--border);padding-block:var(--padding-block, .5rem);outline:0px solid transparent;font-size:.875rem;padding-inline:.25rem;line-height:1.25rem;width:100%}.input-box .input-area input::-moz-placeholder{font-size:inherit}.input-box .input-area input::placeholder{font-size:inherit}.input-box.unstyled{border:0;padding:0}.input-box.unstyled .input-area input{padding:0;padding-block:.125rem;border:0;border-radius:0}