#glaceblog_content_search{margin:0 0 16px}
#glaceblog_content_search .search-query{max-width:none}
#glaceblog_content_search form{margin:0}

#glaceblog_content_search .input-box{position:relative;display:flex;align-items:center;
  height:48px;background:#fff;border:1px solid #e4e6ea;border-radius:24px;
  padding:0 5px 0 22px;box-shadow:0 1px 3px rgba(20,20,30,.05);
  transition:border-color .15s,box-shadow .15s}
#glaceblog_content_search .input-box:hover{border-color:#d5d8dd}
#glaceblog_content_search .input-box:focus-within{border-color:#ffde00;
  box-shadow:0 0 0 3px rgba(255,222,0,.28)}

#glaceblog_content_search input#search-blog-content{flex:1;min-width:0;height:100%;
  border:0 !important;background:none !important;box-shadow:none !important;outline:none;
  padding:0 !important;margin:0;font-size:14.5px;color:#222}
#glaceblog_content_search input#search-blog-content::placeholder{color:#9aa1ab}

#glaceblog_content_search .input-box .button{display:flex;align-items:center;
  justify-content:center;width:46px;height:46px;flex:0 0 auto;margin:0;padding:0;
  border:0;border-radius:50%;background:#ffde00;cursor:pointer;
  transition:background .15s,transform .1s}
#glaceblog_content_search .input-box .button:hover{background:#f3d400}
#glaceblog_content_search .input-box .button:active{transform:scale(.94)}
#glaceblog_content_search .input-box .button i{color:#3a3a3a;font-size:15px;line-height:1}

@media (max-width:600px){
  #glaceblog_content_search .search-query{max-width:none}
  #glaceblog_content_search .input-box{height:46px;padding:0 4px 0 18px}
  #glaceblog_content_search input#search-blog-content{font-size:16px}
  #glaceblog_content_search .input-box .button{width:36px;height:36px}
}

body .header-container.type19 .header .form-search,
body .search-blog-left .form-search{background-color:transparent !important;
  border-radius:15px !important;border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:none !important}

body .search-blog-left .form-search input#search-blog-header{background:transparent !important;
  color:#fff !important;padding-left:15px !important;padding-right:36px !important;
  border:0 !important;border-radius:15px !important;box-shadow:none !important;outline:0 !important}
body .search-blog-left .form-search:focus-within{border-color:rgba(255,222,0,.85) !important}
body .search-blog-left .form-search input#search-blog-header::placeholder{
  color:rgba(255,255,255,.7)}

