@charset "UTF-8";.search-by-json{width:100%;display:flex;align-items:center;border:1px solid #fff0;border-radius:14px;overflow:hidden;transition:0.4s ease}.search-by-json .d-none{display:none!important}.search-by-json .show-hide{transition:all 0.7s}.search-by-json .fast-hide{opacity:0;overflow:hidden;visibility:hidden}.search-by-json .fast-show{opacity:1;visibility:visible}.search-by-json .input{z-index:10000;width:100%;position:relative}.search-by-json .input input{width:100%;text-align:right;border:none;font-size:14px;background:#fff;color:#232323;height:38px;padding:3px 40px 1px 15px}.search-by-json .input .empty{font-size:28px;position:absolute;top:50%;transform:translateY(-50%);left:15px;cursor:pointer;color:black!important;line-height:1}.search-by-json .input .icon{position:absolute;right:0;width:40px;height:100%;display:flex;align-items:center;font-size:26px;color:#000;justify-content:center;top:0;pointer-events:none}.search-by-json .input .icon img{width:20px}.search-by-json .body{position:absolute;z-index:99999;width:min(24rem, 98%);background:#fff;box-shadow:rgb(99 99 99 / .2) 0 2px 8px 0;border-radius:1.5rem;margin-top:5px;text-align:center;padding:12px;overflow-y:auto;margin-bottom:10px;left:10px;right:4rem;top:73%}.search-by-json .body .is-search::-webkit-scrollbar{width:4px}.search-by-json .body .is-search::-webkit-scrollbar-track{background:#f2f2f2;border-radius:4px}.search-by-json .body .is-search::-webkit-scrollbar-thumb{background-color:var(--c2);border-radius:4px}.search-by-json .body .default p{text-align:center;padding-top:10px;color:#8b8b8b}.search-by-json .body ul.menu{padding:0}.search-by-json .body .default img{width:5rem;margin-top:25px;opacity:.3}.search-by-json .body .default .popular,.search-by-json .body .is-search{text-align:right}.search-by-json .body .default .popular .title-popular{margin-top:20px;font-weight:700;font-size:15px;color:#000}.search-by-json .body .default .popular .menu-popular ul,.search-by-json .body .is-search .list-category ul{margin:10px 0;padding-right:0;display:flex;overflow-x:auto;white-space:nowrap}.search-by-json .body .default .popular .menu-popular ul li,.search-by-json .body .is-search .list-category ul li{display:inline-block;margin:4px}.search-by-json .body .default .popular .menu-popular ul li:first-child,.search-by-json .body .is-search .list-category ul li:first-child{margin-right:0}.search-by-json .body .default .popular .menu-popular ul li:last-child,.search-by-json .body .is-search .list-category ul li:last-child{margin-left:0}.search-by-json .body .default .popular .menu-popular ul li a,.search-by-json .body .is-search .list-category ul li a{display:block;border-radius:12px;text-align:center;background:#e6f9f7;padding:5px 16px;transition:0.3s;color:var(--color1)!important;font-size:14px}.search-by-json .body .default .popular .menu-popular ul li a:hover,.search-by-json .body .is-search .list-category ul li a:hover{background:var(--color1);color:#fff!important}.search-by-json .body .default img{border-radius:18px}.search-by-json .body .not-found{color:var(--danger);font-size:17px;min-height:10rem;display:flex;align-items:center;justify-content:center}.search-by-json .body .is-search{padding:5px;display:flex;flex-wrap:wrap;max-height:calc(100vh - 127px);overflow-y:auto}.search-by-json .body .is-search .products,.search-by-json .body .is-search .posts{padding:0 10px}.search-by-json .body .is-search .category{margin-bottom:25px;flex:0 0 100%;width:100%}.search-by-json .body .is-search .title-posts,.search-by-json .body .is-search .title-category,.search-by-json .body .is-search .title-products{font-size:18px;font-variation-settings:var(--fw-450)}.search-by-json .body .is-search .list-posts .item,.search-by-json .body .is-search .list-products .item{border:1px solid #e6f9f7;padding:0;align-items:center;gap:15px;border-radius:8px;margin:10px 0;transition:0.3s;background:#fff;padding:8px}.search-by-json .body .is-search .list-posts .item:hover,.search-by-json .body .is-search .list-products .item:hover{box-shadow:rgb(0 0 0 / 15%) 0 4px 12px;transition:0.3s;color:inherit}.search-by-json .body .is-search .list-products .item .img{display:flex;justify-content:center;align-items:center;overflow:hidden;flex:0 0 15%;border:1px solid #e6f9f7;border-radius:12px}.search-by-json .body .is-search .list-posts .item .title,.search-by-json .body .is-search .list-products .item .title{font-size:14px;color:#000;transition:0.3s}.search-by-json .body .is-search .list-posts .item:hover .title,.search-by-json .body .is-search .list-products .item:hover .title{color:var(--color1);transition:0.3s}.is-search .list-posts,.is-search .list-products{display:flex;flex-wrap:wrap;justify-content:space-between;max-height:15rem;overflow-y:auto}.is-search .list-posts a.item,.is-search .list-products a.item{display:flex;flex-direction:row;width:100%}.search-by-json .body .is-search .list-posts .item{padding:1rem}.search-by-json .body .is-search .list-posts .item .img{display:flex;flex:0 0 15%;max-width:15%}.search-by-json .body .is-search .list-posts .item .img img{border-radius:12px}.search-by-json .body .is-search .list-posts .item .title{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile .search-by-json .body .is-search .products,.mobile .search-by-json .body .is-search .posts{flex:0 0 100%;max-width:100%}.mobile .search-by-json .body{padding:1rem}@media only screen and (max-width:768px){.is-search .list-posts .btn-3{min-width:auto}}