.search-box{align-items:center;font-size:.8rem;display:flex;position:relative}.search-box.no-icon input{padding-left:.6em}.search-box .icon,.search-box [data-icon]{pointer-events:none;color:var(--fnb-text-muted);transition:all .24s ease-in-out;position:absolute;left:.6em}.search-box input{border:2px solid var(--fnb-border);box-shadow:var(--fnb-shadow-sm);background:var(--fnb-surface);color:var(--fnb-text);outline:none;padding:.5rem .75rem;font-family:inherit;transition:box-shadow .15s}.search-box input:focus{box-shadow:4px 4px 0 0 var(--fnb-brand)}.search-box input{font-size:inherit;box-sizing:border-box;border-radius:var(--fnb-radius-sm);width:100%;height:2rem;padding:.2rem .6em .2rem 2em;transition:all .12s ease-in-out}.search-box input:focus,.search-box input:focus+.icon,.search-box input:focus+[data-icon]{color:var(--fnb-text)}.search-box.big{font-size:1.4rem}.search-box.big input{width:100%;height:3rem}