.shopify-section.section-header-new>.section-header-new .search-wrap{max-height:calc(100vh - 136px);z-index:1;padding-top:48px;display:none}.shopify-section.section-announcement-bar[hidden]~.shopify-section.section-header-new>.section-header-new .search-wrap{max-height:calc(100vh - 104px)}.shopify-section.section-header-new>.section-header-new .search-bar-wrap{position:relative;width:639px;height:100%;display:none;margin:0 auto;padding-bottom:40px}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input{width:100%;height:100%;border-radius:8px;border:1px solid;border-color:#949494;padding:8px 45px 8px 16px;font-family:Lato;font-style:normal;font-weight:500;font-size:14px;background:transparent}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input:focus{outline:none;box-shadow:none}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input::placeholder,.shopify-section.section-header-new.transparent>.section-header-new:hover .search-bar-wrap input::placeholder,.shopify-section.section-announcement-bar:hover+.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::placeholder,body.transparent-header>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::placeholder,body.search-active>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::placeholder{color:#949494}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input::-webkit-input-placeholder,.shopify-section.section-header-new.transparent>.section-header-new:hover .search-bar-wrap input::-webkit-input-placeholder,.shopify-section.section-announcement-bar:hover+.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::-webkit-input-placeholder,body.transparent-header>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::-webkit-input-placeholder,body.search-active>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::-webkit-input-placeholder{color:#949494}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input:-moz-placeholder,.shopify-section.section-header-new.transparent>.section-header-new:hover .search-bar-wrap input:-moz-placeholder,.shopify-section.section-announcement-bar:hover+.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input:-moz-placeholder,body.transparent-header>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input:-moz-placeholder,body.search-active>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input:-moz-placeholder{color:#949494}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input::-moz-placeholder,.shopify-section.section-header-new.transparent>.section-header-new:hover .search-bar-wrap input::-moz-placeholder,.shopify-section.section-announcement-bar:hover+.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::-moz-placeholder,body.transparent-header>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::-moz-placeholder,body.search-active>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input::-moz-placeholder{color:#949494}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input:-ms-input-placeholder,.shopify-section.section-header-new.transparent>.section-header-new:hover .search-bar-wrap input:-ms-input-placeholder,.shopify-section.section-announcement-bar:hover+.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input:-ms-input-placeholder,body.transparent-header>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input:-ms-input-placeholder,body.search-active>.shopify-section.section-header-new.transparent>.section-header-new .search-bar-wrap input:-ms-input-placeholder{color:#949494}.shopify-section.section-header-new .search-bar-wrap .btn.search{position:absolute;display:flex;border:none;background:none;padding:0;top:10px;right:18px}.shopify-section.section-header-new .search-bar-wrap .btn.clear{position:absolute;top:9px;right:-25px;background:none;border:none;cursor:pointer;padding:0;display:none}.shopify-section.section-header-new>.section-header-new .search-wrap.active{display:block}.shopify-section.section-header-new>.section-header-new .search-bar-wrap{display:block}@media screen and (max-width: 1279px){.shopify-section.section-header-new>.section-header-new .search-wrap{position:fixed;left:-100%;z-index:5;display:block;border-bottom:1px solid #E6E6E6;max-height:unset;width:100%;top:0;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.shopify-section.section-header-new>.section-header-new .search-wrap .search>svg{width:24px;height:24px}body.navigation-active .shopify-section.section-header-new>.section-header-new .search-wrap{left:0}.shopify-section.section-header-new>.section-header-new .search-wrap{margin-top:0;padding-top:0}.shopify-section.section-header-new>.section-header-new .search-bar-wrap{width:100%;margin:48px 0 24px;padding:0}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input{padding:7px 40px;border-color:#e6e6e6;border-radius:0;font-size:16px}.shopify-section.section-header-new>.section-header-new .search-bar-wrap input::placeholder{color:#999;font-family:Lato,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.shopify-section.section-header-new .search-bar-wrap .btn.search{right:unset;top:50%;left:8px;padding:0;display:flex;transform:translateY(-50%)}.shopify-section.section-header-new .search-bar-wrap .btn.clear{top:0;right:0;padding:20.5px 13px}}@media screen and (min-width: 1280px){.shopify-section.section-header-new .search-bar-wrap .btn.search svg{width:11.6px;height:11.6px}.shopify-section.section-header-new .search-bar-wrap .btn.clear.active{display:block}}@media only screen and (max-width: 1279px) and (min-width: 750px){.shopify-section.section-header-new>.section-header-new .search-wrap{width:420px}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/component-search-bar.css.map */