.k168-header-search{display:none}
@media(max-width:1023px){
 .header .header__wrapper{position:relative;overflow:visible}
 .header .k168-header-search-slot{opacity:1}
 .k168-header-search{display:block;color:#fff;font-family:Roboto,Arial,sans-serif}
 .k168-header-search *{box-sizing:border-box}
 .k168-header-search>summary{display:flex;align-items:center;justify-content:center;width:60px;height:60px;list-style:none;cursor:pointer;color:#fff}
 .k168-header-search>summary::-webkit-details-marker{display:none}
 .k168-header-search>summary::marker{content:""}
 .k168-header-search[open]>summary{background:rgba(255,255,255,.12)}
 .k168-header-search form{position:absolute;top:100%;left:0;right:0;z-index:30;margin:0;padding:12px;background:var(--primary-color,#1f2d47);box-shadow:0 5px 9px #0003}
 .k168-header-search label{display:block;margin:0 0 8px;font-size:14px;line-height:1.3;color:#fff}
 .k168-header-search__row{display:flex;gap:8px}
 .k168-header-search input{flex:1;min-width:0;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #ccd2dc;border-radius:4px;background:#fff;color:#18253d;font:400 16px/1.3 Roboto,Arial,sans-serif}
 .k168-header-search input::placeholder{color:#687383;opacity:1}
 .k168-header-search button{flex:none;min-height:44px;margin:0;padding:10px 15px;border:1px solid #fff;border-radius:4px;background:#fff;color:#1f2d48;font:600 16px/1.3 Roboto,Arial,sans-serif;cursor:pointer}
 .k168-header-search :focus-visible{outline:2px solid #fff;outline-offset:-4px}
 .k168-header-search input:focus-visible,.k168-header-search button:focus-visible{outline-color:#1f2d48}
}