.searchbox{max-width:708px;margin:auto;position:-webkit-sticky;position:sticky;top:0;padding:0 20px;z-index:9;display:flex}.searchbox input{height:40px;width:100%;font-size:12px;padding:0 11px;box-sizing:border-box;border:none}.searchbox input::placeholder{font-size:12px;font-weight:400;color:#000}.searchbox button[type=submit]{text-indent:-999px;overflow:hidden;width:40px;padding:0;margin:0;border:1px solid transparent;border-radius:inherit;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50%;cursor:pointer;opacity:.7}.searchbox button[type=submit]:hover{opacity:1}.results{width:90%;margin:20px auto 0;max-width:708px}.results .record{height:100px;display:flex;margin-bottom:10px;box-shadow:0 0 6px 0 #ddd;background-color:#fff;position:relative}.results .record .edit{position:absolute;top:10px;left:10px;cursor:pointer}.results .record .img{width:31.25%;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:pointer}.results .record .details{width:68.75%;padding:0 20px;box-sizing:border-box}.results .record .details .pid{padding-top:12px;font-size:10px}.results .record .details .date{font-size:10px;line-height:1.4;text-align:right;color:#000;margin-top:5px}.results .record .details .title{text-decoration:blink;padding-top:8px;word-break:break-word;font-size:14px;font-weight:700;line-height:18px;text-align:right;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.results .total{margin-bottom:20px}.results .emptyState{color:var(--text-color-light);line-height:1.5;width:235px;margin:auto;text-align:center}.results .emptyState>:not(img){opacity:.5}.results .emptyState .text{font-size:16px;height:136px;margin-top:7px}.results .emptyState .arrowIcon{margin-top:56px;margin-right:120px}.results .noSearchResults{padding-top:72px;text-align:center;width:190px;margin:auto;color:var(--text-color-light);line-height:1.5}.results .noSearchResults>:not(img){opacity:.5}.results .noSearchResults img{margin-bottom:21px}.addBtn{position:fixed;bottom:16px;width:60px;height:60px;background-color:var(--secondary-bg);display:flex;align-items:center;justify-content:center;border-radius:50%}.addBtn .plusIcon{position:relative;width:18px;height:18px}.addBtn .plusIcon:after,.addBtn .plusIcon:before{position:absolute;left:7px;content:" ";height:17px;width:3px;background-color:#fff}.addBtn .plusIcon:after{transform:rotate(-90deg)}