#search-modal{--ladd-glass: color-mix(in srgb, var(--ladd-manilla) 80%, transparent);--ladd-glass-solid: color-mix(in srgb, var(--ladd-manilla) 94%, transparent);--ladd-glass-edge: color-mix(in srgb, var(--ladd-paper) 80%, transparent);--ladd-glass-blur: blur(36px) saturate(1.4);--ladd-search-pad: 20px}#search-modal .search-modal__content::backdrop{background:color-mix(in srgb,var(--ladd-navy) 22%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ladd-search-fade var(--ladd-time-drawer) var(--ladd-ease) both}#search-modal .search-modal__content{border:var(--ladd-rule) solid var(--ladd-glass-edge);border-radius:var(--ladd-radius);background:var(--ladd-glass);-webkit-backdrop-filter:var(--ladd-glass-blur);backdrop-filter:var(--ladd-glass-blur);box-shadow:inset 0 1px 0 var(--ladd-glass-edge),0 30px 80px -20px color-mix(in srgb,var(--ladd-navy) 35%,transparent);color:var(--ladd-navy)}#search-modal .dialog-modal[open].search-modal__content{border-radius:var(--ladd-radius);animation:ladd-search-in var(--ladd-time-drawer) var(--ladd-ease) both}#search-modal .dialog-modal.search-modal__content.dialog-closing{animation:ladd-search-out .3s var(--ladd-ease) both}#search-modal .search-modal__content.dialog-closing::backdrop{animation:ladd-search-fade .3s var(--ladd-ease) reverse both}#search-modal :is(predictive-search-component,.predictive-search-form__header,.predictive-search-form__header-inner,.predictive-search-form__content,.predictive-search-form__content-wrapper,.predictive-search-results__inner){border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}#search-modal .predictive-search-form__header{gap:12px;padding:var(--ladd-search-pad) var(--ladd-search-pad) 0}#search-modal .predictive-search-form__header-inner{position:relative;border-bottom:var(--ladd-rule) solid color-mix(in srgb,var(--ladd-navy) 30%,transparent);transition:border-color var(--ladd-time-link) var(--ladd-ease)}#search-modal .predictive-search-form__header-inner:focus-within{border-bottom-color:var(--ladd-navy)}#search-modal input.search-input{height:56px;padding:0 0 0 34px;color:var(--ladd-navy);font-family:var(--ladd-font-serif);font-size:26px;font-weight:400;letter-spacing:.01em}#search-modal input.search-input::placeholder{color:var(--ladd-label);font-style:italic;opacity:.8}#search-modal input.search-input::-webkit-search-cancel-button{display:none}#search-modal .predictive-search__icon{left:0;color:var(--ladd-navy)}#search-modal .predictive-search__icon>svg{width:18px;height:18px}#search-modal .predictive-search__reset-button{margin:0;color:var(--ladd-label);font-family:var(--ladd-font-label);font-size:var(--ladd-size-caption);letter-spacing:var(--ladd-tracking-label);text-transform:uppercase;opacity:1}#search-modal .predictive-search__reset-button-icon{display:none}#search-modal .predictive-search__reset-button-text{display:block}#search-modal .predictive-search-form__header:before{content:none}#search-modal .predictive-search__close-modal-button{width:44px;height:44px;margin:0;color:var(--ladd-navy);transition:transform var(--ladd-time-link) var(--ladd-ease)}#search-modal .predictive-search__close-modal-button:hover{transform:rotate(90deg)}#search-modal .predictive-search__close-modal-button :is(.svg-wrapper,svg){width:22px;height:22px}#search-modal .predictive-search-results__inner{padding:28px var(--ladd-search-pad) 24px;color:var(--ladd-navy)}#search-modal .recently-viewed-wrapper,#search-modal .resource-card__image--secondary{display:none}#search-modal :is(.predictive-search-form__content,.predictive-search-results__inner,.predictive-search-dropdown){max-height:none;overflow:hidden}#search-modal .predictive-search-results__wrapper-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;overflow:hidden}#search-modal .predictive-search-results__wrapper-products>:nth-child(n+4){display:none}#search-modal .predictive-search-results__no-results{display:flex;align-items:center;justify-content:center;min-height:calc((100cqw - 40px) / 3 * 1.25 + 92px);margin:0}#search-modal .predictive-search-results__products{padding-inline:0}#search-modal .predictive-search-results__title{margin:0 0 16px;color:var(--ladd-label);font-family:var(--ladd-font-label);font-size:var(--ladd-size-eyebrow);font-weight:400;letter-spacing:var(--ladd-tracking-eyebrow);text-transform:uppercase}#search-modal .predictive-search-results__title:not(:first-child){margin-top:28px}#search-modal .predictive-search-results__clear{color:var(--ladd-label);font-family:var(--ladd-font-label);font-size:var(--ladd-size-caption);letter-spacing:var(--ladd-tracking-label);text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}#search-modal .predictive-search-results__pill{padding:8px 14px;border:var(--ladd-rule) solid color-mix(in srgb,var(--ladd-navy) 22%,transparent);border-radius:0;background:color-mix(in srgb,var(--ladd-paper) 40%,transparent);color:var(--ladd-navy);font-family:var(--ladd-font-sans);font-size:var(--ladd-size-body-sm);transition:background-color var(--ladd-time-link) var(--ladd-ease),border-color var(--ladd-time-link) var(--ladd-ease)}#search-modal .predictive-search-results__pill mark{background:none;color:inherit;font-weight:500}#search-modal .predictive-search-results__card--query:is([aria-selected=true],:focus-within,:hover) .predictive-search-results__pill{border-color:var(--ladd-navy);background:color-mix(in srgb,var(--ladd-paper) 75%,transparent)}#search-modal .predictive-search-results__card{border-radius:0;background:transparent}#search-modal .predictive-search-results__card:is([aria-selected=true],:focus-within,:hover){background:transparent;outline:none}#search-modal .resource-card{--resource-card-corner-radius: 0;gap:10px}#search-modal .resource-card__media{overflow:hidden;border-radius:0;background-color:var(--ladd-card)}#search-modal .resource-card__media img{border-radius:0;transition:transform .9s var(--ladd-ease)}#search-modal .predictive-search-results__card:is(:hover,[aria-selected=true]) .resource-card__media img{transform:scale(1.02)}#search-modal .resource-card__title{margin:0;color:var(--ladd-navy);font-family:var(--ladd-font-serif);font-size:18px;font-weight:500;line-height:1.3;padding-bottom:2px;text-transform:none}#search-modal .resource-card__content{align-items:center;gap:4px;text-align:center;color:var(--ladd-text);font-family:var(--ladd-font-sans);font-size:var(--ladd-size-small)}#search-modal .predictive-search-results__no-results{color:var(--ladd-text);font-family:var(--ladd-font-serif);font-size:20px;font-style:italic}#search-modal .predictive-search-form__footer{position:static;padding:0 var(--ladd-search-pad) 22px;background:none;text-align:center}#search-modal .predictive-search__search-button{display:inline-block;height:auto;min-width:0;padding:0 0 4px;border:0;border-bottom:var(--ladd-rule) solid currentColor;border-radius:0;background:none;color:var(--ladd-navy);box-shadow:none;font-family:var(--ladd-font-label);font-size:var(--ladd-size-label);letter-spacing:var(--ladd-tracking-button);text-transform:uppercase;transition:color var(--ladd-time-link) var(--ladd-ease)}#search-modal .predictive-search__search-button:hover{color:var(--ladd-hover);background:none;transform:none;box-shadow:none}#search-modal .predictive-search-form__content-wrapper:has([data-search-results])>.predictive-search-form__content{padding-block-end:0}@media screen and (max-width:749px){#search-modal{--ladd-search-pad: 16px}#search-modal .search-modal__content{border:0;background:var(--ladd-glass-solid)}#search-modal .search-modal__content::backdrop{display:block}#search-modal .predictive-search-form__header{padding-top:4px}#search-modal input.search-input{height:52px;font-size:22px}#search-modal .predictive-search-results__wrapper-products{gap:12px}#search-modal .resource-card__title{font-size:15px}#search-modal .predictive-search-results__no-results{min-height:calc((100cqw - 24px) / 3 * 1.25 + 92px)}}@media screen and (min-width:750px){#search-modal{--ladd-search-pad: 32px}#search-modal .search-modal__content{--modal-width: min(720px, calc(100vw - 48px) );width:var(--modal-width);max-width:var(--modal-width);height:fit-content;max-height:calc(100dvh - 48px);margin:auto}#search-modal input.search-input{height:64px;padding-left:38px;font-size:32px}#search-modal .predictive-search__icon>svg{width:20px;height:20px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#search-modal .search-modal__content{background:var(--ladd-manilla)}}@keyframes ladd-search-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes ladd-search-out{to{opacity:0;transform:translateY(-8px)}}@keyframes ladd-search-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){#search-modal .search-modal__content,#search-modal .search-modal__content::backdrop{animation-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ladd-search-modal.css.map */