.ts-input-wrap {
    background: #f6f6ff;
    width: 450px;border-radius: 10px;
}
.ts-inner{position:relative;width:100%;}
.ts-ic {
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
}
.ts-input{width:100%;padding:12px 46px;font-size:16px;border:0;background:transparent;color:#222;}
.ts-input::placeholder{color:#8b8fb0;}
.ts-clear {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(88, 84, 255, 0.08);
    border-radius: 999px;
    padding: 4px 0px 0px 0px;
    border: 0;
    display: none;
    height: 24px;
    width: 24px;
    font-size: 8px;
}
.ts-clear svg{opacity:0.95;}
input.ts-input {
    width: 100% !important;
    height: 50px !important;
    background-color: rgb(247 248 255) !important;
    border: 1px solid rgba(225, 225, 239, 0.5) !important;
    border-radius: 10px !important;
    padding: 0px 40px !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}
/* dropdown */
.ts-drop{position:absolute;top:62px;left:0;right:0;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(38,33,77,0.08);padding:0px;z-index:999;max-height:520px;overflow:auto;}
.category-title{padding:12px 20px;}
.category-title a{color:#333;font-weight:600;text-decoration:none;font-size:18px;display:inline-flex;align-items:center;}
.category-title a span{color:#0089ff;font-weight:600;margin-right:4px;font-size:17px;}
.category-tools{display:block;}
.category-tool{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:inherit;}
.tool-icon{width:20px;height:20px;margin-right:8px;display:flex;align-items:center;justify-content:center;}
.tool-icon img{max-width:100%;max-height:100%;display:block;opacity:0.95;}
.tool-name{font-size:16px;color:#333;}
.category-tool:hover{background:#faf9ff;transform:translateY(-0px);}
.ts-h {
    background: transparent;
    color: #333;
    font-weight: 500;
}
.ts-no{padding:26px;text-align:center;color:#6b6b88;}
.ts-no img{max-width:140px;margin-bottom:12px;opacity:0.9;}
.ts-drop::-webkit-scrollbar{width:10px;}
.ts-drop::-webkit-scrollbar-thumb{background:rgba(90,80,255,0.18);border-radius:99px;}
.category-tool .tool-icon img {
    filter: grayscale(100%) brightness(0.9);
    transition: filter 0.25s ease;
}

.category-tool:hover .tool-icon img {
    filter: grayscale(0%) brightness(1);
}
.category-tool {
    border-top: 1px solid #f0eefb;
}

.category-tool:last-child {
    border-bottom: 1px solid #f0eefb;
}
@media(max-width:600px){ .ts-drop{top:68px;} .tool-name{font-size:16px;} .category-title a{font-size:16px;} }