.header-search{display:flex;width:40px;height:40px;align-items:center;justify-content:center}.search-draw{position:fixed;top:0;right:0;width:500px;max-width:100vw;height:100vh;background-color:#fff;transition:.3s ease-in-out;z-index:10;display:flex;flex-direction:column;transition:.3s all;transform:translate(100%);opacity:0;visibility:hidden}.search-draw.open{transform:translate(0);opacity:1;visibility:visible}.search-draw .search-result{flex-grow:1}.search-draw .search-header{display:flex;padding:32px 40px;gap:16px}.search-draw .search-header .icon{flex:0 0 48px;width:48px;display:flex;align-items:center;justify-content:center}.search-draw .search-header .icon svg{width:28px;height:28px}.search-draw .search-header .icon.icon-close svg{width:22px;height:22px}.search-draw .search-header .field{border-radius:0}.search-draw .search-header .search__input{width:100%;border-color:transparent transparent transparent transparent;outline:none;box-shadow:none;padding-left:0;padding-right:0}.search-draw .search-header .search__input:focus{border-bottom-color:#342300}.search-draw .search-padding{padding:32px}.search-draw .search-result{height:calc(100vh - 217px);overflow:auto}.search-draw .search-result .no-result{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.search-draw .search-result .no-result h3{text-align:center;color:#87785a;font-size:24px;font-family:Cormarant;margin-bottom:16px}.search-draw .search-result .no-result p{margin:0;font-family:Manrope;font-weight:400;font-size:1rem;line-height:1.5;text-align:center;color:#87785a}.search-draw .search-result .no-result .icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.search-draw .search-result .no-result .icon svg{width:24px;height:24px}.search-draw .search-result .no-result .icon.icon-close{cursor:pointer}.search-draw .search-result .hidden{display:none}.search-draw .search-result .item{display:flex;align-items:center;gap:24px;padding:16px 40px;transition:.3s all;position:relative}.search-draw .search-result .item a.mark{position:absolute;width:100%;height:100%;top:0;left:0}.search-draw .search-result .item:hover{background-color:#f5f5f0}.search-draw .search-result .item .thumbnail{flex:0 0 100px;width:100px;border-radius:8px;overflow:hidden;position:static}.search-draw .search-footer{padding:32px;text-align:center}.search-draw .search-footer .deareco-button{display:inline-block;min-width:12em}.search_header_space{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;visibility:hidden}.search_header_space.open{visibility:visible}body.nocroll{height:100vh;overflow:hidden}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}input[type=search]{-webkit-appearance:textfield;appearance:textfield}@media (max-width: 640px){.search-draw{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/wb-header-search.css.map */