.jc-search{--s-bg: #fbfaf7;--s-line: #e6e1d8;--s-mute: #736c61;--s-sub: #6b655c;--s-ph: #a39c90;--s-chip-line: #ddd6ca;--s-hi: #efebe4;--s-ease: var(--ease-out, cubic-bezier(.22, 1, .36, 1));display:block;color:var(--ink);font-family:var(--font-body)}.jc-hdr-search-open .jc-hdr__bar:after{opacity:0}.jc-search__panel{visibility:hidden;opacity:0;background:var(--s-bg);outline:none}.jc-search.is-open .jc-search__panel{visibility:visible;opacity:1}.jc-search .jc-search__overlay{display:none}.jc-search__bar{display:flex;align-items:center;margin:0;border-bottom:1px solid var(--ink)}.jc-search__icon{flex:none;display:block;width:2.2rem;height:2.2rem;color:var(--ink)}.jc-search__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 1.6rem;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;font-family:var(--font-body);font-weight:300;color:var(--ink);-webkit-appearance:none;appearance:none}.jc-search__input::placeholder{color:var(--s-ph);opacity:1}.jc-search__input::-webkit-search-cancel-button,.jc-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.jc-search__input:focus,.jc-search__input:focus-visible{outline:none;box-shadow:none}.jc-search__bar:focus-within{box-shadow:inset 0 -1px 0 var(--ink)}.jc-search__clear{flex:none;height:4.4rem;padding:0 1.2rem;margin:0;border:0;background:none;cursor:pointer;font-family:var(--font-body);font-size:1.3rem;font-weight:400;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.jc-search__clear[hidden]{display:none}.jc-search__x{flex:none;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;margin:0;border:0;border-radius:2px;background:none;color:var(--ink);cursor:pointer}.jc-search__clear:focus-visible,.jc-search__x:focus-visible,.jc-search__chip:focus-visible,.jc-search__all:focus-visible,.jc-search a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none}.jc-search__state[hidden]{display:none!important}.jc-search__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}.jc-search__h{margin:0 0 1.4rem;font-size:1.2rem;font-weight:400;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--s-mute)}.jc-search__group+.jc-search__group{margin-top:2.8rem}.jc-search__list{margin:0;padding:0;list-style:none}.jc-search__sugg,.jc-search__coll{display:flex;align-items:center;min-height:4rem;padding:0 .8rem;margin:0 -.8rem;border-radius:2px;color:var(--ink);text-decoration:none;font-size:1.6rem;font-weight:300;line-height:1.3}.jc-search__sugg mark{background:none;color:inherit;font-weight:500}.jc-search__sugg[aria-selected=true],.jc-search__coll[aria-selected=true]{background:var(--s-hi)}@media(hover:hover)and (pointer:fine){.jc-search__sugg:hover,.jc-search__coll:hover{background:var(--s-hi)}}.jc-search__chips{display:flex;flex-wrap:wrap;gap:1rem .8rem;margin:0;padding:0;list-style:none}.jc-search__chip{position:relative;display:inline-flex;align-items:center;height:3.4rem;padding:0 1.4rem;margin:0;border:1px solid var(--s-chip-line);border-radius:2px;background:#fff;color:var(--ink);cursor:pointer;font-family:var(--font-body);font-size:1.4rem;font-weight:300;line-height:1;white-space:nowrap;transition:border-color var(--dur-fast, .15s) var(--s-ease)}.jc-search__chip:after{content:"";position:absolute;left:0;right:0;top:-.5rem;bottom:-.5rem}@media(hover:hover)and (pointer:fine){.jc-search__chip:hover{border-color:var(--ink)}}.jc-search__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.2rem;margin:0;padding:0;list-style:none}.jc-search__grid>li{min-width:0}.vio-card--search{display:flex;flex-direction:column;height:auto;color:var(--ink);text-decoration:none;border-radius:2px}.vio-card--search .vio-card__media{display:block;aspect-ratio:4 / 5;border-radius:2px}.vio-card--search .vio-card__title{display:block;font-size:1.5rem}.vio-card--search .vio-card__price{font-size:1.4rem}.vio-card--search .vio-card__info{padding-top:1rem}.vio-card--search[aria-selected=true]{outline:2px solid var(--ink);outline-offset:4px}.jc-search__all{display:flex;align-items:center;justify-content:center;height:4.6rem;padding:0 3.2rem;border:1px solid var(--ink);border-radius:2px;text-decoration:none;white-space:nowrap;font-family:var(--font-body);font-size:1.3rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:background-color var(--dur-fast, .15s) var(--s-ease),color var(--dur-fast, .15s) var(--s-ease)}.jc-search__none{text-align:center;padding:1.6rem 0 0}.jc-search__none-h{margin:0;font-size:2.2rem;font-weight:300;line-height:1.3;overflow-wrap:anywhere}.jc-search__none-p{margin:1rem auto 3.2rem;max-width:42rem;font-size:1.4rem;font-weight:300;line-height:1.5;color:var(--s-sub)}.jc-search__none .jc-search__chips{justify-content:center}.jc-skel{position:relative;display:block;overflow:hidden;border-radius:2px;background:#efebe4}.jc-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:jc-shimmer 1.2s ease-in-out infinite}@keyframes jc-shimmer{to{transform:translate(100%)}}.jc-skel--h{width:9rem;height:1.2rem;margin:0 0 1.8rem}.jc-skel--line{width:var(--w, 70%);height:1.4rem;margin:1.3rem 0}.jc-skel--img{aspect-ratio:4 / 5;width:100%}.jc-skel-card .jc-skel--line{height:1.2rem;margin:1.1rem 0 0}@media screen and (min-width:990px){.jc-search__panel{position:absolute;left:0;right:0;top:100%;z-index:1;max-height:calc(100vh - var(--jc-search-top, 11rem));overflow-y:auto;overscroll-behavior:contain;padding:0 5.6rem 4rem;border-bottom:1px solid var(--s-line);contain:paint;isolation:isolate;transition:opacity .15s var(--s-ease),visibility 0s linear .15s}.jc-search.is-open .jc-search__panel{transition:opacity .15s var(--s-ease),visibility 0s}.jc-search .jc-search__overlay{display:block;position:fixed;left:0;right:0;bottom:0;top:var(--jc-search-top, 0);background:#1c1a1759;opacity:0;visibility:hidden;transition:opacity .2s var(--s-ease),visibility 0s linear .2s}.jc-search.is-open .jc-search__overlay{opacity:1;visibility:visible;transition:opacity .2s var(--s-ease),visibility 0s}.jc-search__inner{max-width:132.8rem;margin:0 auto}.jc-search__bar{height:7.2rem}.jc-search__input{font-size:2.4rem}.jc-search__body{padding-top:3.2rem}.jc-search__cols{grid-template-columns:28rem minmax(0,1fr);gap:5.6rem}.jc-search__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem}.jc-search__allbar{display:flex;justify-content:center;margin-top:3.2rem}.jc-search__all{color:var(--ink);background:transparent}@media(hover:hover)and (pointer:fine){.jc-search__all:hover{background:var(--ink);color:var(--s-bg)}}}@media screen and (min-width:1280px){.jc-search__panel{padding-left:var(--jc-page-pad);padding-right:var(--jc-page-pad)}.jc-search__inner{max-width:none}}@media screen and (max-width:989px){.jc-search__panel{position:fixed;left:0;right:0;bottom:0;top:var(--jc-search-top, 0);z-index:1000;display:flex;flex-direction:column;transition:opacity .2s var(--s-ease),visibility 0s linear .2s}.jc-search.is-open .jc-search__panel{transition:opacity .2s var(--s-ease),visibility 0s}.jc-search__inner{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.jc-search__bar{flex:none;height:6rem;padding:0 .4rem 0 1.6rem}.jc-search__icon{width:2rem;height:2rem}.jc-search__input{font-size:1.7rem;padding:0 1.2rem}.jc-search__clear{display:none!important}.jc-search__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2.4rem 1.6rem 0}.jc-search__state:not([data-jc-search-state=results]){padding-bottom:3.2rem}.jc-search__sugg,.jc-search__coll{min-height:4.4rem}.jc-search__grid{gap:2rem 1.2rem}.jc-search__allbar{position:sticky;bottom:0;z-index:2;margin:2.4rem -1.6rem 0;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom,0px));background:var(--s-bg);border-top:1px solid var(--s-line)}.jc-search__all{width:100%;background:var(--ink);border-color:var(--ink);color:var(--s-bg)}}@media(prefers-reduced-motion:reduce){.jc-search__panel,.jc-search.is-open .jc-search__panel{transform:none!important}.jc-skel:after{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jc-search.css.map */