.hd-BannerMobileSearch{display:flex}.hd-BannerMobileSearch_Trigger{position:relative;align-items:center;justify-content:center;display:flex;width:30px;height:30px}.hd-BannerMobileSearch_Trigger svg{pointer-events:none;width:13px;height:13px;color:var(--Color_Brand)}.hd-BannerMobileSearch_TriggerIcon-active svg{position:absolute;top:50%;left:50%;width:16px;height:16px;color:var(--Color_Brand);transform:translate(-50%,-50%)}:where([active]) .hd-BannerMobileSearch_TriggerIcon-inactive{display:none}.hd-BannerMobileSearch_TriggerIcon-active{display:none}:where([active]) .hd-BannerMobileSearch_TriggerIcon-active{display:block}.hd-BannerMobileSearch_Dropdown{position:absolute;top:100%;right:0;left:0;z-index:-1;padding-block-start:14px;padding-block-end:14px;padding-inline-start:var(--Grid_Gutter);padding-inline-end:var(--Grid_Gutter);background-color:#fff;opacity:0;visibility:hidden;transform:translateY(-100%);transition:transform .3s ease,opacity .2s ease,visibility .2s ease;border-block-end:1px solid var(--Color_Brand)}:where([active]) .hd-BannerMobileSearch_Dropdown{opacity:1;visibility:visible;transform:none}.hd-BannerMobileSearch_Form{align-items:center;display:grid}.hd-BannerMobileSearch_Form>:where(*){grid-column:1;grid-row:1}.hd-BannerMobileSearch_Submit{z-index:1;width:13px;height:13px;margin-inline-start:13px;color:var(--Color_Brand)}.hd-BannerMobileSearch_Input{width:100%;padding:10px 12px 10px 34px;font-size:15px;line-height:18px;border:1px solid var(--Color_Border);border-radius:7px}.hd-BannerMobileSearch_Input::placeholder{opacity:1}.hd-BannerMobileSearch_Input:focus{font-size:16px}
/*# sourceMappingURL=/cdn/shop/t/183/assets/header-banner-mobile-search.css.map */