.new-search-container{cursor:pointer}.bh-mo .new-search-container{width:clamp(28px,9vw,35px);height:clamp(28px,9vw,35px);padding:0;border:0;background:transparent;flex-shrink:0}.bh-mo .new-search-container svg{width:clamp(18px,5.6vw,22px);height:clamp(18px,5.6vw,22px)}#beauty-header{transition:opacity .2s ease}#beauty-header.is-search-hidden{opacity:0;visibility:hidden;pointer-events:none}.new-search-container-box{position:fixed;top:var(--bh-sticky-top, 0px);left:0;right:0;z-index:100000;width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.new-search-container-box.is-open{opacity:1;visibility:visible}.new-search-container-box[hidden]{display:none}.new-search-container-box__inner{position:relative;width:90%;max-width:500px;margin:0 auto}.new-search-container-box__inner .search-bar{width:100%;padding:0;margin:0}.new-search-container-box__inner .search-bar input{height:35px;padding-left:2.5rem;padding-right:3rem;font-size:16px}.new-search-container-box .input-group-btn{position:absolute;top:0;bottom:0;left:.5rem;display:flex;margin:auto}.new-search-container-box .input-group-btn button{height:auto;padding:0;color:#000;background:transparent}.new-search-close{position:absolute;top:0;right:.5rem;bottom:0;width:36px;height:36px;margin:auto;padding:0;border:0;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.new-search-close:hover{transform:scale(1.1)}.new-search-container:focus-visible,.new-search-close:focus-visible,.new-search-container-box__inner .search-bar button:focus-visible{outline:2px solid #000;outline-offset:2px}.new-search-container-box__inner .search-bar input:focus{outline:2px solid #e29a00;outline-offset:2px}@media screen and (min-width:769px){.new-search-container-box__inner .search-bar input:focus{outline:2px solid #e29a00;outline-offset:2px}}@media screen and (max-width:768px){.new-search-container-box{height:var(--bh-mo-bar-height, 56px)}}@media(prefers-reduced-motion:reduce){#beauty-header,.new-search-container-box,.new-search-close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/header-search.css.map */