.header__search-inline{grid-area:search-inline;position:relative;display:flex;align-items:center;width:100%;max-width:64rem;margin:0 auto;justify-self:center}.search-inline__form{position:relative;width:100%}.search-inline__field{position:relative;display:flex;align-items:stretch;width:100%;border:.2rem solid rgba(var(--color-foreground),.15);border-radius:var(--popup-corner-radius, .6rem);background-color:rgb(var(--color-background));transition:border-color .2s ease,box-shadow .2s ease}.search-inline__field:focus-within{border-color:rgba(var(--color-foreground),.4);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.15)}.search-inline__dropdown-wrap{position:relative;display:flex;align-items:center;flex-shrink:0;border-right:.1rem solid rgba(var(--color-foreground),.12)}.search-inline__dropdown-toggle{appearance:none;-webkit-appearance:none;background:transparent;border:none;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;font-weight:500;padding:0 2.8rem 0 1.4rem;height:100%;cursor:pointer;white-space:nowrap;min-width:14rem;display:flex;align-items:center;gap:.6rem;position:relative}.search-inline__dropdown-toggle:focus{outline:none}.search-inline__dropdown-toggle:hover{background:rgba(var(--color-foreground),.04)}.search-inline__dropdown-caret{pointer-events:none;display:flex;align-items:center;color:rgba(var(--color-foreground),.5);transition:transform .2s ease}[aria-expanded=true] .search-inline__dropdown-caret{transform:rotate(180deg)}.search-inline__dropdown-list{display:none;position:absolute;top:calc(100% + .4rem);left:0;min-width:100%;max-height:30rem;overflow-y:auto;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--popup-corner-radius, .6rem);box-shadow:0 .4rem 1.6rem #00000026;z-index:20;padding:.4rem 0;margin:0;list-style:none}.search-inline__dropdown-list--open{display:block}.search-inline__dropdown-option{padding:.8rem 1.4rem;font-size:1.3rem;color:rgb(var(--color-foreground));cursor:pointer;white-space:nowrap;transition:background .15s ease}.search-inline__dropdown-option:hover{background:rgba(var(--color-foreground),.06)}.search-inline__dropdown-option--active{font-weight:600;background:rgba(var(--color-foreground),.04)}.search-inline__input{width:100%;height:4.8rem;padding:0 9rem 0 1.4rem;border:none;background:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.4rem;line-height:1;-webkit-appearance:none;appearance:none}.search-inline__input--has-dropdown{padding-left:1.4rem}.search-inline__input::placeholder{color:rgba(var(--color-foreground),.45)}.search-inline__input:focus{outline:none}.search-inline__submit{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:calc(var(--popup-corner-radius, .6rem) - .2rem);cursor:pointer;transition:opacity .2s ease;padding:0;flex-shrink:0}.search-inline__submit:hover{opacity:.85}.search-inline__submit .icon{width:1.8rem;height:1.8rem}.search-inline__reset{position:absolute;right:5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:rgba(var(--color-foreground),.5);padding:.4rem;transition:color .2s ease}.search-inline__reset:hover{color:rgb(var(--color-foreground))}.search-inline__reset .icon{width:1.4rem;height:1.4rem}.search-inline__reset.hidden{display:none}.header--has-inline-search{grid-template-areas:"left-icons heading icons" "search-inline search-inline search-inline";grid-template-rows:auto auto}@media screen and (min-width:990px){.header--middle-left.header--has-inline-search{grid-template-areas:"heading navigation search-inline icons";grid-template-columns:auto auto 1fr auto}.header--middle-left.header--has-inline-search:not(.header--has-menu){grid-template-areas:"heading search-inline icons";grid-template-columns:auto 1fr auto}.header--middle-left.header--has-inline-search.drawer-menu{grid-template-areas:"navigation heading search-inline icons";grid-template-columns:auto auto 1fr auto}.header--middle-center.header--has-inline-search:not(.drawer-menu){grid-template-areas:"navigation heading search-inline icons";grid-template-columns:1fr auto 1fr auto}.header--top-left.header--has-inline-search{grid-template-areas:"heading search-inline icons" "navigation navigation navigation";grid-template-columns:auto 1fr auto}.header--top-center.header--has-inline-search{grid-template-areas:"left-icons heading search-inline icons" "navigation navigation navigation navigation";grid-template-columns:1fr auto 1fr auto}}.predictive-search--inline{position:absolute;top:100%;left:0;right:0;margin-top:.2rem;z-index:10;border-radius:var(--popup-corner-radius, .4rem);box-shadow:0 .4rem 1.6rem #0000001f;max-height:50rem;overflow-y:auto}@media screen and (min-width:990px){.search-inline__input{height:5.2rem;font-size:1.5rem;padding-right:10rem}.search-inline__dropdown-toggle{font-size:1.4rem;min-width:16rem;padding:0 3rem 0 1.6rem}.search-inline__dropdown-option{font-size:1.4rem;padding:1rem 1.6rem}.search-inline__submit{width:4.4rem;height:4.4rem;right:.4rem}.search-inline__reset{right:5.4rem}}@media screen and (max-width:749px){.header__search-inline{max-width:none;padding:0;margin-top:-.4rem}.search-inline__input{height:4.4rem;font-size:1.4rem}.search-inline__dropdown-wrap{display:none}.predictive-search--inline{max-height:40rem;left:0;right:0;border-radius:var(--popup-corner-radius, .6rem)}}@media screen and (min-width:750px)and (max-width:989px){.header__search-inline{max-width:44rem}.search-inline__dropdown-toggle{min-width:12rem;font-size:1.2rem}}.header--has-inline-search .header__search{display:none}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-search-inline.css.map */