.header__search{--kns-ink:#1A1F4D;--kns-muted:#6B6E85;--kns-line:#ECE8EF;--kns-bg:#FBFAF7;--kns-surface:#FFFFFF;--kns-lilac-50:#EFE8F4;--kns-lilac:#B9A3CC;--kns-violet:#45224F;--kns-sans:"DM Sans", system-ui, -apple-system, sans-serif;--kns-serif:"Libre Baskerville", Georgia, serif;--kns-pill-h:50px;--kns-close:40px;--kns-gap:10px;--kns-ease:cubic-bezier(.2,.7,.2,1)}@media screen and (min-width:750px){.header__search{--kns-pill-h:54px}}.header__search .search-modal.modal__content{background:transparent;background-image:none;border:0;box-shadow:none;align-items:flex-start;justify-content:center}.header__search details[open]>.search-modal{opacity:1;animation:none}.header__search details[open] .modal-overlay:after{top:0;left:0;right:0;height:100vh;background-color:#1a1f4d40;-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%);cursor:pointer;animation:knsFade .32s ease both}.header__search .search-modal__content,.header__search .search-modal__content-top,.header__search .search-modal__content-bottom{position:relative;inset:auto;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--kns-gap);width:100%;height:auto;min-height:calc(100% + 1px);padding:14px 16px 16px;background:var(--kns-surface);border-radius:0 0 22px 22px;box-shadow:0 1px 0 var(--kns-line),0 26px 50px -26px #1a1f4d47;line-height:1.4;animation:knsDrop .34s var(--kns-ease) both}.header__search .search-modal__content:focus{outline:0}@media screen and (min-width:750px){.header__search .search-modal__content,.header__search .search-modal__content-top,.header__search .search-modal__content-bottom{padding:20px 88px 24px;border-radius:0 0 28px 28px}}.header__search .search-modal__content>.search-modal__form{position:relative;flex:1 1 auto;width:100%;max-width:640px;min-width:0}.header__search .search-modal__form .search-modal__form{max-width:none;width:100%}.header__search .search.search-modal__form{margin:0}.header__search .search-modal .field{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;border-radius:999px;background:transparent;box-shadow:0 12px 30px -16px #1a1f4d38,0 2px 6px #1a1f4d0a;transition:box-shadow .3s ease}.header__search .search-modal .field:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:999px;background:linear-gradient(115deg,#b9a3ccd9,#efe8f4f2 45%,#b9a3ccb3 75%,#45224f59);box-shadow:none;filter:blur(10px);opacity:0;transition:opacity .35s ease,filter .35s ease;pointer-events:none}.header__search .search-modal .field:after,.header__search .search-modal .field:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:1px solid var(--kns-line);border-radius:999px;box-shadow:none;pointer-events:none;transition:border-color .3s ease}.header__search .search-modal .field:hover:before{opacity:.55}.header__search .search-modal .field:hover:after{border-color:#b9a3ccb3}.header__search .search-modal .field:focus-within{box-shadow:0 0 0 4px #b9a3cc2e,0 16px 36px -16px #45224f4d}.header__search .search-modal .field:focus-within:before{opacity:.9;filter:blur(12px)}.header__search .search-modal .field:focus-within:after{border-color:var(--kns-lilac)}.header__search .search-modal .search__input.field__input{-webkit-appearance:none;appearance:none;position:relative;z-index:1;flex:1 1 auto;width:100%;min-width:0;height:var(--kns-pill-h);min-height:0;margin:0;padding:0 52px 0 50px;border:0;border-radius:999px;background:var(--kns-surface);color:var(--kns-ink);font-family:var(--kns-sans);font-size:16px;font-weight:400;letter-spacing:0;line-height:var(--kns-pill-h);box-shadow:none;outline:0;caret-color:var(--kns-violet)}.header__search .search-modal .search__input.field__input::placeholder{opacity:1;color:var(--kns-muted)}.header__search .search-modal .search__input.field__input::-webkit-search-cancel-button{display:none}@media screen and (min-width:750px){.header__search .search-modal .search__input.field__input{padding:0 60px 0 56px;font-size:16.5px}}.header__search .search-modal .field .field__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.header__search .search-modal .field .search__button.field__button,.header__search .search-modal .field .search__button.field__button:not(:focus-visible):not(.focused){position:absolute;z-index:3;top:50%;left:6px;right:auto;width:40px;height:40px;margin:0;border-radius:50%;background:transparent;color:var(--kns-ink);box-shadow:none;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease}.header__search .search-modal .field .search__button.field__button:hover{background:var(--kns-lilac-50)}.header__search .search-modal .field .search__button .svg-wrapper,.header__search .search-modal .field .search__button .icon{width:18px;height:18px}.header__search .search-modal .field .search__button:hover .icon{transform:none}@media screen and (min-width:750px){.header__search .search-modal .field .search__button.field__button,.header__search .search-modal .field .search__button.field__button:not(:focus-visible):not(.focused){left:8px}}.header__search .search-modal .field .reset__button.field__button,.header__search .search-modal .field .reset__button.field__button:not(:focus-visible):not(.focused){position:absolute;z-index:3;top:50%;right:9px;left:auto;width:32px;height:32px;margin:0;border-radius:50%;background:var(--kns-lilac-50);color:var(--kns-ink);box-shadow:none;transform:translateY(-50%);transition:background-color .2s ease}.header__search .search-modal .field .reset__button.field__button:hover{background:#e4daec}.header__search .search-modal .field .reset__button:after{display:none}.header__search .search-modal .field .reset__button .svg-wrapper,.header__search .search-modal .field .reset__button .icon{width:24px;height:24px}.header__search .search-modal .field .reset__button .icon{stroke-width:1.25px}.header__search .search-modal .field .reset__button circle{display:none}.header__search .search-modal .field .reset__button:hover .icon{transform:none}@media screen and (min-width:750px){.header__search .search-modal .field .reset__button.field__button,.header__search .search-modal .field .reset__button.field__button:not(:focus-visible):not(.focused){right:11px}}.header__search .search-modal__close-button.modal__close-button.link{position:relative;top:auto;right:auto;flex:none;width:var(--kns-close);height:var(--kns-close);margin:0;padding:0;border-radius:50%;border:1px solid var(--kns-line);background:var(--kns-bg);color:var(--kns-ink);box-shadow:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.header__search .search-modal__close-button.modal__close-button.link:hover{background:var(--kns-lilac-50);border-color:var(--kns-lilac-50)}.header__search .search-modal__close-button .svg-wrapper,.header__search .search-modal__close-button .icon{width:14px;height:14px}.header__search .search-modal__close-button:hover .icon{transform:none}@media screen and (min-width:750px){.header__search .search-modal__close-button.modal__close-button.link{position:absolute;top:50%;right:30px;margin-top:-2px;transform:translateY(-50%)}}@media screen and (min-width:990px){.header__search .search-modal__close-button.modal__close-button.link{right:max(48px,calc((100% - var(--page-width, 120rem)) / 2 + 48px))}}.header__search .search-modal .field__button:focus-visible,.header__search .search-modal__close-button:focus-visible{outline:2px solid var(--kns-lilac);outline-offset:2px;box-shadow:none}.header__search predictive-search{position:relative}.header__search .predictive-search.predictive-search--header{top:calc(100% + 10px);left:0;right:calc(-1 * (var(--kns-close) + var(--kns-gap)));width:auto;max-height:min(70vh,calc(100vh - 150px))!important;padding:6px 0 8px;border:1px solid var(--kns-line);border-radius:20px;background:var(--kns-surface);box-shadow:0 30px 60px -28px #1a1f4d52,0 4px 14px #1a1f4d0d;color:var(--kns-ink);font-family:var(--kns-sans);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;animation:knsFade .2s ease both}@media screen and (min-width:750px){.header__search .predictive-search.predictive-search--header{right:0;max-height:min(560px,calc(100vh - 170px))!important;border-radius:22px}}.header__search .predictive-search__results-groups-wrapper{border-bottom:1px solid var(--kns-line);padding-bottom:8px;margin-bottom:4px}.header__search .predictive-search__heading{margin:0 20px;padding:14px 0 8px;border-bottom:0;font-family:var(--kns-sans);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--kns-muted)}.header__search .predictive-search__results-list{padding:0 8px;margin:0}.header__search .predictive-search__item{border-radius:14px;padding:10px 12px;color:var(--kns-ink);transition:background-color .2s ease}.header__search .predictive-search__item--link-with-thumbnail{grid-template-columns:52px minmax(0,1fr);grid-column-gap:14px;align-items:center}.header__search .predictive-search__image{width:52px;height:52px;padding:4px;border-radius:12px;background:var(--kns-lilac-50);object-fit:contain}.header__search .predictive-search__item-heading{font-family:var(--kns-sans);font-size:15px;font-weight:500;line-height:1.35;letter-spacing:0;color:var(--kns-ink)}.header__search .predictive-search__item--link-with-thumbnail .predictive-search__item-heading{font-family:var(--kns-serif);font-weight:400;font-size:15.5px}.header__search .predictive-search__item .price{color:var(--kns-muted);font-size:13.5px}.header__search .predictive-search__item-query-result *:not(mark){font-weight:600}.header__search .predictive-search__item-query-result mark{color:var(--kns-muted)}.header__search .predictive-search__list-item[aria-selected=true]>*,.header__search .predictive-search__list-item:hover>*,.header__search .predictive-search__item[aria-selected=true],.header__search .predictive-search__item:hover{background-color:var(--kns-lilac-50);color:var(--kns-ink)}.header__search .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.header__search .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.header__search .predictive-search__search-for-button{padding:0 8px}.header__search .predictive-search__item--term{width:100%;padding:12px;font-family:var(--kns-sans);font-size:15px;font-weight:500;letter-spacing:0;line-height:1.4;word-break:break-word;color:var(--kns-ink)}.header__search .predictive-search__item--term .icon-arrow,.header__search .predictive-search__item--term .svg-wrapper{width:14px;height:14px;margin-left:16px;color:var(--kns-violet)}.header__search .predictive-search__loading-state{color:var(--kns-lilac)}.header__search predictive-search .spinner .path{stroke:var(--kns-lilac)}@keyframes knsDrop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes knsFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.header__search .search-modal__content,.header__search details[open] .modal-overlay:after,.header__search .predictive-search.predictive-search--header{animation:none}.header__search .search-modal .field,.header__search .search-modal .field:before,.header__search .search-modal .field:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kn-search.css.map */