.search-modal{--etolie-search-topbar: 56px;--etolie-search-field: 48px}.search-modal .search-modal__content{top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--eto-porcelain);color:var(--eto-ink);box-shadow:none;overflow:hidden}.search-modal .search-modal__content::backdrop{background:rgb(var(--eto-ink-rgb) / .42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-modal .dialog-modal[open].search-modal__content{border-radius:0;animation:etolie-search-enter .19s ease both}.search-modal .dialog-modal.search-modal__content.dialog-closing{animation:etolie-search-leave .15s ease both}@keyframes etolie-search-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes etolie-search-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}.search-modal predictive-search-component{display:block;width:100%;height:100%;margin:0;background:var(--eto-porcelain);color:var(--eto-ink)}.search-modal .predictive-search-form{display:grid;width:100%;height:100%;grid-template-rows:var(--etolie-search-topbar) auto minmax(0,1fr);align-self:stretch}.etolie-search__topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:var(--etolie-search-topbar);padding:0 10px;border-bottom:1px solid rgb(var(--eto-gold-rgb) / .24);background:rgb(var(--eto-porcelain-rgb) / .96)}.search-modal .etolie-search__close.predictive-search__close-modal-button{display:grid;width:44px;height:44px;place-items:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--eto-ink);box-shadow:none}.search-modal .etolie-search__close .svg-wrapper,.search-modal .etolie-search__close svg{width:20px;height:20px}.etolie-search__logo{justify-self:center;display:grid;max-width:min(126px,44vw);place-items:center;color:var(--eto-ink);font-family:var(--eto-font-head);font-size:23px;font-weight:500;letter-spacing:.17em;line-height:1;text-decoration:none}.etolie-search__logo img{display:block;width:auto;max-width:100%;height:auto;max-height:39px}.etolie-search__topbar-balance{width:44px;height:44px}.search-modal .predictive-search-form__header{position:relative;top:auto;display:block;width:auto;padding:12px 16px;border:0;border-radius:0;background:var(--eto-porcelain);box-shadow:none}.search-modal .predictive-search-form__header:before{display:none}.search-modal .predictive-search-form__header-inner{position:relative;display:flex;width:100%;height:var(--etolie-search-field);align-items:center;border:1px solid var(--eto-line);border-radius:var(--eto-radius-md);background:rgb(var(--eto-white-rgb) / .62);color:var(--eto-ink);transition:border-color var(--eto-transition-fast),background-color var(--eto-transition-fast)}.search-modal .predictive-search-form__header-inner:focus-within{border-color:var(--eto-gold-text)!important;background:var(--eto-white);outline:0;box-shadow:0 0 0 1px var(--eto-gold-text)}.search-modal .predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header-inner:focus-within{border-color:var(--eto-gold-text)!important;box-shadow:0 0 0 1px var(--eto-gold-text)}.search-modal input.search-input{box-sizing:border-box;width:100%;height:46px;padding:0 48px;border:0;border-radius:var(--eto-radius-md);background:transparent;color:var(--eto-ink);font-family:var(--eto-font-body);font-size:16px;line-height:1;outline:0;box-shadow:none}.search-modal input.search-input:focus{border-color:transparent!important;outline:0!important;box-shadow:none!important}.search-modal .search-input::placeholder{color:var(--eto-greige-text);opacity:1}.search-modal .predictive-search__icon{position:absolute;top:50%;left:15px;display:grid;width:19px;height:19px;place-items:center;color:var(--eto-greige-text);transform:translateY(-50%)}.search-modal .predictive-search__icon>svg{width:18px;height:18px}.search-modal .predictive-search__reset-button{position:absolute;top:50%;right:1px;display:grid;width:44px;min-width:44px;height:44px;place-items:center;margin:0;padding:0;border:0;background:transparent;color:var(--eto-greige-text);transform:translateY(-50%)}.search-modal .predictive-search__reset-button[hidden]{display:none!important}.search-modal .predictive-search__reset-button:active{transform:translateY(-50%) scale(.94)}.search-modal .predictive-search__reset-button-icon{display:grid!important;width:18px;height:18px;place-items:center;background:transparent}.search-modal .predictive-search__reset-button svg{width:15px;height:15px}.search-modal .predictive-search__reset-button-text{display:none!important}.search-modal .predictive-search-form__content-wrapper{position:relative;top:auto;left:auto;display:flex;width:100%;height:100%!important;min-height:0;max-height:none;flex-direction:column;align-self:stretch;border-radius:0;background:var(--eto-porcelain);box-shadow:none;overflow:hidden;transform:none}.search-modal .predictive-search-form__content{width:100%;max-height:none;flex:1 1 auto;padding:0;background:var(--eto-porcelain);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgb(var(--eto-gold-rgb) / .45) transparent;-webkit-overflow-scrolling:touch}.search-modal .predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:0}.search-modal .predictive-search-dropdown,.search-modal .predictive-search-results__inner{width:100%}.etolie-search-empty{padding:12px 16px 28px}.etolie-search-empty__eyebrow{margin:0 0 6px;color:var(--eto-gold-text);font-family:var(--eto-font-body);font-size:var(--eto-text-2xs);font-weight:600;letter-spacing:var(--eto-ls-wide);line-height:1.2}.etolie-search-empty__title{margin:0;color:var(--eto-ink);font-family:var(--eto-font-head);font-size:29px;font-weight:500;line-height:1}.etolie-search-empty__lead{max-width:38ch;margin:9px 0 14px;color:var(--eto-greige-text);font-family:var(--eto-font-body);font-size:13px;line-height:1.45}.etolie-search-empty__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;border-top:1px solid var(--eto-line-faint)}.etolie-search-empty__link{display:flex;min-width:0;min-height:46px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--eto-line-faint);color:var(--eto-ink);font-family:var(--eto-font-body);font-size:13.5px;text-decoration:none}.etolie-search-empty__link>span:last-child{color:var(--eto-gold-text);transition:transform var(--eto-transition-fast)}.etolie-search-empty__link:hover>span:last-child{transform:translate(2px)}.etolie-search-empty__link--wide{grid-column:1 / -1}.etolie-search-empty__promise{margin:16px 0 0;color:var(--eto-greige-text);font-family:var(--eto-font-body);font-size:10.5px;letter-spacing:.035em;text-align:center}.search-modal .predictive-search-results__inner[data-search-results]{padding:4px 0 24px}.search-modal .predictive-search-results__title{margin:14px 16px 10px;color:var(--eto-ink);font-family:var(--eto-font-head);font-size:23px;font-weight:500;line-height:1}.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0 0 8px;padding:0 16px}.search-modal .predictive-search-results__card--query{min-width:0}.search-modal .predictive-search-results__pill{display:flex;min-height:44px;align-items:center;margin:0;padding:0;border:0;border-bottom:1px solid var(--eto-line-faint);border-radius:0;background:transparent;color:var(--eto-greige-text);font-family:var(--eto-font-body);font-size:12.5px;text-decoration:none;box-shadow:none;transform:none}.search-modal .predictive-search-results__pill:hover,.search-modal .predictive-search-results__pill:focus,.search-modal .predictive-search-results__card--query[aria-selected=true] .predictive-search-results__pill{border:0;border-bottom:1px solid var(--eto-gold);border-radius:0;background:transparent;color:var(--eto-ink);outline:0;box-shadow:none;transform:none}.search-modal .predictive-search-results__wrapper-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:0;padding:0 16px 20px;overflow:visible;scroll-snap-type:none}.search-modal .predictive-search-results__products{margin:0;padding-inline:0}.search-modal .predictive-search-results__wrapper-products .predictive-search-results__card--product{width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;transform:none}.search-modal .predictive-search-results__card--product:hover,.search-modal .predictive-search-results__card--product:focus-within,.search-modal .predictive-search-results__card--product[aria-selected=true].keyboard-focus{margin:0;padding:0;border-radius:0;background:transparent;outline:0}.search-modal .predictive-search-results__card--product[aria-selected=true].keyboard-focus{border-radius:var(--eto-radius-md);outline:2px solid var(--eto-gold-text)!important;outline-offset:3px}.search-modal .resource-card__media{border-radius:var(--eto-radius-md);background:var(--eto-tile);overflow:hidden}.search-modal .resource-card__content{gap:3px;padding-top:7px}.search-modal .resource-card__title{display:-webkit-box;margin:0;color:var(--eto-ink);font-family:var(--eto-font-body);font-size:12.5px;font-weight:400;line-height:1.28;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.search-modal .resource-card .price{color:var(--eto-ink);font-family:var(--eto-font-body);font-size:13.5px;font-weight:600;line-height:1.2}.search-modal .predictive-search-results__no-results{margin:30px 16px;color:var(--eto-greige-text);font-family:var(--eto-font-body);font-size:13px;line-height:1.5;text-align:center}.search-modal .predictive-search-form__footer{position:sticky;right:auto;bottom:0;left:auto;padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--eto-porcelain) 74%,rgb(var(--eto-porcelain-rgb) / 0))}.search-modal .predictive-search-form__content-wrapper:has(.etolie-search-empty)>.predictive-search-form__footer{display:none}.search-modal .predictive-search__search-button{width:100%;min-height:48px;margin:0;padding:0 12px;border:0;border-top:1px solid rgb(var(--eto-gold-rgb) / .45);border-radius:0;background:var(--eto-porcelain);color:var(--eto-ink);font-family:var(--eto-font-body);font-size:13.5px;font-weight:600;box-shadow:none;transform:none}.search-modal .predictive-search__search-button:hover,.search-modal .predictive-search__search-button:active{background:var(--eto-porcelain);color:var(--eto-gold-text);box-shadow:none;transform:none}.search-modal :is(.etolie-search__close,.etolie-search__logo,.search-input,.predictive-search__reset-button,a,button):focus-visible{outline:2px solid var(--eto-gold-text);outline-offset:2px}@media(min-width:750px){.search-modal{--etolie-search-topbar: 64px}.search-modal .search-modal__content{top:0;right:0;bottom:0;left:0;width:min(720px,calc(100vw - 64px));height:min(760px,calc(100dvh - 72px));margin:auto;border:1px solid rgb(var(--eto-gold-rgb) / .34);border-radius:var(--eto-radius-xl);box-shadow:var(--eto-shadow-pop)}.search-modal .dialog-modal[open].search-modal__content{border-radius:var(--eto-radius-xl)}.search-modal .predictive-search-form__header{padding:14px 20px}.etolie-search-empty{padding:18px 24px 34px}.search-modal .predictive-search-results__title{margin-inline:24px}.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:24px}.search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;padding-inline:24px}.search-modal .predictive-search-form__footer{padding-inline:24px}}@media(max-width:359px){.search-modal .predictive-search-form__header,.etolie-search-empty,.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries,.search-modal .predictive-search-results__wrapper-products{padding-inline:12px}.etolie-search-empty__links,.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries{column-gap:12px}}@media(prefers-reduced-motion:reduce){.search-modal .dialog-modal[open].search-modal__content,.search-modal .dialog-modal.search-modal__content.dialog-closing{animation:none}.search-modal *,.search-modal *:before,.search-modal *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/etolie-search.css.map */