@media screen and (min-width:750px){.search-modal .search-modal__content{--modal-width: 100vw;--modal-top-margin: 0px;--modal-max-height: 86dvh;max-width:100vw;margin-inline:0;border:0;border-bottom:var(--style-border-width) solid var(--color-border)}.search-modal .dialog-modal[open].search-modal__content{border-radius:0}}.search-modal .predictive-search-form__header{border:0;border-bottom:var(--style-border-width) solid var(--color-border);border-radius:0;background-color:var(--color-background)}.search-modal .predictive-search-form__header-inner{border:0;border-radius:0}@media screen and (min-width:750px){.search-modal .dialog-modal .predictive-search-form__header{padding-inline:max(var(--padding-2xl),calc((100vw - 68rem)/2));padding-block:var(--padding-sm)}.search-modal .predictive-search-form__header-inner:focus-within{outline:none}}.search-modal input.search-input{font-family:var(--font-heading--family);font-style:normal;font-weight:400;font-size:var(--font-size--2xl);text-overflow:ellipsis;line-height:1.2;padding-block:var(--padding-sm);border-radius:0}.search-modal input.search-input::placeholder{text-overflow:ellipsis}@media screen and (min-width:750px){.search-modal input.search-input{font-size:calc(var(--font-size--2xl) * 1.1)}}.search-modal input.search-input:is(:focus,:focus-visible){box-shadow:inset 0 calc(var(--focus-outline-width, 2px) * -1) 0 var(--color-foreground)}.search-modal .predictive-search__reset-button{font-size:var(--font-size--sm);text-decoration:underline;text-underline-offset:.3em;padding-inline:var(--padding-sm)}.search-modal .predictive-search__close-modal-button{border-radius:50%}.search-modal .predictive-search-form__header:before{content:none}.search-modal .predictive-search-results__inner{padding-inline:max(var(--padding-lg),calc((100vw - 68rem)/2))}.noord-search{display:grid;gap:var(--padding-lg);padding-block:var(--padding-lg) var(--padding-xl)}@media screen and (min-width:750px){.noord-search{grid-template-columns:minmax(12rem,15rem) 1fr;gap:var(--padding-4xl, 2.5rem)}.noord-search__side{grid-column:1;grid-row:1}.noord-search__main{grid-column:2;grid-row:1}.noord-search--pieces-only{grid-template-columns:1fr}.noord-search--pieces-only .noord-search__main{grid-column:1}}.noord-search__label,.search-modal .predictive-search-results__title{margin:0 0 var(--padding-xs);font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:400;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));text-transform:var(--font-h6--case);letter-spacing:var(--font-h6--letter-spacing)}.noord-search__links{margin:0 0 var(--padding-lg)}.noord-search__links a{display:block;padding-block:var(--padding-2xs);color:var(--color-foreground);font-size:var(--font-size--md);text-decoration:none}.noord-search__links a:hover{text-decoration:underline;text-underline-offset:.3em}.noord-search__links small{display:block;font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7))}.noord-search .highlight,.noord-search mark{background:none;color:inherit;font-weight:inherit}.noord-search__pieces{display:grid;gap:0}.noord-search__piece{position:relative;display:grid;grid-template-columns:56px 1fr 44px;align-items:center;column-gap:var(--padding-sm);padding-block:var(--padding-xs);border-bottom:var(--style-border-width) solid var(--color-border)}.noord-search__piece-link{display:grid;grid-column:1 / 3;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:var(--padding-sm);align-items:center;color:var(--color-foreground);text-decoration:none}.noord-search__piece-media{grid-row:1 / 3;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--product-corner-radius, 0);background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.noord-search__piece-image{display:block;width:100%;height:100%;object-fit:cover}.noord-search__piece-title{align-self:end;font-size:var(--font-size--md);line-height:1.3}.noord-search__piece-price{align-self:start;font-size:var(--font-size--sm);font-weight:400;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));font-variant-numeric:tabular-nums lining-nums}.noord-search__add{grid-column:3;grid-row:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:var(--style-border-width) solid var(--color-border);border-radius:50%;background:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background-color var(--gv-dur-fade) var(--gv-ease-swap),color var(--gv-dur-fade) var(--gv-ease-swap)}.noord-search__add svg{width:16px;height:16px}.noord-search__add:hover,.noord-search__add[aria-expanded=true]{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background)}.noord-search__add:disabled{opacity:var(--opacity-50, .5)}.noord-search__chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--padding-2xs);padding-block:var(--padding-xs) var(--padding-2xs)}.noord-search__chips[hidden]{display:none}.noord-search__chip{min-height:36px;padding:0 var(--padding-sm);border:var(--style-border-width) solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-size:var(--gv-size-body-s);cursor:pointer}.noord-search__chip:hover{border-color:var(--color-foreground)}:is(.noord-search__pieces,.noord-search__links,.noord-search__suggestions) [aria-selected=true].keyboard-focus,:is(.noord-search__add,.noord-search__chip,.noord-search__pill):focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}@media screen and (min-width:750px){.noord-search__pieces{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--padding-lg) var(--padding-md)}.noord-search--pieces-only .noord-search__pieces{grid-template-columns:repeat(5,minmax(0,1fr))}.noord-search__piece{display:block;padding:0;border:0}.noord-search__piece-link{display:block}.noord-search__piece-title{display:block;margin-top:var(--padding-xs);font-size:var(--font-size--sm)}.noord-search__piece-price{display:block;font-size:var(--font-size--xs)}.noord-search__add{position:absolute;top:var(--padding-xs);right:var(--padding-xs);width:36px;height:36px;border:0;box-shadow:0 2px 8px rgb(var(--color-foreground-rgb) / var(--opacity-20, .2))}.noord-search__add:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.noord-search__sold-out{position:absolute;top:var(--padding-xs);right:var(--padding-xs);padding:var(--padding-2xs, 4px) var(--padding-xs);background:var(--color-background)}}.noord-search__sold-out{grid-column:3;grid-row:1;justify-self:end;font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70));white-space:nowrap}.noord-search__suggestions{padding-block:var(--padding-lg) var(--padding-sm)}.noord-search__pills{display:flex;flex-wrap:wrap;gap:var(--padding-xs);margin:0 0 var(--padding-md)}.noord-search__pill{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--padding-md);border:var(--style-border-width) solid var(--color-border);border-radius:999px;color:var(--color-foreground);font-size:var(--font-size--sm);text-decoration:none}.noord-search__pill:hover{border-color:var(--color-foreground)}.noord-search__muted{margin:0 0 var(--padding-sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));line-height:1.55}.noord-search__browse a{color:var(--color-foreground);text-decoration:underline;text-underline-offset:.3em}.noord-search__empty{max-width:34rem;padding-block:var(--padding-2xl);text-align:start}.noord-search__empty-title{margin:0 0 var(--padding-xs);font-family:var(--font-heading--family);font-style:normal;font-size:var(--font-size--2xl);line-height:1.3}.search-modal .predictive-search-results__products .price{font-weight:400}.search-modal .predictive-search-results__wrapper-queries{padding-inline:0;margin-block-start:var(--padding-md)}.search-modal .predictive-search-results__pill{--pill-background-color: transparent;--pills-pill-background-color: transparent;background-color:transparent;border:var(--style-border-width) solid var(--color-border);font-weight:400}.search-modal .predictive-search-results__pill:hover{outline:none;border-color:var(--color-foreground)}.search-modal .predictive-search-form__header-inner{position:relative}@media screen and (min-width:750px){.search-modal .predictive-search__icon{left:0}}.search-modal .predictive-search-form__header:before,.search-modal .predictive-search__close-modal-button:before{display:none!important}@media screen and (max-width:749px){.search-modal .predictive-search__icon{left:0}.search-modal input.search-input{font-size:var(--font-size--xl)}}.search-modal .predictive-search-results__no-results.noord-search__empty{margin-inline:0;text-align:start}.search-modal .predictive-search-results__products{padding-inline:0}.search-modal .predictive-search-results__products :is(.price,product-price,.price *){font-weight:400}@media(prefers-reduced-motion:no-preference){.search-modal .dialog-modal[open].search-modal__content{transform-origin:top center;animation:noord-search-drop var(--gv-dur-arrive) var(--gv-ease-swap) both}.search-modal .dialog-modal.search-modal__content.dialog-closing{animation:noord-search-lift var(--gv-dur-fade) var(--gv-ease-swap) forwards}.search-modal .dialog-modal[open].search-modal__content::backdrop{animation:noord-search-shade var(--gv-dur-reveal) var(--gv-ease-swap)}.search-modal .dialog-modal[open] .noord-search__suggestions>*{animation:noord-search-rise var(--gv-dur-reveal) var(--gv-ease-swap) both;animation-delay:calc(var(--gv-dur-crossfade) * 1.3)}.search-modal .dialog-modal[open] .noord-search__suggestions>:nth-child(2){animation-delay:calc(var(--gv-dur-crossfade) * 1.65)}.search-modal .dialog-modal[open] .noord-search__suggestions>:nth-child(n+3){animation-delay:calc(var(--gv-dur-crossfade) * 2)}}@keyframes noord-search-drop{0%{clip-path:inset(0 0 100% 0);transform:translateY(-8px)}to{clip-path:inset(0 0 0 0);transform:none}}@keyframes noord-search-lift{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes noord-search-shade{0%{opacity:0}}@keyframes noord-search-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/noord-search.css.map */
