#search-modal{--on-search-pad: 17px}@media screen and (min-width:750px){#search-modal{--on-search-pad: 35px}}#search-modal .search-modal__content{--modal-max-height: none;position:fixed;inset:var(--on-announcement-height) 0 auto;width:100%;max-width:none;height:629px;max-height:calc(100dvh - var(--on-announcement-height));margin:0;border:0;border-radius:0;box-shadow:none;background:var(--on-color-white);color:var(--on-color-ink);font-family:var(--on-font-sans)}#search-modal .search-modal__content::backdrop{animation:on-search-veil-in var(--animation-speed, .2s) var(--animation-easing, ease) backwards;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(transparent var(--on-announcement-height, 38px),rgb(0 0 0 / 50%) 0)}@keyframes on-search-veil-in{0%{opacity:0}}@media screen and (max-width:749px){#search-modal .search-modal__content{top:0;right:0;bottom:0;left:0;height:100dvh;max-height:100dvh}}#search-modal predictive-search-component{height:100%;align-items:stretch;background:var(--on-color-white)}#search-modal .predictive-search-form{display:flex;flex-direction:column;height:100%}#search-modal .predictive-search-form__header{position:static;flex-direction:column;align-items:stretch;gap:15px;padding:20px var(--on-search-pad) 0;border:0;border-radius:0;background:var(--on-color-white);box-shadow:none}#search-modal .predictive-search-form__header:before{content:none}#search-modal .predictive-search__close-modal-button{display:flex;order:-1;align-self:flex-end;gap:6px;width:auto;height:44px;margin:-10px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--on-color-ink);font-family:var(--on-font-sans);font-size:14px;font-weight:400;line-height:22px;letter-spacing:0;text-transform:uppercase}#search-modal .predictive-search__close-modal-button .svg-wrapper{display:none}#search-modal .predictive-search__close-modal-button:before{content:var(--on-search-close-label, none)}#search-modal .predictive-search__close-modal-button:after{content:"";flex:none;width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.43 19.03V5.17h2.98v1.05H2.62v11.76h1.79v1.05zM22.57 5.17v13.86h-2.98v-1.05h1.79V6.22h-1.79V5.17z'/%3E%3Cpath d='M8.63 15.54 15.71 8.28M15.71 15.54 8.63 8.28' fill='none' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E") center / 24px 24px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.43 19.03V5.17h2.98v1.05H2.62v11.76h1.79v1.05zM22.57 5.17v13.86h-2.98v-1.05h1.79V6.22h-1.79V5.17z'/%3E%3Cpath d='M8.63 15.54 15.71 8.28M15.71 15.54 8.63 8.28' fill='none' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E") center / 24px 24px no-repeat}#search-modal .predictive-search__close-modal-button:hover:before{text-decoration:underline;text-underline-offset:4px}#search-modal .predictive-search-form__header-inner{position:relative;box-sizing:border-box;height:38px;border:1px solid var(--on-color-muted)!important;border-radius:8px;background:var(--on-color-border);color:var(--on-color-ink)}@media screen and (min-width:750px){#search-modal .predictive-search-form__header{flex-direction:row;align-items:center;gap:44px;padding:31px 0 0 var(--on-search-pad)}#search-modal .predictive-search-form__header-inner{flex:0 1 1230px;min-width:0}#search-modal .predictive-search__close-modal-button{flex:none;order:0;align-self:center}}#search-modal input.search-input{height:36px;padding-block:0;padding-inline:34px 0;border-radius:8px;color:var(--on-color-ink);font-family:var(--on-font-sans);font-size:14px;line-height:22px;letter-spacing:0}#search-modal input.search-input::placeholder{color:#4b514e;opacity:1}#search-modal .predictive-search__icon{inset-inline-start:10px;width:16px;height:16px;color:var(--on-color-ink)}#search-modal .predictive-search__icon>svg{width:16px;height:16px}@media screen and (max-width:749px){#search-modal .predictive-search__close-modal-button,#search-modal input.search-input,#search-modal input.search-input::placeholder{letter-spacing:-.2px}}#search-modal .predictive-search__reset-button{flex:none;color:var(--on-color-ink);height:36px;min-width:36px;margin-inline-end:4px;padding-inline:4px;white-space:nowrap}#search-modal .predictive-search-form__content-wrapper{top:auto;flex:1;min-height:0;max-height:none;border-radius:0;box-shadow:none}#search-modal .predictive-search-form__content{height:100%;max-height:none;padding-block-end:0;background:var(--on-color-white)}#search-modal .predictive-search-form__footer{display:none}#search-modal .predictive-search-form__content:not(:has(.on-search-empty,.on-search-results)),#search-modal .on-search-results .predictive-search-results__no-results{padding-inline:var(--on-search-pad)}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__inner{padding:24px 0 16px}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__products{padding-inline:0}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__title{margin:0 0 39px;padding-inline:34px;color:var(--on-color-ink);font-family:var(--on-font-alt);font-size:14px;font-weight:700;line-height:16px;letter-spacing:var(--on-tracking);text-transform:uppercase}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__wrapper-products{display:flex;gap:12px;padding:0 34px;overflow-x:auto;scrollbar-width:none}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__card{flex:0 0 186px;min-width:0}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__card--product{padding:0;margin:0}#search-modal :is(.on-search-empty,.on-search-results) .on-card__info{min-height:102px}@media screen and (min-width:750px){#search-modal .search-modal__content:has(.on-search-none){height:703px}}#search-modal .on-search-results .predictive-search-results__inner:has(.on-search-none){padding-block-start:0}.on-search-none{display:flex;flex-direction:column;gap:6px;padding:16px 16px 0;color:var(--on-color-ink);font-family:var(--on-font-sans);text-align:center}.on-search-none__title{margin:0;color:var(--on-color-black);font-size:18px;font-weight:700;line-height:23px;letter-spacing:var(--on-tracking);text-transform:uppercase}.on-search-none__text{margin:0;font-size:16px;line-height:29px;letter-spacing:var(--on-tracking)}.on-search-none+.predictive-search-results__products{margin-block-start:24px}#search-modal .on-search-empty__more{display:block;box-sizing:border-box;width:100%;margin:30px 0 0;padding:15px;border-block:1px solid var(--on-color-ink);color:var(--on-color-ink);font-family:var(--on-font-display);font-size:22px;font-weight:400;line-height:22px;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase}#search-modal .on-search-empty__more:before{content:"["}#search-modal .on-search-empty__more:after{content:"]"}@media(hover:hover){#search-modal .on-search-empty__more:hover{text-decoration:underline;text-underline-offset:4px}}@media screen and (max-width:749px){#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__inner{padding-block-start:16px}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__title{margin-block-end:16px;padding-inline:16px}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__wrapper-products{gap:4px;padding-inline:16px}#search-modal :is(.on-search-empty,.on-search-results) .predictive-search-results__card{flex-basis:190px}#search-modal :is(.on-search-empty,.on-search-results) .on-card__info{min-height:77px}#search-modal .on-search-empty__more{margin-block-start:0}#search-modal .on-search-results .on-search-empty__more{display:none}#search-modal .on-search-results .predictive-search-results__inner{padding-block-start:8px}.on-search-none{padding-block-start:31px}.on-search-none__text{font-size:15px;line-height:27px}.on-search-none+.predictive-search-results__products{margin-block-start:16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/on-search.css.map */