.os-sr{font-family:var(--web-font);color:var(--cos-fg-1);-webkit-font-smoothing:antialiased}.os-sr *,.os-sp *{box-sizing:border-box}html.os-on .os-sr :where(button),html.os-on .os-sp :where(button){appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;box-shadow:none;background:none;background-image:none;font:inherit;color:inherit;text-transform:none;letter-spacing:0;min-height:0;min-width:0;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}html.os-on .os-sr a,html.os-on .os-sp a{text-decoration:none;-webkit-tap-highlight-color:transparent}.os-sr__cap{margin:0;padding:12px 10px 6px;font-size:var(--web-t-13);font-weight:600;line-height:1.3;letter-spacing:var(--web-tracking-eyebrow);text-transform:uppercase;color:var(--cos-fg-3)}.os-sr__group+.os-sr__group{margin-top:4px}html.os-on .os-sr__row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:6px 10px 6px 6px;border-radius:var(--cos-r-field);color:var(--cos-fg-1);transition:background-color .12s ease}html.os-on .os-sr__row:hover,html.os-on .os-sr [data-sr-item].is-on{background:var(--cos-layer-field)}.os-sr__shot{width:48px;height:48px;overflow:hidden;border-radius:calc(48px * 5 / 38);background:var(--cos-layer-field)}.os-sr__row:hover .os-sr__shot,.os-sr__row.is-on .os-sr__shot{background:var(--cos-depth-35)}.os-sr__shot img{display:block;width:100%;height:100%;object-fit:cover}.os-sr__row.is-out .os-sr__shot img{opacity:var(--cos-disabled-opacity)}.os-sr__txt{display:flex;flex-direction:column;gap:2px;min-width:0}.os-sr__name{font-size:var(--web-t-16);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--cos-fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-sr__name b{font-weight:inherit;color:var(--cos-fg-1)}.os-sr__sub{font-size:var(--web-t-13);line-height:1.35;color:var(--cos-fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-sr__sub:empty{display:none}.os-sr__sub--save{color:var(--cos-sense);font-weight:600}.os-sr__price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums;white-space:nowrap}.os-sr__price>span{display:contents}.os-sr__price b{font-size:var(--web-t-16);font-weight:700;color:var(--cos-fg-1)}.os-sr__price s{font-size:var(--web-t-13);color:var(--cos-fg-3)}.os-sr__price [class*=flag],.os-sr__price em{display:none}.os-sr__qs{display:flex;flex-wrap:wrap;gap:6px;padding:6px 4px 4px}.os-sr__qs:empty{display:none}html.os-on .os-sr__q{display:inline-block;height:32px;padding:0 14px;line-height:32px;white-space:nowrap;border-radius:var(--cos-r-pill);background:var(--cos-layer-field);font-size:var(--web-t-13);font-weight:600;color:var(--cos-fg-1);transition:background-color .12s ease}html.os-on .os-sr__q:hover,html.os-on .os-sr__q.is-on{background:var(--cos-depth-35)}.os-sr__q mark{background:none;color:var(--cos-fg-3);font-weight:inherit}.os-sr__rhead{display:flex;align-items:center;justify-content:space-between;padding-inline-end:4px}html.os-on .os-sr__clear{height:32px;padding:0 10px;border-radius:var(--cos-r-pill);font-size:var(--web-t-13);font-weight:600;color:var(--cos-fg-3)}html.os-on .os-sr__clear:hover{color:var(--cos-fg-1);background:var(--cos-layer-field)}html.os-on .os-sr__recent{display:grid;grid-template-columns:20px minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:44px;padding:0 4px 0 12px;border-radius:var(--cos-r-field);color:var(--cos-fg-1);font-size:var(--web-t-16);line-height:1.3;transition:background-color .12s ease,opacity .16s ease,transform .2s ease}html.os-on .os-sr__recent:hover{background:var(--cos-layer-field)}.os-sr__recent>svg{width:18px;height:18px;color:var(--cos-fg-3)}.os-sr__recent>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.os-on .os-sr__x{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--cos-r-pill);color:var(--cos-fg-3)}html.os-on .os-sr__x:hover{color:var(--cos-fg-1);background:var(--cos-depth-35)}.os-sr__x svg{width:16px;height:16px}.os-sr__recent.is-going{opacity:0;transform:translate(8px)}html.os-on .os-sr__all{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:6px;padding:0 12px;border-radius:var(--cos-r-field);box-shadow:inset 0 1px 0 var(--cos-hairline);font-size:var(--web-t-16);color:var(--cos-fg-2);transition:background-color .12s ease}html.os-on .os-sr__all:hover,html.os-on .os-sr__all.is-on{background:var(--cos-layer-field);box-shadow:none}.os-sr__all svg{width:18px;height:18px;color:var(--cos-fg-3);flex:0 0 auto}.os-sr__all b{color:var(--cos-fg-1);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.os-sr__all i{margin-inline-start:auto;font-style:normal;color:var(--cos-fg-3)}html[dir=rtl] .os-sr__all i{transform:scaleX(-1)}.os-sr__none{margin:0;padding:14px 12px 10px;font-size:var(--web-t-16);color:var(--cos-fg-2)}.os-sr__load{position:absolute;top:0;inset-inline-start:0;height:2px;width:0;background:var(--cos-sense);opacity:0;pointer-events:none;z-index:2}.is-loading>.os-sr__load{opacity:1;width:72%;transition:width .9s cubic-bezier(.1,.7,.2,1),opacity .12s ease}.is-loaded>.os-sr__load{opacity:0;width:100%;transition:width .16s ease,opacity .22s ease .12s}@keyframes os-sr-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.os-sr [data-sr-item].is-new{animation:os-sr-in .2s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i, 0) * 18ms)}.os-sr [data-sr-item][hidden]{display:none!important}.os-sr--pop{position:absolute;z-index:45;top:var(--sr-top, 60px);left:var(--sr-left, 0px);width:var(--sr-w, 440px);display:flex;flex-direction:column;max-height:min(72vh,600px);overflow:hidden;border-radius:var(--cos-r-menu);background:var(--cos-layer-card);box-shadow:0 0 0 1px var(--cos-hairline),var(--cos-shadow-pop);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.985);transform-origin:50% 0;transition:opacity .14s ease,transform .2s cubic-bezier(.2,.8,.3,1),visibility 0s linear .2s}.os-sr--pop.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .14s ease,transform .2s cubic-bezier(.2,.8,.3,1),visibility 0s}.os-sr--pop .os-sr__scroll{overflow-y:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin}.os-sr--pop .os-sr__body{overflow:hidden}.os-sr__body.is-sizing{transition:height .18s cubic-bezier(.2,.8,.3,1)}@media(max-width:767px){.os-sr--pop{display:none!important}}html.os-on .os-header__search.is-suggesting{box-shadow:inset 0 0 0 1px var(--cos-hairline)!important}.os-sr--sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top);background:var(--cos-layer-tab);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .22s}.os-sr--sheet.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease,visibility 0s}.os-sr__bar{position:relative;display:flex;align-items:center;gap:4px;height:var(--web-head-m);padding:0 6px 0 12px;flex:0 0 auto;transform:translateY(-10px);transition:transform .24s cubic-bezier(.2,.8,.3,1),box-shadow .16s ease}.os-sr--sheet.is-open .os-sr__bar{transform:none}.os-sr--sheet.is-scrolled .os-sr__bar{box-shadow:0 1px 0 var(--cos-hairline)}.os-sr__field{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;height:40px;margin:0;padding:0 4px 0 14px;border-radius:var(--cos-r-pill);background:var(--cos-layer-card);overflow:hidden}.os-sr__field>svg{width:18px;height:18px;flex:0 0 auto;color:var(--cos-fg-3)}html.os-on .os-sr__field input[type=search]{flex:1 1 auto;min-width:0;width:100%;height:40px;margin:0;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--cos-fg-1);caret-color:var(--cos-sense);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none;color-scheme:dark}.os-sr__field input::placeholder{color:var(--cos-fg-3);opacity:1}.os-sr__field input::-webkit-search-cancel-button,.os-sp__field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}html.os-on .os-sr__field .os-sr__x{width:32px;height:32px}.os-sr__field .os-sr__x[hidden]{display:none}html.os-on .os-sr__cancel{height:44px;padding:0 10px;border-radius:var(--cos-r-pill);font-size:var(--web-t-16);font-weight:600;color:var(--cos-fg-1);white-space:nowrap}.os-sr--sheet .os-sr__scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 8px calc(32px + env(safe-area-inset-bottom))}.os-sr--sheet .os-sr__body{opacity:0;transform:translateY(8px);transition:opacity .2s ease 40ms,transform .26s cubic-bezier(.2,.8,.3,1) 40ms}.os-sr--sheet.is-open .os-sr__body{opacity:1;transform:none}.os-sr--sheet .os-sr__row{grid-template-columns:52px minmax(0,1fr) auto;min-height:66px}.os-sr--sheet .os-sr__shot{width:52px;height:52px;border-radius:calc(52px * 5 / 38)}.os-sr--sheet .os-sr__recent{min-height:48px}.os-sr--sheet .os-sr__q{height:36px;padding:0 16px;line-height:36px}@media(hover:none){html.os-on .os-sr__row:hover,html.os-on .os-sr__recent:hover,html.os-on .os-sr__all:hover{background:none}html.os-on .os-sr__all:hover{box-shadow:inset 0 1px 0 var(--cos-hairline)}html.os-on .os-sr__row:active,html.os-on .os-sr__recent:active,html.os-on .os-sr__all:active{background:var(--cos-layer-card)}html.os-on .os-sr__q:active{background:var(--cos-depth-35)}}.os-sr--sheet .os-sr__load{top:auto;bottom:0}.os-sp{display:block;font-family:var(--web-font);color:var(--cos-fg-1)}.os-sp__top{max-width:760px}.os-sp__field{position:relative;display:flex;align-items:center;gap:12px;height:56px;margin:10px 0 0;padding:0 8px 0 18px;border-radius:var(--cos-r-field);background:var(--cos-layer-card);box-shadow:inset 0 0 0 1px var(--cos-hairline);overflow:hidden;transition:box-shadow .16s ease}.os-sp__field:focus-within{box-shadow:inset 0 0 0 1.5px var(--cos-sense)}.os-sp__field>svg{width:22px;height:22px;flex:0 0 auto;color:var(--cos-fg-ink)}html.os-on .os-sp__field input[type=search]{flex:1 1 auto;min-width:0;width:100%;height:54px;margin:0;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--cos-fg-1);caret-color:var(--cos-sense);font:inherit;font-size:var(--web-t-20);font-weight:500;letter-spacing:-.01em;-webkit-appearance:none;appearance:none;color-scheme:dark}.os-sp__field input::placeholder{color:var(--cos-fg-3);opacity:1}html.os-on .os-sp__field .os-sr__x{width:40px;height:40px}.os-sp__field .os-sr__x[hidden]{display:none}.os-sp__field .os-sr__load{top:auto;bottom:0}.os-sp__out{transition:opacity .16s ease}.os-sp__out.is-busy{opacity:.55}.os-sp__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0 16px}.os-sp__count{display:flex;align-items:baseline;gap:10px;margin:0}.os-sp__count b{font-size:var(--web-t-16);font-weight:700;font-variant-numeric:tabular-nums;color:var(--cos-fg-1)}.os-sp__sort{position:relative;display:inline-flex;align-items:center}html.os-on .os-sp__sort select{height:40px;margin:0;padding:0 38px 0 16px;padding-inline:16px 38px;border:0;border-radius:var(--cos-r-pill);outline:none;background:var(--cos-layer-card);background-image:none;box-shadow:none;color:var(--cos-fg-1);font:inherit;font-size:var(--web-t-16);font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer;color-scheme:dark}html.os-on .os-sp__sort select:hover{background:var(--cos-layer-field)}html.os-on .os-sp__sort select:focus-visible{box-shadow:inset 0 0 0 1.5px var(--cos-sense)}.os-sp__sort svg{position:absolute;inset-inline-end:14px;width:14px;height:14px;color:var(--cos-fg-3);pointer-events:none}.os-sp__h{margin:36px 0 12px}.os-sp__list{display:flex;flex-direction:column;border-radius:var(--cos-r-field);background:var(--cos-layer-card);overflow:hidden}html.os-on .os-sp__item{display:flex;flex-direction:column;gap:4px;padding:14px 18px;color:var(--cos-fg-1);transition:background-color .12s ease}.os-sp__item+.os-sp__item{box-shadow:inset 0 1px 0 var(--cos-hairline)}html.os-on .os-sp__item:hover{background:var(--cos-layer-field)}.os-sp__item strong{font-size:var(--web-t-16);font-weight:600;line-height:1.35}.os-sp__item span{font-size:var(--web-t-13);line-height:1.45;color:var(--cos-fg-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.os-sp__pages{display:flex;justify-content:center;margin:32px 0 0}html.os-on .os-sp__more{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:var(--cos-r-pill);background:var(--cos-layer-card);color:var(--cos-fg-1);font-size:var(--web-t-16);font-weight:600;transition:background-color .12s ease}html.os-on .os-sp__more:hover{background:var(--cos-layer-field)}.os-sp__empty{margin:36px 0 0;max-width:62ch}.os-sp__empty h2{margin:0;font-size:var(--web-t-20);font-weight:600;letter-spacing:-.01em;line-height:1.3}.os-sp__empty p{margin:8px 0 0;font-size:var(--web-t-16);line-height:var(--web-lh-body, 1.55);color:var(--cos-fg-2)}html.os-on .os-sp__shop{display:inline-flex;align-items:center;height:44px;margin-top:20px;padding:0 22px;border-radius:var(--cos-r-pill);background:var(--cos-sense);color:var(--cos-fg-inverse);font-size:var(--web-t-16);font-weight:600}html.os-on .os-sp__shop:hover{background:var(--cos-sense-2)}.os-sp__recent{margin:22px 0 0}.os-sp__recent[hidden]{display:none}.os-sp__recent .os-sr__rhead,.os-sp__recent .os-sr__cap{padding:0}.os-sp__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}html.os-on .os-sp__chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 6px 0 14px;border-radius:var(--cos-r-pill);background:var(--cos-layer-card);color:var(--cos-fg-1);font-size:var(--web-t-13);font-weight:600;transition:background-color .12s ease,opacity .16s ease}html.os-on .os-sp__chip:hover{background:var(--cos-layer-field)}html.os-on .os-sp__chip .os-sr__x{width:26px;height:26px}.os-sp__chip .os-sr__x svg{width:12px;height:12px}.os-sp .os-pgrid>.is-new{animation:os-sr-in .24s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i, 0) * 22ms)}@media(prefers-reduced-motion:reduce){.os-sr,.os-sr *,.os-sp,.os-sp *{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0ms!important}}.os-sp .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/26/assets/os-search.css.map */
