.header--search-bar{grid-template-areas:"left-icons heading icons" "search search search";grid-template-columns:1fr minmax(0,auto) 1fr;row-gap:1rem;padding-top:.8rem;padding-bottom:1rem}.header--search-bar header-drawer{grid-area:left-icons}.header--search-bar .header__heading,.header--search-bar .header__heading-link{grid-area:heading;justify-self:center;min-width:0;max-width:100%}.header--search-bar .header__icons{grid-area:icons}.header--search-bar .header__search-bar{grid-area:search;width:100%;min-width:0}.header.header--search-bar .header__icons .header__search,.header.header--search-bar>.header__search{display:none}@media screen and (min-width:990px){.header--search-bar{grid-template-areas:"heading search icons";grid-template-columns:auto minmax(0,1fr) auto;column-gap:3rem;row-gap:0;min-height:102px;padding-top:0;padding-bottom:0}.header--search-bar:not(.header--nav-bar).header--has-menu{grid-template-areas:"heading search icons" "navigation navigation navigation"}.header--search-bar .header__heading,.header--search-bar .header__heading-link{justify-self:start}.header--search-bar .header__search-bar{justify-self:center;width:calc((min(var(--page-width),100vw) - 10rem)*.49);max-width:100%}}.header--logo-trim .header__heading-logo-wrapper{overflow:hidden;max-width:100%;line-height:0}.header--logo-trim .header__heading-logo{display:block;max-width:none;width:148.6%;margin-left:-22.3%;margin-top:-26.7%;margin-bottom:-35.3%}.header--logo-trim .header__heading-link{padding-top:0;padding-bottom:0}@media screen and (max-width:989px){.header--logo-trim .header__heading-logo-wrapper{max-width:min(100%,52vw)}}@media screen and (min-width:990px){.header--logo-trim .header__heading-link{margin-left:0;padding-left:0}}.header--search-bar .header__icons{padding-right:0;gap:.4rem}.header--search-bar .header__icon{width:38px;height:38px}.header--search-bar .header__icon .svg-wrapper,.header--search-bar .header__icon .icon{width:22px;height:22px}.header-search-bar{position:relative;width:100%}.header-search-bar__field{display:flex;align-items:stretch;height:46px;padding:2px;background-color:rgb(var(--color-background));border:1px solid rgb(var(--header-brand, var(--color-foreground)));border-radius:5px;transition:box-shadow var(--duration-short) ease}.header-search-bar__field:focus-within{box-shadow:0 0 0 .1rem rgb(var(--header-brand, var(--color-foreground)))}.header-search-bar__select-wrapper,.header-search-bar__input,.header-search-bar__submit.button{height:40px;min-height:0}.header-search-bar__select-wrapper{position:relative;flex:0 0 36%;max-width:36%;display:flex;align-items:center;background-color:rgb(var(--color-background));border-radius:5px}.header-search-bar__select{-webkit-appearance:none;appearance:none;width:100%;height:100%;margin:0;padding:0 30px 0 15px;border:0;background:transparent;color:rgb(var(--header-brand, var(--color-foreground)));font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:1.7;letter-spacing:normal;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-bar__select option{color:rgb(var(--header-brand, var(--color-foreground)));background-color:rgb(var(--color-background));font-size:14px}.header-search-bar__select:focus,.header-search-bar__select:focus-visible{outline:none}.header-search-bar__select-wrapper .svg-wrapper{position:absolute;right:15px;top:50%;width:10px;height:6px;transform:translateY(-50%);pointer-events:none;color:rgb(var(--header-brand, var(--color-foreground)))}.header-search-bar__select-wrapper .svg-wrapper .icon-caret{position:static;width:100%;height:100%}.header-search-bar__input{flex:1 1 40%;min-width:0;margin:0;padding:0 15px;border:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:13px;line-height:18px;letter-spacing:normal}.header-search-bar__input::placeholder{color:rgba(var(--color-foreground),.55)}.header-search-bar__input:focus,.header-search-bar__input:focus-visible{outline:none;box-shadow:none}.header-search-bar__input::-webkit-search-decoration,.header-search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.header-search-bar__reset{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;padding:0;border:0;background:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer}.header-search-bar__reset .svg-wrapper{width:1.6rem;height:1.6rem}.header-search-bar__submit.button{flex:0 0 23%;min-width:0;padding:11px 15px;border-radius:5px;font-size:14px;font-weight:600;line-height:18px;letter-spacing:normal;color:rgb(var(--color-button-text))}.header-search-bar__submit.button:after{border-radius:5px}.header-search-bar__submit.button:hover{--color-button: var(--header-brand-hover, var(--color-button))}.header-search-bar .predictive-search{width:calc(100% + .2rem)}@media screen and (max-width:749px){.header-search-bar__select-wrapper{flex-basis:28%;max-width:28%}.header-search-bar__select{padding:0 24px 0 10px;font-size:13px}.header-search-bar__select-wrapper .svg-wrapper{right:10px}.header-search-bar__input{padding:0 10px}.header-search-bar__input::placeholder{font-size:12px}.header-search-bar__submit.button{flex-basis:auto;padding:11px 12px;font-size:13px}}@media screen and (max-width:359px){.header-search-bar__input{padding:0 6px}.header-search-bar__input::placeholder{font-size:11px}.header-search-bar__submit.button{padding:11px 8px}}.header-nav-bar{display:none}@media screen and (min-width:990px){.header-nav-bar{display:block;width:100%}.header-nav-bar>.page-width{padding-left:5rem;padding-right:5rem}.header-nav-bar .header__inline-menu{display:block;margin:0}.header-nav-bar .list-menu--inline{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;min-height:50px;margin:0;padding:0}.header-nav-bar .header__inline-menu>.list-menu--inline>li>.header__menu-item,.header-nav-bar .header__inline-menu>.list-menu--inline>li>header-menu>details>.header__menu-item{padding:5px 17.5px;color:rgb(var(--header-nav-text, var(--color-foreground)));font-size:14px;font-weight:var(--header-nav-weight, 400);line-height:14px;letter-spacing:normal;text-transform:uppercase}.header-nav-bar .header__inline-menu>.list-menu--inline>li>header-menu>details>summary.header__menu-item{padding-right:30px}.header-nav-bar .header__menu-item .icon-caret{right:12px;color:rgb(var(--color-foreground))}.header-nav-bar .list-menu--inline>li>header-menu>details>.header__menu-item .icon-caret{color:rgb(var(--header-nav-text, var(--color-foreground)))}.header-nav-bar .list-menu--inline>li>.header__menu-item .header__active-menu-item,.header-nav-bar .list-menu--inline>li>header-menu>details>.header__menu-item .header__active-menu-item{color:inherit;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.4rem}.header-nav-bar .header__submenu{top:100%;margin-top:0}.header-nav-bar .header__menu-item--highlight{position:relative}.header-nav-bar .header__menu-badge{position:absolute;left:50%;top:-1rem;transform:translate(-50%);padding:.1rem .6rem;border-radius:.3rem;background-color:rgb(var(--color-brand-dark));color:rgb(var(--header-nav-text, var(--color-background)));font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}}.utility-bar .announcement-bar__message,.announcement-bar .announcement-bar__message{min-height:45px;display:flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;font-size:18px;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-bar.css.map */