.search-bar{position:relative;text-align:left}.search-bar__form{display:flex;align-items:center;border-bottom:2px solid rgba(var(--color-text))}.search-bar__input{width:100%;padding:4px 0;border:none;border-radius:0;font-family:var(--font-menu-family);font-size:calc(var(--font-menu-scale) * 4rem);font-weight:var(--font-menu-weight);letter-spacing:calc(var(--font-menu-letter-spacing) * (var(--font-menu-scale) * 4rem));text-transform:var(--font-menu-transform)}@media screen and (min-width: 1025px){.search-bar__input{font-size:calc(var(--font-menu-scale) * 5.6rem);letter-spacing:calc(var(--font-menu-letter-spacing) * (var(--font-menu-scale) * 5.6rem))}}.search-bar__submit{transition:opacity var(--transition-primary)}.search-bar__submit:hover{opacity:var(--link-hover-opacity)}.search-bar__submit .icon-arrow-right-thick{width:30px;height:auto}@media screen and (min-width: 1025px){.search-bar__submit .icon-arrow-right-thick{width:41px}}.search-bar--header{visibility:hidden;position:absolute;left:0;width:100%;transition:opacity var(--transition-primary),visibility var(--transition-primary),margin var(--transition-primary);opacity:0;background-color:rgba(var(--color-header-background))}@media screen and (min-width: 768px){.search-bar--header{left:50%;transform:translate(-50%)}}.search-bar--header.active{visibility:visible;opacity:1}.header--mobile-top .search-bar.active,.header--mobile-bottom .search-bar.active,.header--desktop-top .search-bar.active,.header--desktop-bottom .search-bar.active{margin:0}.search-bar--header .search-bar__form{border-bottom:2px solid rgba(var(--color-header-text))}.search-bar--header .search-bar__input,.search-bar--header .search-bar__input::placeholder,.search-bar--header .search-bar__submit{color:rgba(var(--color-header-text))}.search-bar--header .search-bar__input{background-color:rgba(var(--color-header-background))}.header--mobile-top .search-bar{top:calc(100% - 12px);margin-top:-20px;padding:35px 12px 42px;border-bottom-right-radius:var(--header-border-radius);border-bottom-left-radius:var(--header-border-radius)}@media screen and (min-width: 375px){.header--mobile-top .search-bar{padding:35px 24px 50px}}@media screen and (min-width: 768px){.header--mobile-top .search-bar{padding:17px 40px 50px}}.header--mobile-bottom .search-bar{bottom:calc(100% - 12px);margin-bottom:-20px;padding:42px 12px 47px;border-top-left-radius:var(--header-border-radius);border-top-right-radius:var(--header-border-radius)}@media screen and (min-width: 375px){.header--mobile-bottom .search-bar{padding:40px 24px 47px}}@media screen and (min-width: 768px){.header--mobile-bottom .search-bar{padding:40px 40px 27px}}@media screen and (min-width: 1025px){.header--desktop-top .search-bar{top:calc(100% - 12px);bottom:auto;margin-top:-20px;padding:18px 40px 40px;border-radius:0;border-bottom-right-radius:var(--header-border-radius);border-bottom-left-radius:var(--header-border-radius)}.header--desktop-bottom .search-bar{top:auto;bottom:calc(100% - 12px);margin-bottom:-20px;padding:30px 40px 28px;border-radius:0;border-top-left-radius:var(--header-border-radius);border-top-right-radius:var(--header-border-radius)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-search-bar.css.map */