.header__search{position:relative;display:block;--hs-ease-back: cubic-bezier(.2, 1.7, .4, 1);--hs-pad-x: 18px;--hs-pad-y: 22px;--hs-btn-edge: calc(var(--hs-pad-x) + .3rem)}.header__search summary.header__icon--search{box-sizing:border-box;background:var(--cream-bright);color:var(--pastel-ink);border:5px solid var(--cream-bright);border-radius:var(--radius-pill);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--pastel-ink) 16%,transparent),0 4px color-mix(in srgb,var(--pastel-ink) 32%,transparent);rotate:-3deg;transition:opacity .2s var(--ease-out),scale .34s var(--hs-ease-back),rotate .34s var(--hs-ease-back),box-shadow .24s var(--ease-out)}.header__search summary.header__icon--search:hover{background:var(--cream-bright);rotate:1.5deg;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--pastel-ink) 16%,transparent),0 6px color-mix(in srgb,var(--pastel-ink) 38%,transparent)}.header__search details[open] summary.header__icon--search{opacity:0;scale:.72;rotate:10deg;pointer-events:none}.header__search details::details-content{content-visibility:hidden;transition:content-visibility .32s allow-discrete}.header__search details[open]::details-content{content-visibility:visible;transition:none}.header__search .search-modal.modal__content{position:absolute;inset-block:0;inset-inline:auto 0;z-index:5;width:min(680px,var(--hs-avail, 680px));display:grid;grid-template-columns:minmax(0,1fr);align-content:center;background:none;background-color:transparent;border-bottom:0;min-height:0;height:auto;opacity:1;animation:none}.header__search details[open] .modal-overlay{display:none}.header__inner:has(.header__search details[open]) .header__nav,.header__inner:has(.header__search details[open]) .desktop-localization-wrapper{opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.header__search .search-modal__content{display:block;width:100%;height:auto;padding:0;position:relative;top:auto;bottom:auto}.header__search predictive-search,.header__search search-form{display:block;position:relative;width:100%}.header__search form.search{position:relative;width:100%}.header__search .field{display:flex;align-items:center;width:auto;padding:var(--hs-pad-y) var(--hs-pad-x);margin:calc(-1 * var(--hs-pad-y)) calc(-1 * var(--hs-pad-x));clip-path:inset(0 0 0 100%);opacity:0;translate:14px 0;scale:.965;rotate:-4deg;transform-origin:100% 50%;transition:clip-path .24s var(--ease-out),opacity .18s linear,translate .24s var(--ease-out),scale .24s var(--ease-out),rotate .24s var(--ease-out)}.header__search details[open] .field{clip-path:inset(0 0 0 0);opacity:1;translate:0 0;scale:1;rotate:0deg;transition:clip-path .46s var(--ease-out-expo),opacity .2s linear,translate .56s var(--hs-ease-back),scale .56s var(--hs-ease-back),rotate .56s var(--hs-ease-back)}@starting-style{.header__search details[open] .field{clip-path:inset(0 0 0 100%);opacity:0;translate:14px 0;scale:.965;rotate:-4deg}}.header__search .field:before,.header__search .field:after{content:none}.header__search .search__input.field__input{box-sizing:border-box;flex-grow:1;width:100%;margin:0;min-height:48px;height:auto;font-size:max(1.6rem,16px);font-family:var(--font-body-family);line-height:1.4;background-color:var(--cream-bright);color:var(--pastel-ink);border:2px solid var(--pastel-ink);border-radius:var(--radius-pill);padding:.8rem 14rem .8rem 1.76rem;box-shadow:0 0 0 5px var(--cream-bright),0 0 0 6.5px color-mix(in srgb,var(--pastel-ink) 16%,transparent),0 2px 0 5px color-mix(in srgb,var(--pastel-ink) 16%,transparent);transition:box-shadow .46s var(--ease-out)}.header__search details[open] .search__input.field__input{box-shadow:0 0 0 5px var(--cream-bright),0 0 0 6.5px color-mix(in srgb,var(--pastel-ink) 16%,transparent),0 6px 0 5px color-mix(in srgb,var(--pastel-ink) 38%,transparent)}.header__search .search__input.field__input:focus-visible,.header__search .search__input.field__input:focus{box-shadow:0 0 0 5px var(--cream-bright),0 0 0 6.5px color-mix(in srgb,var(--pastel-ink) 16%,transparent),0 6px 0 5px color-mix(in srgb,var(--pastel-ink) 38%,transparent)}.header__search .search__input.field__input:focus-visible{outline-offset:7px}.header__search .search__input.field__input::placeholder{color:color-mix(in srgb,var(--pastel-ink) 78%,var(--cream-bright));opacity:1}.header__search .field__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;transition:none}.header__search .field__button{top:50%;translate:0 -50%;width:4.4rem;height:4.4rem;border-radius:var(--radius-pill);color:var(--pastel-ink);background-color:transparent;transition:background-color .2s var(--ease-out)}.header__search .field__button:hover{background-color:color-mix(in srgb,var(--pastel-ink) 10%,transparent)}.header__search .field .field__button:focus-visible{outline:3px solid var(--maroon-deep);outline-offset:-3px;background-color:transparent;box-shadow:none}.header__search .search__button{right:calc(var(--hs-btn-edge) + 4.4rem);top:50%}.header__search .reset__button{right:calc(var(--hs-btn-edge) + 8.8rem);top:50%}.header__search .reset__button:not(:focus-visible):after,.header__search .reset__button:not(:focus):after{border-right-color:color-mix(in srgb,var(--pastel-ink) 22%,transparent);border-right-width:2px;height:60%;top:20%}.header__search .search-modal__close-button{position:absolute;right:.3rem;top:50%;translate:0 -50%;width:4.4rem;height:4.4rem;margin:0;border-radius:var(--radius-pill);color:var(--pastel-ink);background-color:transparent;opacity:0;scale:.82;pointer-events:none;transition:opacity .12s linear,scale .12s var(--ease-out),background-color .2s var(--ease-out)}.header__search details[open] .search-modal__close-button{opacity:1;scale:1;pointer-events:auto;transition:opacity .18s linear,scale .34s var(--hs-ease-back),background-color .2s var(--ease-out)}@starting-style{.header__search details[open] .search-modal__close-button{opacity:0;scale:.82}}.header__search .search-modal__close-button:hover{background-color:color-mix(in srgb,var(--pastel-ink) 10%,transparent)}.header__search .search-modal__close-button:focus-visible{outline:3px solid var(--maroon-deep);outline-offset:-3px;box-shadow:none}.header__search .field:has(.reset__button.hidden) .search__input.field__input{padding-right:9.6rem}.header__search .search__leading-icon{display:none;place-items:center;position:absolute;left:calc(var(--hs-pad-x) + 1.52rem);top:50%;translate:0 -50%;color:var(--pastel-ink);pointer-events:none;z-index:2}.header__search .search__leading-icon .icon{width:18px;height:18px}.header__search .predictive-search{box-sizing:border-box;top:calc(100% + .8rem);left:0;right:auto;width:100%;border:5px solid var(--cream-bright);border-radius:var(--radius-lg);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--pastel-ink) 16%,transparent),0 18px 34px color-mix(in srgb,var(--pastel-ink) 22%,transparent);padding:.6rem;overscroll-behavior:contain;scroll-padding-block-end:7rem;scroll-padding-block-start:4.8rem;opacity:0;translate:0 -8px;scale:.985;transform-origin:50% 0;transition:opacity .2s var(--ease-out),translate .24s var(--ease-out-expo),scale .24s var(--ease-out-expo)}.header__search predictive-search[open] .predictive-search,.header__search predictive-search[loading] .predictive-search{opacity:1;translate:0 0;scale:1;transition:opacity .26s var(--ease-out),translate .34s var(--ease-out-expo),scale .34s var(--ease-out-expo);transition-delay:.11s}@starting-style{.header__search predictive-search[open] .predictive-search,.header__search predictive-search[loading] .predictive-search{opacity:0;translate:0 -8px;scale:.985}}.header__search .predictive-search__item{box-sizing:border-box}.header__search .predictive-search__heading{margin-inline:1.2rem}@media screen and (max-width:639px){.header__search{position:static}.header__search .search-modal.modal__content{inset-inline:var(--gutter);width:auto}.header__inner:has(.header__search details[open]) .header__heading,.header__inner:has(.header__search details[open]) .header__icon--account,.header__inner:has(.header__search details[open]) .header__icon--cart,.header__inner:has(.header__search details[open]) .header__nav-toggle{opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.header__search .search__leading-icon{display:grid;left:calc(var(--hs-pad-x) + 1.52rem)}.header__search .search__button{display:none}.header__search .reset__button{right:calc(var(--hs-btn-edge) + 4.4rem)}.header__search .search__input.field__input{padding-left:4.56rem;padding-right:9.6rem}.header__search .field:has(.reset__button.hidden) .search__input.field__input{padding-right:5.2rem}.header__search .reset__button .icon{box-sizing:border-box;width:2.72rem;height:2.72rem;padding:.7rem;border-radius:50%;background:color-mix(in srgb,var(--pastel-ink) 17%,transparent)}.header__search .reset__button:not(:focus-visible):after,.header__search .reset__button:not(:focus):after{display:none}.header__search .predictive-search{padding:.4rem}}@media(prefers-reduced-motion:reduce){.header__search summary.header__icon--search,.header__search .field,.header__search details[open] .field,.header__search .search__input.field__input,.header__search .field__button,.header__search .search-modal__close-button,.header__search .predictive-search,.header__search predictive-search[open] .predictive-search,.header__search predictive-search[loading] .predictive-search{transition:none}.header__search predictive-search[open] .predictive-search,.header__search predictive-search[loading] .predictive-search{transition-delay:0s}.header__search .field{translate:none;scale:none;rotate:none}.header__search details::details-content,.header__search details[open]::details-content{transition:none}.header__search details[open] summary.header__icon--search{transition:none}.header__inner:has(.header__search details[open]) .header__nav,.header__inner:has(.header__search details[open]) .desktop-localization-wrapper{transition:none}@media screen and (max-width:639px){.header__inner:has(.header__search details[open]) .header__heading,.header__inner:has(.header__search details[open]) .header__icon--account,.header__inner:has(.header__search details[open]) .header__icon--cart,.header__inner:has(.header__search details[open]) .header__nav-toggle{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-search.css.map */