.search-popular-gripper{margin-top:30px;padding:0 16px}.search-popular-gripper .title{font-size:16px;font-weight:700}.search-popular-gripper .title span{color:#7a7a80;margin-left:6px;font-size:13px;font-weight:400}.search-popular-gripper .gripper-list{flex-wrap:wrap;gap:20px 22px;margin-top:16px;display:flex}.search-popular-gripper .gripper-list .gripper-item{cursor:pointer;align-items:center;width:calc(50% - 20px);display:flex}.search-popular-gripper .gripper-list .gripper-item .rank{flex-shrink:0;width:17px;height:18px;margin-right:2px;font-size:15px;font-weight:700}.search-popular-gripper .gripper-list .gripper-item svg{flex-shrink:0;margin-right:9px}.search-popular-gripper .gripper-list .gripper-item .gripper-name{text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:15px;font-weight:400;overflow:hidden}
.search-recent-search{flex-direction:column;gap:16px;padding:30px 16px 0;display:flex}.search-recent-search .title-box{justify-content:space-between;align-items:center;display:flex}.search-recent-search .title-box .title{color:#fff;text-align:left;font-size:16px;font-weight:700;line-height:19.2px}.search-recent-search .title-box .clear-box{align-items:center;gap:8px;display:flex}.search-recent-search .title-box .clear-box .btn{color:#999;text-align:right;font-size:14px;font-weight:400;line-height:16.8px}.search-recent-search .title-box .clear-box hr{background-color:#4d4d4d;border:none;width:1px;height:15px}.search-recent-search .list{flex-wrap:wrap;gap:8px 6px;display:flex}.search-recent-search .list .listitem{background-color:#282828;border-radius:30px;align-items:center;max-width:180px;padding:8.5px 12px;display:flex;position:relative}.search-recent-search .list .listitem .text{color:#fff;letter-spacing:-.2593px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:16.8px;overflow:hidden}.search-recent-search .list .listitem .delete-btn{color:#666;flex-shrink:0;width:16px;height:16px;margin-left:4px}.search-recent-search .list .listitem .delete-btn svg{width:100%;height:100%}.search-recent-search .list .listitem--gripper{align-items:center;gap:8px;padding:5px 14px 5px 6px;display:flex}.search-recent-search .list .listitem--gripper .img{border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;width:24px;height:24px;overflow:hidden}.search-recent-search .list .listitem--gripper .img img{width:100%;height:100%}
.search-recommended-gripper{flex-direction:column;align-items:flex-start;gap:16px;padding:36px 0 0;display:flex}.search-recommended-gripper .skeleton-title{width:50%;height:16px;padding:0 16px}.search-recommended-gripper .title{color:#fff;text-align:left;padding:0 16px;font-size:16px;font-weight:700;line-height:19.2px}.search-recommended-gripper .carousel{width:100%}.search-recommended-gripper .carousel .card-wrapper{--slide-gap:8px;gap:var(--slide-gap);padding:0 16px;display:flex}.search-recommended-gripper .carousel .card-wrapper .card{min-height:280px;width:calc(100% - var(--slide-gap)*2);background-color:#282828;border-radius:8px;flex-direction:column;align-items:flex-start;gap:24px;padding:24px 16px 16px;display:flex;overflow:hidden}.search-recommended-gripper .carousel .card-wrapper .card--skeleton{background-color:#0000;padding:0}.search-recommended-gripper .carousel .card-wrapper .card:last-of-type{margin-right:16px}.search-recommended-gripper .carousel .card-wrapper .card .desc{align-items:center;gap:4px;width:100%;display:flex}.search-recommended-gripper .carousel .card-wrapper .card .desc .link{flex-direction:row;gap:10px;width:calc(100% - 85px);display:flex}.search-recommended-gripper .carousel .card-wrapper .card .desc .link .avatar{flex-shrink:0;width:45px;height:45px}.search-recommended-gripper .carousel .card-wrapper .card .desc .link .text-box{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;justify-content:center;gap:4px;display:flex;overflow:hidden}.search-recommended-gripper .carousel .card-wrapper .card .desc .link .text-box .gripper-name{color:#fff;text-align:left;flex-direction:row;align-items:center;gap:5px;font-size:18px;font-weight:700;line-height:21.6px;display:flex}.search-recommended-gripper .carousel .card-wrapper .card .desc .link .text-box .gripper-name .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-recommended-gripper .carousel .card-wrapper .card .desc .link .text-box .category-name{color:#999;text-align:left;font-size:13px;font-weight:500;line-height:15.6px}.search-recommended-gripper .carousel .card-wrapper .card .desc .follow-btn{flex-shrink:0;width:68px;height:28px;margin-left:auto}.search-recommended-gripper .carousel .card-wrapper .card .content-list{border-radius:6px;align-items:center;gap:4px;display:flex;overflow:hidden}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem{aspect-ratio:94/139;flex-basis:33%;position:relative}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper{z-index:1;align-items:center;gap:4px;display:flex;position:absolute;top:10px;left:10px}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper>.img{width:46px;height:24px}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper .votingmeter{gap:1px;width:24px;height:24px;padding:5.5px;display:flex;transform:rotate(180deg)translateY(2px)}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper .votingmeter .voteindex{background-color:#fff;width:3px;height:13px;animation:0s linear -.65s infinite alternate sound2}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper .votingmeter .voteindex:first-of-type{animation-duration:.452s}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper .votingmeter .voteindex:nth-of-type(2){animation-duration:.426s;left:4px}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .live-wrapper .votingmeter .voteindex:nth-of-type(3){animation-duration:.4s;left:8px}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .poster{opacity:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .5s linear;position:absolute;top:0;left:0}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .poster[data-visibility=hidden]{opacity:0}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .link .video{object-fit:cover;width:100%;height:100%}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .empty{background:linear-gradient(#212121,#212121),linear-gradient(#0000 58.02%,#000),linear-gradient(#000000b8 9.73%,#0000 31.44%);width:100%;height:100%;position:relative}.search-recommended-gripper .carousel .card-wrapper .card .content-list .content-listitem .empty img{width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.search-prepare{height:100%;min-height:100vh;min-height:calc(var(--vh,1vh)*100);background-color:#000;flex-direction:column;flex-shrink:0;min-height:100dvh;display:flex}.search-prepare--hidden{display:none}.search-prepare>.product-tags{flex-direction:column;gap:16px;padding:36px 16px 100px;display:flex}.search-prepare>.product-tags .skeleton-title{width:50%;height:16px}.search-prepare>.product-tags>.tags-title{color:#fff;text-align:left;font-size:16px;font-weight:700;line-height:19.2px}