body #search_mini_form .form-search .button-right,
body .search-blog-left .form-search .button-right{width:24px !important;height:24px !important;
  top:3px !important;right:3px !important;border-radius:50% !important;
  display:flex;align-items:center;justify-content:center;
  background:#ffde00 !important;color:#3a3a3a !important;transition:background .15s}
body .search-blog-left .form-search .button-right:hover{background:#f3d400 !important}
body .search-blog-left .form-search .button-right i{font-size:12px;line-height:1}

.vbp-kq-head{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #e9ecef}
.vbp-kq-dau{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;
  margin:0;padding:0;border:0}
#glaceblog_content_list .vbp-kq-dau .glace-title{margin:0;padding:0;
  width:auto;max-width:none;float:none;flex:0 1 auto;
  border:0;font-size:20px;line-height:1.3;color:#1a1a1a}
.vbp-kq-so{flex:0 0 auto;margin-left:auto;font-size:13.5px;color:#8a8f98}

.vbp-search-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  margin:11px 0 0;padding:0;background:none;border:0}
.vbp-search-tags-nhan{font-size:13px;color:#8a8f98;margin-right:2px}
.vbp-search-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;
  border-radius:20px;background:#fff;border:1px solid #dfe3ea;color:#1f2937;
  font-size:13.5px;text-decoration:none;transition:.15s}
.vbp-search-tag:hover{border-color:#ffde00;background:#fffbe6;color:#1f2937;text-decoration:none}
.vbp-search-tag em{font-style:normal;font-size:11.5px;font-weight:700;color:#6b7280;
  background:#f1f3f5;border-radius:9px;padding:1px 7px}

body .header-container.type19 .header .search-blog-left #search_mini_form{
  display:block;width:100%;margin:0;float:none}
body .header-container.type19 .header .search-blog-left .form-search{
  position:relative;left:auto;right:auto;display:flex;align-items:center;
  width:100%;height:48px;min-width:0;padding:4px;
  border:1px solid #dce1e4 !important;border-radius:9px !important;
  background:#fff !important;box-shadow:0 5px 18px rgba(0,0,0,.12) !important}
body .header-container.type19 .header .search-blog-left .form-search:hover{
  border-color:#ffc800 !important}
body .header-container.type19 .header .search-blog-left .form-search:focus-within{
  border-color:#ffde00 !important;box-shadow:0 0 0 3px rgba(255,222,0,.23) !important}
body .header-container.type19 .header .search-blog-left #search-blog-header{
  flex:1;min-width:0;width:100%;height:38px;padding:0 12px !important;
  border:0 !important;border-radius:5px !important;
  background:#fff !important;color:#26343b !important;
  font-size:15px;line-height:38px;box-shadow:none !important}
body .header-container.type19 .header .search-blog-left #search-blog-header::placeholder{
  color:#66737b;opacity:1}
body .header-container.type19 .header .search-blog-left #search_mini_form .form-search .button-right{
  position:static;flex:0 0 42px;display:flex;align-items:center;justify-content:center;
  width:42px !important;height:38px !important;margin:0;padding:0;
  border:0 !important;border-radius:6px !important;
  background:#ffde00 !important;color:#1b272d !important;cursor:pointer}
body .header-container.type19 .header .search-blog-left #search_mini_form .form-search .button-right:hover,
body .header-container.type19 .header .search-blog-left #search_mini_form .form-search .button-right:focus-visible{
  background:#efc900 !important}
body .header-container.type19 .header .search-blog-left .button-right i{
  font-size:17px}
body .header-container.type19 .header .search-blog-left .vbp-search-label{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (min-width:768px){
  body .header-container.type19:not(.sticky-header) .header .search-area{
    display:flex;align-items:center;height:48px}
  body .header-container.type19:not(.sticky-header) .header .search-blog-left{
    width:100%}
}

@media (max-width:767px){
  body .header-container.type19:not(.sticky-header) .header-top-pdm{
    padding-bottom:55px}
  body .header-container.type19:not(.sticky-header) .header .search-blog-left #search_mini_form{
    position:absolute;top:0;left:15px;width:calc(100vw - 30px)}
  body .header-container.type19 .header .search-blog-left .form-search{
    position:relative;top:auto;left:auto;right:auto;height:46px}
  body .header-container.type19 .header .search-blog-left #search-blog-header{
    height:36px;font-size:16px}
  body .header-container.type19 .header .search-blog-left #search_mini_form .form-search .button-right{
    height:36px !important}
}

body .header-container.type19 .header .search-blog-left .vbp-search-suggest[hidden]{display:none !important}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:100;
  max-height:min(430px,65vh);overflow-y:auto;
  padding:8px;border:1px solid #e3e8ea;border-radius:12px;
  background:#fff;color:#26343b;text-align:left;
  box-shadow:0 18px 38px rgba(10,20,25,.24)}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-heading{
  padding:7px 10px 9px;color:#66737b;font-size:11px;font-weight:800;
  letter-spacing:1px;text-transform:uppercase}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-item{
  display:flex;align-items:center;gap:11px;min-height:58px;
  padding:5px 9px;border-radius:7px;color:#26343b;
  font-size:13px;font-weight:600;line-height:1.4;text-decoration:none}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-item img{
  flex:none;width:48px;height:48px;object-fit:cover;border-radius:6px;
  background:#e8edee}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-item span{
  display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-item:hover,
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-item[aria-selected="true"],
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-all:hover,
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-all[aria-selected="true"]{
  background:#fff8d5;color:#1d2b31}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-empty{
  padding:13px 10px;color:#627078;font-size:13px}
body .header-container.type19 .header .search-blog-left .vbp-search-suggest-all{
  display:block;margin-top:5px;padding:11px 10px;
  border-top:1px solid #e8eced;border-radius:5px;color:#24343a;
  font-size:13px;font-weight:700;text-decoration:none}

html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible{
  position:relative;left:auto;top:auto;z-index:50;display:flex;align-items:center;
  justify-content:flex-end;height:48px;margin:0}
body .header-container.type19 .header .vbp-search-toggle[hidden]{display:none!important}
html.vbp-search-js body .header-container.type19 .header .vbp-search-toggle[hidden]{display:inline-flex!important}
body .header-container.type19 .header .vbp-search-toggle{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.45);
  border-radius:50%;background:rgba(20,30,35,.3);color:#fff;cursor:pointer;
  font-size:20px;line-height:1;transition:background .2s,border-color .2s,transform .2s}
body .header-container.type19 .header .vbp-search-toggle:hover{
  border-color:#ffde00;background:#28383b;color:#fff}
body .header-container.type19 .header .vbp-search-toggle:focus-visible{
  outline:2px solid #ffde00;outline-offset:3px}
body .header-container.type19 .header .vbp-search-toggle[aria-expanded="true"]{display:none}
html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible .search-blog-left{
  display:block!important;flex:1;min-width:0;max-width:0;margin:0;
  overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;
  transform:translateX(10px);
  transition:max-width .25s ease,opacity .2s ease,transform .25s ease,visibility 0s linear .25s}
html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-open .search-blog-left{
  position:static;max-width:100%;width:auto;margin:0;
  overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transform:none;
  transition:max-width .25s ease,opacity .2s ease,transform .25s ease,visibility 0s}
html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-open .search-blog-left #search_mini_form{
  position:static;left:auto;top:auto;width:100%}
@media(min-width:768px){
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible{
    position:relative;justify-content:flex-end}
  html.vbp-search-js body .header-container.type19 .header .vbp-search-toggle{
    position:absolute;top:50%;right:0;transform:translateY(-50%)}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible .search-blog-left{
    flex:none;width:0;max-width:none;transform:none;
    transition:width .26s ease,opacity .2s ease,visibility 0s linear .26s}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-open .search-blog-left{
    flex:none;width:100%;max-width:none;overflow:hidden;
    transition:width .26s ease,opacity .2s ease,visibility 0s}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-ready .search-blog-left{
    position:relative;overflow:visible}
}
@media(max-width:767px){
  html.vbp-search-js body .header-container.type19 .header .header-top-pdm.vbp-search-compact-header,
  html.vbp-search-js body .header-container.type19 .header .header-top-pdm.vbp-search-open-header{
    position:relative;padding-bottom:60px}
  html.vbp-search-js body .header-container.type19 .header .header-top-pdm.vbp-search-compact-header > .container{
    position:static}
  html.vbp-search-js body .header-container.type19 .header .header-right-pdm{position:static}
  html.vbp-search-js body .header-container.type19 .header .header-right-bot-pdm.vbp-search-compact-row,
  html.vbp-search-js body .header-container.type19 .header .header-right-bot-pdm.vbp-search-open-row{
    position:absolute;right:15px;bottom:7px;left:15px;display:flex;width:auto;
    height:46px;margin:0}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible,
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-open{
    position:relative!important;justify-content:flex-end;
    width:100%;height:46px;max-width:none;padding:0}
  html.vbp-search-js body .header-container.type19 .header .vbp-search-toggle{
    position:absolute;top:0;right:0;width:46px;height:46px;border-radius:12px}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible .search-blog-left{
    flex:none;width:0;max-width:none;min-width:0;transform:none;
    transition:width .24s ease,opacity .18s ease,visibility 0s linear .24s}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-open .search-blog-left{
    flex:none;width:100%;max-width:none;min-width:0;overflow:hidden;
    transition:width .24s ease,opacity .18s ease,visibility 0s}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-ready .search-blog-left{
    position:relative;overflow:visible}
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-open .search-blog-left #search_mini_form{
    position:static;left:auto;top:auto;width:100%}
  html.vbp-search-js body .header-container.type19 .header .search-blog-left #search-blog-header{
    font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  body .header-container.type19 .header .vbp-search-toggle,
  html.vbp-search-js body .header-container.type19 .header .search-area.vbp-search-collapsible .search-blog-left{
    transition:none}
}
