.data-view-searchbox{display:flex;width:100%;height:2.5rem;position:relative}@media screen and (min-width:600px){.data-view-searchbox{width:fit-content;min-width:22rem}}.data-view-searchbox.active .data-view-search-input{border-color:#496ba0;box-shadow:0 0 0 2px #496ba04d,0 0 8px #496ba033}.data-view-searchbox.active .data-view-search-input:hover{box-shadow:0 0 0 2px #496ba066,0 0 10px #496ba04d}.data-view-searchbox.active .data-view-search-icon{color:#496ba0}.data-view-searchbox .data-view-search-icon{position:absolute;left:.75rem;top:calc(50% + 2px);transform:translateY(-50%);color:#d9d9d9;font-size:1rem;transition:color .2s ease}.data-view-searchbox .data-view-search-input{font-size:.9375rem;width:100%;padding:.5rem 2rem .5rem 2.25rem;border-radius:1.5rem;border:1px solid hsl(0,0%,50%);outline:none;box-shadow:0 0 5px #00000040}.data-view-searchbox .data-view-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.data-view-searchbox .data-view-search-input::placeholder{font-style:italic;color:#a6a6a6;letter-spacing:-.5px}.data-view-searchbox .data-view-search-input:hover{box-shadow:0 0 6px #00000080}.data-view-searchbox .data-view-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.25rem;cursor:pointer;color:gray;font-size:.875rem}.data-view-searchbox .data-view-search-clear:hover{color:#404040}