#search-modal{--modal-max-height: 78dvh;--hod-sm-pad: max(var(--hod-gutter), calc((100% - var(--hod-wrap)) / 2 + var(--hod-gutter)));--hod-sm-row: 70px;--resource-card-corner-radius: 0;--product-corner-radius: 0;--card-corner-radius: 0;--color-border: var(--hod-line)}#search-modal .search-modal__content,#search-modal .search-modal__content[open],#search-modal .search-modal__content.dialog-closing{box-sizing:border-box;margin:0;padding:0;inset:0 0 auto 0;width:100%;max-width:none;max-height:100dvh;border:0;border-bottom:1px solid var(--hod-line);border-radius:0;box-shadow:none;background:var(--hod-bone);color:var(--hod-ink);font-family:var(--hod-font-sans);animation:none;transform:none;overflow:hidden}#search-modal predictive-search-component{--color-background: var(--hod-bone);--color-foreground: var(--hod-ink);background:var(--hod-bone);color:var(--hod-ink);align-items:stretch}#search-modal .predictive-search-form{display:flex;flex-direction:column}#search-modal .predictive-search-form__header,#search-modal .predictive-search-form__header:focus-within{box-sizing:border-box;display:flex;align-items:center;gap:24px;min-height:var(--hod-sm-row);margin:0;padding:0 var(--hod-sm-pad);border:0;border-bottom:1px solid var(--hod-line);border-radius:0;box-shadow:none;background:var(--hod-bone)}#search-modal .predictive-search-form__header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:transparent;pointer-events:none}#search-modal .predictive-search-form__header:focus-within:after{background:var(--hod-ink)}#search-modal .predictive-search-form__header:before,#search-modal .predictive-search-form__header:has(.predictive-search__reset-button:not([hidden])):before{content:none}#search-modal .predictive-search-form__header-inner,#search-modal .predictive-search-form__header-inner:focus-within{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:16px;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--hod-ink)}#search-modal .predictive-search__icon{display:none}#search-modal input.search-input,#search-modal input.search-input:is(:focus,:focus-visible,:hover){box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:44px;margin:0;padding:10px 0;font-family:var(--hod-font-sans);font-size:16px;font-weight:400;line-height:normal;color:var(--hod-ink);background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}#search-modal input.search-input::placeholder{color:var(--hod-taupe);opacity:1}#search-modal input.search-input::-webkit-search-cancel-button,#search-modal input.search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}#search-modal .predictive-search__reset-button,#search-modal .predictive-search__close-modal-button{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;flex:0 0 auto;width:auto;min-width:44px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:var(--hod-font-sans);font-size:11px;font-weight:500;line-height:1.6;letter-spacing:var(--hod-track-caps);text-transform:uppercase;color:var(--hod-taupe);opacity:1;transform:none;transition:none;cursor:pointer;-webkit-tap-highlight-color:transparent}#search-modal .predictive-search__reset-button:active,#search-modal .predictive-search__close-modal-button:active{transform:none}#search-modal .predictive-search__reset-button[hidden]{display:none}#search-modal .predictive-search__close-modal-button{--button-color: var(--hod-taupe);--button-background-color: transparent}#search-modal .predictive-search__close-modal-button .svg-wrapper{display:none}#search-modal .predictive-search__close-modal-button:after{content:"Close"}@media(hover:hover)and (pointer:fine){#search-modal .predictive-search__reset-button:hover,#search-modal .predictive-search__close-modal-button:hover{color:var(--hod-ink)}}#search-modal .predictive-search-form__content-wrapper{position:relative;top:auto;left:auto;display:flex;flex-direction:column;width:100%;max-height:var(--modal-max-height);border-radius:0;box-shadow:none;transform:none;transition:none;overflow:hidden;background:var(--hod-bone)}#search-modal .predictive-search-form__content,#search-modal .predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{flex:1 1 auto;min-height:0;max-height:none;padding:0;overflow-y:auto;overscroll-behavior:contain;background:var(--hod-bone)}#search-modal .predictive-search-dropdown{z-index:auto}#search-modal .predictive-search-results__inner{padding:32px var(--hod-sm-pad) 40px;color:var(--hod-ink)}#search-modal :is(.predictive-search-results__wrapper,.predictive-search-results__list,.predictive-search-results__card,.predictive-search-results__no-results,.recently-viewed-wrapper,.resource-card){animation:none;transition:none;transform:none;opacity:1}#search-modal .predictive-search-results__title{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 0 16px;font-family:var(--hod-font-sans);font-size:11px;font-weight:500;line-height:1.6;letter-spacing:var(--hod-track-caps);text-transform:uppercase;color:var(--hod-taupe)}#search-modal .predictive-search-results__clear.button-unstyled{position:relative;margin:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--hod-taupe);opacity:1;transition:none}#search-modal .predictive-search-results__clear.button-unstyled:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}#search-modal .predictive-search-results__inner>*+*{margin-top:40px}#search-modal .predictive-search-results__inner>.visually-hidden+*{margin-top:0}#search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries{display:flex;flex-wrap:wrap;gap:8px 26px;margin-inline:0;margin-bottom:0;padding:0;overflow:visible}#search-modal .predictive-search-results__pill{position:relative;display:inline-block;min-width:0;margin:0;padding:0 0 3px;border:0;border-bottom:1px solid transparent;border-radius:0;outline:none;background:transparent;box-shadow:none;font-family:var(--hod-font-sans);font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;white-space:normal;color:var(--hod-taupe);text-decoration:none;transform:none;transition:none}#search-modal .predictive-search-results__pill:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}#search-modal .predictive-search-results__pill mark{background:transparent;font-weight:inherit;color:inherit}#search-modal .predictive-search-results__pill:focus-visible{outline:2px solid var(--hod-clay-deep);outline-offset:3px}#search-modal .predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill{background:transparent;outline:none;border:0;border-bottom:1px solid var(--hod-ink);color:var(--hod-ink)}@media(hover:hover)and (pointer:fine){#search-modal .predictive-search-results__pill:hover{background:transparent;outline:none;border:0;border-bottom:1px solid var(--hod-ink);color:var(--hod-ink);transform:none;box-shadow:none}}#search-modal .predictive-search-results__products{padding:0}#search-modal .predictive-search-results__wrapper-products,#search-modal .predictive-search-results__wrapper-products:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px var(--hod-gap-4);margin:0;padding:0}#search-modal .predictive-search-results__wrapper-products>*{min-width:0}#search-modal .predictive-search-results__card,#search-modal .predictive-search-results__card:hover,#search-modal .predictive-search-results__card--product:hover{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}#search-modal .predictive-search-results__card--product:is([aria-selected=true].keyboard-focus,:focus-visible,:has(.resource-card:focus-visible)),#search-modal .predictive-search-results__card:not(.predictive-search-results__card--product)[aria-selected=true].keyboard-focus{margin:0;padding:0;border:0;border-radius:0;background:transparent;outline:2px solid var(--hod-clay-deep);outline-offset:3px}#search-modal .resource-card{display:block;row-gap:0;height:auto;color:var(--hod-ink)}#search-modal .resource-card__link:focus-visible{outline:2px solid var(--hod-clay-deep);outline-offset:3px}#search-modal .resource-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--hod-sand)}#search-modal .resource-card__image{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:0;opacity:1}#search-modal .resource-card__image--secondary{display:none}#search-modal .resource-card__image-placeholder{aspect-ratio:1 / 1;padding:0;border-radius:0;background:var(--hod-sand);font-size:0;color:transparent}#search-modal .resource-card__content{display:flex;flex-direction:column;gap:5px;padding-top:18px;color:var(--hod-ink)}#search-modal .resource-card__title,#search-modal .resource-card__title.paragraph{display:block;min-height:48px;margin:0;overflow:visible;-webkit-line-clamp:unset;font-family:var(--hod-font-sans);font-size:15px;font-weight:500;line-height:1.6;letter-spacing:normal;text-transform:none;color:var(--hod-ink);overflow-wrap:break-word}#search-modal .resource-card__content .price,#search-modal .resource-card__content [ref=priceContainer]{margin-top:5px;font-family:var(--hod-font-sans);font-size:15px;font-weight:500;line-height:1.6;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--hod-ink)}#search-modal .resource-card__content [ref=priceContainer] .price{margin-top:0}#search-modal .resource-card__content .compare-at-price{margin-left:8px;font-weight:400;color:var(--hod-taupe);text-decoration:line-through}#search-modal .resource-card__content .volume-pricing-note{display:none}#search-modal .predictive-search-results__resource-header{display:block;height:auto;padding:0}#search-modal .predictive-search-results__resource-header slideshow-controls,#search-modal .predictive-search-results__list slideshow-arrows{display:none}#search-modal slideshow-component{display:block}#search-modal .predictive-search-results__wrapper:not(.predictive-search-results__wrapper-queries),#search-modal slideshow-component slideshow-container{display:block;margin-inline:0;margin-bottom:0;padding:0;overflow:visible}#search-modal slideshow-component slideshow-container{margin-top:0}#search-modal .predictive-search-results__wrapper slideshow-slides,#search-modal slideshow-component slideshow-slides{display:block;width:100%;margin:0;padding:0;gap:0;overflow:visible;scroll-snap-type:none;border-top:1px solid var(--hod-line)}#search-modal slideshow-slide.predictive-search-results__card,#search-modal .predictive-search-results__card:not(.predictive-search-results__card--product){display:block;width:auto;max-height:none;margin:0;padding:0;border:0;border-bottom:1px solid var(--hod-line);border-radius:0;background:transparent;content-visibility:visible}#search-modal slideshow-slide .resource-card__media{display:none}#search-modal slideshow-slide .resource-card__content{display:grid;gap:2px;min-height:44px;padding:14px 0}#search-modal slideshow-slide .resource-card__title,#search-modal slideshow-slide .resource-card__title.paragraph{min-height:0;font-size:15px;line-height:1.5}#search-modal .resource-card__subtext,#search-modal .resource-card__subtext.paragraph{margin:0;font-family:var(--hod-font-sans);font-size:13.5px;line-height:1.45;color:var(--hod-taupe)}@media(hover:hover)and (pointer:fine){#search-modal slideshow-slide .resource-card:hover .resource-card__title{color:var(--hod-clay-deep)}}#search-modal .predictive-search-results__no-results,#search-modal .predictive-search-results__no-results:last-child{margin:0;max-width:52ch;font-family:var(--hod-font-sans);font-size:16px;line-height:1.6;text-align:left;color:var(--hod-taupe)}#search-modal .predictive-search-results__no-results p{margin:0}#search-modal .predictive-search-form__footer{position:relative;bottom:auto;flex:0 0 auto;padding:16px var(--hod-sm-pad);border-top:1px solid var(--hod-line);background:var(--hod-bone);background-image:none}#search-modal .predictive-search__search-button,#search-modal .predictive-search__search-button:hover,#search-modal .predictive-search__search-button:active{display:block;box-sizing:border-box;margin:0 auto;padding:16px 32px;border:1px solid var(--hod-ink);border-radius:0;background:transparent;box-shadow:none;transform:none;transition:none;font-family:var(--hod-font-sans);font-size:13px;font-weight:500;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:var(--hod-ink);cursor:pointer}@media(hover:hover)and (pointer:fine){#search-modal .predictive-search__search-button:hover{background:var(--hod-ink);color:var(--hod-bone)}}@media(max-width:749px){#search-modal{--hod-sm-row: 57px;--hod-sm-pad: var(--hod-gutter)}#search-modal .search-modal__content,#search-modal .search-modal__content[open],#search-modal .search-modal__content.dialog-closing{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-bottom:0}#search-modal predictive-search-component,#search-modal .predictive-search-form{height:100%}#search-modal .predictive-search-form__header,#search-modal .predictive-search-form__header:focus-within{gap:16px}#search-modal .predictive-search-form__content-wrapper{flex:1 1 auto;min-height:0;max-height:none}#search-modal .predictive-search-results__inner{padding:24px var(--hod-sm-pad) 32px}#search-modal .predictive-search-results__inner>*+*{margin-top:32px}#search-modal .predictive-search-results__title{margin-bottom:12px;line-height:1.4}#search-modal .predictive-search-results__wrapper-products,#search-modal .predictive-search-results__wrapper-products:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}#search-modal .resource-card__content{display:grid;grid-template-rows:minmax(40px,auto) auto;gap:3px;padding-top:12px}#search-modal .resource-card__title,#search-modal .resource-card__title.paragraph{min-height:0;font-size:14px;line-height:1.35}#search-modal .resource-card__content .price,#search-modal .resource-card__content [ref=priceContainer]{margin-top:3px;font-size:14px;letter-spacing:0}#search-modal .resource-card__content [ref=priceContainer] .price{margin-top:0}#search-modal slideshow-slide .resource-card__content{grid-template-rows:none;padding:13px 0}#search-modal slideshow-slide .resource-card__title,#search-modal slideshow-slide .resource-card__title.paragraph{font-size:14.5px}#search-modal .predictive-search-results__no-results,#search-modal .predictive-search-results__no-results:last-child{max-width:none;font-size:15px}#search-modal .predictive-search-form__footer{padding:16px var(--hod-sm-pad) max(16px,env(safe-area-inset-bottom,0px))}#search-modal .predictive-search__search-button,#search-modal .predictive-search__search-button:hover,#search-modal .predictive-search__search-button:active{width:100%;padding:17px 24px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hod-search-modal.css.map */