@keyframes ohSearchIn{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}@keyframes ohSearchFade{0%{opacity:0}to{opacity:1}}@keyframes ohSearchRow{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ohSearchPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes ohSearchBar{0%{background-position:-60% 0}to{background-position:160% 0}}oh-search{display:block}.oh-search{--search-x: 22px;--thumb: 56px;font-family:var(--sans);color:var(--ink)}.oh-search__form{margin:0}.oh-search__field{position:relative;display:flex;align-items:center;gap:14px;padding:0 var(--search-x);border-bottom:1px solid var(--hair);color:var(--muted);transition:border-color var(--melt)}.oh-search__field .icon{--icon-size: 18px;flex:0 0 auto}.oh-search__field:focus-within{border-bottom-color:var(--hair-lit)}.oh-search__field:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--brass-ink),transparent) no-repeat;background-size:40% 100%;background-position:-60% 0;opacity:0;pointer-events:none}.oh-search[data-loading] .oh-search__field:after{opacity:1;animation:ohSearchBar 1s var(--ease) infinite}.oh-search .oh-search__input{flex:1;min-width:0;width:100%;margin:0;padding:22px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.3;letter-spacing:0;text-transform:none;appearance:none;-webkit-appearance:none}.oh-search .oh-search__input::placeholder{color:#10121580;opacity:1}.oh-search .oh-search__input::-webkit-search-cancel-button,.oh-search .oh-search__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.oh-search .oh-search__input:focus-visible{outline:none}.oh-search__field:has(.oh-search__input:focus-visible){border-bottom-color:var(--ink)}.oh-search__clear,.oh-search__close{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase;transition:color var(--melt)}.oh-search__clear:hover,.oh-search__close:hover{color:var(--ink)}.oh-search__chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px var(--search-x) 16px;border-bottom:1px solid var(--hair)}.oh-search__chip{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:0 13px;background:#1012150b;color:var(--body);font-family:var(--serif-menu);font-size:10.5px;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background-color var(--melt),color var(--melt)}.oh-search__chip:after{content:"";display:none;width:7px;height:7px;flex:0 0 auto;background:linear-gradient(45deg,transparent calc(50% - .6px),currentColor calc(50% - .6px),currentColor calc(50% + .6px),transparent calc(50% + .6px)),linear-gradient(-45deg,transparent calc(50% - .6px),currentColor calc(50% - .6px),currentColor calc(50% + .6px),transparent calc(50% + .6px));opacity:.7}.oh-search__chip:hover{background:#10121517;color:var(--ink)}.oh-search__chip:active{background:#10121521}.oh-search__chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.oh-search__chip[aria-pressed=true]:after{display:block}.oh-search__chip[aria-pressed=true]:hover{background:#2a2d32}.oh-search__list{display:flex;flex-direction:column;padding:8px 0;margin:0;list-style:none}.oh-search__row{display:grid;grid-template-columns:var(--thumb) minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px var(--search-x);color:var(--ink);text-decoration:none;scroll-margin:8px;animation:ohSearchRow .42s var(--ease) both;animation-delay:calc(var(--i, 0) * 35ms);transition:background-color .25s ease}.oh-search .oh-search__row:hover{color:var(--ink)}.oh-search__row[data-active]{background:#1012150b}.oh-search__thumb{position:relative;display:block;width:var(--thumb);aspect-ratio:1;overflow:hidden;background:var(--stone)}.oh-search__thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease,transform 1.2s var(--ease)}.oh-search__row:not([data-kind=product]) .oh-search__thumb{display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color var(--melt)}.oh-search__row:not([data-kind=product])[data-active] .oh-search__thumb,.oh-search__row:not([data-kind=product]):hover .oh-search__thumb{color:var(--ink)}.oh-search__thumb[data-loaded] img,.no-js .oh-search__thumb img{opacity:1}.oh-search__row[data-active] .oh-search__thumb img,.oh-search__row:hover .oh-search__thumb img{transform:scale(1.05)}.oh-search__text{display:flex;flex-direction:column;gap:6px;min-width:0}.oh-search__title{font-family:var(--serif);font-size:16px;line-height:1.35;text-wrap:pretty}.oh-search__title .highlight{font-weight:inherit;text-decoration:underline;text-decoration-color:var(--brass-ink);text-decoration-thickness:1px;text-underline-offset:4px}.oh-search__meta{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.oh-search__go{display:flex;color:var(--brass-ink);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform var(--glide)}.oh-search__row[data-active] .oh-search__go,.oh-search__row:hover .oh-search__go,.oh-search__row:focus-visible .oh-search__go{opacity:1;transform:none}.oh-search__skel{padding:8px 0;animation:ohSearchFade .3s ease both}.oh-search__row--skel{animation:none}.oh-search__row--skel .oh-search__thumb,.oh-search__bar{animation:ohSearchPulse 1.4s ease-in-out infinite}.oh-search__bar{display:block;width:60%;height:12px;background:var(--stone)}.oh-search__bar--sm{width:28%;height:8px}.oh-search__note{margin:0;padding:26px var(--search-x);color:var(--muted);font-size:14px;line-height:1.6;text-wrap:pretty}.oh-search--modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:125;display:flex;justify-content:center;align-items:flex-start;padding:min(13vh,120px) 16px 24px;background:#1012155c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ohSearchFade .25s ease both}.oh-search--modal[hidden]{display:none}.oh-search--modal:focus{outline:none}.oh-search__dialog{position:relative;display:flex;flex-direction:column;width:min(680px,100%);max-height:100%;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px var(--hair),0 30px 80px #10121542;animation:ohSearchIn .4s var(--ease) both}.oh-search--modal .oh-search__field{padding-right:88px}.oh-search__close{position:absolute;top:11px;right:var(--search-x)}.oh-search__close-key{display:inline-block;padding:5px 8px;border:1px solid var(--hair-lit);line-height:1}.oh-search__close-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oh-search__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.oh-search__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.oh-search__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px var(--search-x);border-top:1px solid var(--hair)}.oh-search__keys{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.oh-search__keys kbd{display:inline-block;min-width:20px;margin-right:4px;padding:3px 5px;border:1px solid var(--hair-lit);color:var(--body);font-family:var(--sans);font-size:10px;letter-spacing:0;line-height:1;text-align:center}.oh-search__all-slot{margin-left:auto;display:flex}.oh-search .oh-search__all{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:var(--ink);color:var(--paper);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:background-color var(--melt),color var(--melt)}.oh-search .oh-search__all:hover,.oh-search .oh-search__all[data-active]{background:var(--brass-ink);color:var(--paper)}.oh-search__all svg{transition:transform var(--glide)}.oh-search__all:hover svg,.oh-search__all[data-active] svg{transform:translate(4px)}@media(max-width:699px){.oh-search--modal{padding:0;background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.oh-search__dialog{width:100%;height:100%;max-height:none;box-shadow:none}.oh-search{--search-x: 16px}.oh-search .oh-search__input{font-size:18px;padding:18px 0}.oh-search--modal .oh-search__field{padding-right:76px}.oh-search__close{top:6px}.oh-search__close-key{display:none}.oh-search__close-word{position:static;width:auto;height:auto;overflow:visible;clip:auto}.oh-search__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:40px}.oh-search-page .oh-search__chips{padding-right:40px}.oh-search__chips::-webkit-scrollbar{display:none}.oh-search__chip{flex:0 0 auto}.oh-search__keys{display:none}.oh-search__foot:not(:has(.oh-search__all)){display:none}.oh-search__all-slot{flex:1}.oh-search .oh-search__all{flex:1;justify-content:center}}.oh-search-page{padding-bottom:clamp(72px,11vh,120px);background:var(--paper)}.oh-search-page__head{max-width:1180px;margin:0 auto;padding:clamp(56px,9vh,104px) 40px clamp(36px,5vh,56px);text-align:center}.oh-search-page__head .oh-eyebrow{margin:0}.oh-search-page__title{margin:14px 0 16px;font-family:var(--serif);font-size:clamp(30px,3.6vw,50px);font-weight:400;line-height:1.12;letter-spacing:0;text-transform:none;color:var(--ink)}.oh-search-page__intro{max-width:46em;margin:0 auto;color:var(--body);font-size:15px;font-weight:300;line-height:1.7}.oh-search-page .oh-search{--search-x: 0px;--thumb: 88px;max-width:920px;margin:0 auto;padding:0 40px}.oh-search-page .oh-search__field{border-bottom-color:var(--hair-lit)}.oh-search-page .oh-search .oh-search__input{font-size:clamp(22px,2.2vw,28px);padding:18px 0}.oh-search-page .oh-search__field .icon{--icon-size: 20px}.oh-search-page .oh-search__chips{padding:18px 0 0;border-bottom:0}.oh-search-page .oh-search__note{padding:40px 0 0}.oh-search__live{transition:opacity .2s ease}.oh-search-page .oh-search[data-loading] .oh-search__live{opacity:.6}.oh-search__status{display:flex;justify-content:space-between;gap:16px;margin-top:44px;padding-bottom:14px;border-bottom:1px solid var(--hair);color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-variant-numeric:tabular-nums}.oh-search__terms{color:var(--ink);font-family:var(--serif);font-size:13px;letter-spacing:.04em;text-transform:none}.oh-search-page .oh-search__list{padding:0;isolation:isolate}.oh-search-page .oh-search__row{position:relative;gap:24px;padding:16px 0;border-bottom:1px solid var(--hair)}.oh-search-page .oh-search__row:before{content:"";position:absolute;top:0;right:-16px;bottom:0;left:-16px;z-index:-1;background:transparent;transition:background-color .25s ease}.oh-search-page .oh-search__row:hover:before,.oh-search-page .oh-search__row:focus-visible:before{background:#1012150b}.oh-search-page .oh-search__title{font-size:18px}.oh-search__pages{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,24px);margin-top:52px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums}.oh-search__nums{display:flex;align-items:center;gap:4px}.oh-search__num{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 6px;border:1px solid transparent;color:var(--ink);letter-spacing:.06em;text-decoration:none;transition:border-color var(--melt),color var(--melt),background-color var(--melt)}.oh-search .oh-search__num:hover{border-color:var(--ink);color:var(--ink)}.oh-search__num[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.oh-search__gap{min-width:20px;color:var(--muted);text-align:center}.oh-search__step{display:flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;box-shadow:inset 0 -1px 0 var(--hair-lit);transition:color var(--melt),box-shadow var(--melt)}.oh-search .oh-search__step:hover{color:var(--brass-ink);box-shadow:inset 0 -1px 0 var(--brass-ink)}.oh-search__step[aria-disabled=true]{color:#10121561;box-shadow:none}@media(max-width:860px){.oh-search-page__head{padding-left:20px;padding-right:20px}.oh-search-page .oh-search{padding:0 20px;--thumb: 72px}.oh-search-page .oh-search__row{gap:16px}.oh-search-page .oh-search__title{font-size:16px}.oh-search__status{flex-direction:column;gap:6px;margin-top:32px}.oh-search__pages{gap:6px}.oh-search__num{min-width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/oh-search.css.map */