@media(min-width:641px){.fv-brand-rail .fv-brand-rail__track,.fv-header--flyout .fv-header__inner{width:calc(100% - 40px);max-width:none}}.fv-header-search{position:static}.fv-header-search__form{display:flex;align-items:center;width:100%;min-height:44px;padding:0 4px 0 16px;border-radius:8px;background:var(--fv-ink);color:var(--fv-paper)}.fv-header-search__form input[type=search]{min-width:0;flex:1;width:100%;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:400 13px/1.4 IBM Plex Sans,sans-serif;letter-spacing:.015em}.fv-header-search__form input::placeholder{color:inherit;opacity:1}.fv-header-search__form input:focus{outline:none}.fv-header-search__form:focus-within{outline:2px solid var(--fv-accent);outline-offset:3px}.fv-header-search .fv-header-search__submit{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.fv-header-search__submit svg{width:22px;height:22px;stroke-width:1.8}.fv-header-search .fv-header-search__submit:hover{background:color-mix(in srgb,currentColor 10%,transparent);transform:none}.fv-header-search .fv-header-search__submit:focus-visible{outline-color:currentColor;outline-offset:-3px}@media(min-width:961px){.fv-header-search__form{width:44px;padding:0;border:1px solid color-mix(in srgb,var(--fv-ink) 22%,transparent);border-radius:50%;background:transparent;color:var(--fv-ink);overflow:hidden;transition:width .24s ease,border-radius .24s ease,background .24s ease,color .24s ease,padding .24s ease}.fv-header-search__form input[type=search]{width:0;flex:0 1 0;opacity:0;pointer-events:none}.fv-header-search__form:focus-within{width:clamp(230px,24vw,340px);padding-left:14px;border-radius:7px;background:var(--fv-ink);color:var(--fv-paper)}.fv-header-search__form:focus-within input[type=search]{width:100%;flex:1;opacity:1;pointer-events:auto}}@media(max-width:960px){.fv-header--flyout{padding-bottom:60px}.fv-header-search{position:absolute;left:20px;right:20px;bottom:12px}.fv-header-search__form{width:100%}.fv-header-search__form input[type=search]{font-size:16px}}@media(max-width:640px){.fv-header-search{left:16px;right:16px}}@media(max-width:360px){.fv-header--flyout .fv-wordmark{width:7.2rem}.fv-header--flyout .fv-wordmark__text{font-size:1.13rem}}@media(prefers-reduced-motion:reduce){.fv-header-search__form{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/header-search.css.map */