.hd-row .hd-srch,.hd-srch{position:static}.hd-row{position:relative}.hd-srch-panel.sx{position:absolute;top:100%;left:0;right:0;width:auto;max-width:none;margin:0;padding:0;background:#fff;border:0;border-radius:0 0 24px 24px;box-shadow:var(--sh-nav);z-index:70;overflow:hidden;opacity:0;transform:translateY(8px);will-change:opacity,transform;transition:opacity .22s var(--ease),transform .26s var(--ease)}.hd-srch-panel.sx.is-in{opacity:1;transform:none}.hd-srch-panel.sx[hidden]{display:none}.hd-srch-panel.sx [hidden]{display:none!important}.sx *,.sx *:before,.sx *:after{box-sizing:border-box}.sx section,.sx ul,.sx li,.sx p{margin:0;padding:0;list-style:none}.sx .sx-bar{position:relative;border-bottom:1px solid #E2E6E8}.sx .sx-bar-in{display:flex;align-items:center;gap:14px;padding:19px 60px}.sx .sx-bar:after{content:"";position:absolute;left:60px;right:60px;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:50%;transition:transform .5s var(--ease)}.sx .sx-bar:focus-within:after{transform:scaleX(1)}.sx .sx-ic{width:20px;height:20px;flex:0 0 auto;color:#9aa0a6;transition:color .25s ease}.sx .sx-bar:focus-within .sx-ic{color:#16191b}.sx .sx-form{flex:1;min-width:0}.hd-srch-panel.sx input[type=search],.hd-srch-panel.sx input[type=search]:focus{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:#16191b;caret-color:var(--accent);font:400 17px/26px var(--font-sans);letter-spacing:-.004em}.hd-srch-panel.sx input[type=search]::placeholder{color:#6b7178}.hd-srch-panel.sx input[type=search]::-webkit-search-cancel-button,.hd-srch-panel.sx input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.sx .sx-clear{flex:0 0 auto;width:26px;height:26px;border:0;border-radius:999px;background:#eef1f3;color:#5c636b;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:sxPop .22s var(--ease);transition:background .18s ease,color .18s ease,transform .2s var(--ease)}.sx .sx-clear:hover{background:#e2e6e8;color:#16191b;transform:scale(1.08)}.sx .sx-clear svg{width:13px;height:13px}@keyframes sxPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.sx kbd{padding:2px 6px;border-radius:5px;background:#f4f6f7;border:1px solid #E2E6E8;font:500 10.5px/15px var(--font-sans);color:#6b7178}.sx .sx-body{overflow:hidden;transition:height .42s var(--ease)}.sx .sx-scroll{max-height:min(62vh,540px);overflow:hidden auto;scrollbar-width:thin}.sx .sx-in{display:flex;align-items:stretch;padding:25px 60px 28px}.sx .sx-state{transition:opacity .18s ease,transform .3s var(--ease)}.sx .sx-state.is-out{opacity:0;transform:translateY(5px)}.sx .sx-main{flex:1 1 0;min-width:0;padding-right:34px}.sx .sx-side{flex:0 0 335px;margin-left:auto;padding-left:35px;border-left:1px solid #E2E6E8}.sx .sx-eye{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px;font:700 12px/12px var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:#6e767b}.sx .sx-n{font:500 12.5px/12px var(--font-sans);letter-spacing:0;text-transform:none;color:#6b7178}.sx .sx-eye-x{border:0;background:transparent;padding:0;cursor:pointer;color:#9aa0a6;font:700 11px/12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease}.sx .sx-eye-x:hover{color:var(--accent-text)}.sx .sx-side .sx-eye{margin-left:12px}.sx .sx-side>div+div,.sx .sx-side>div+p,.sx .sx-side .sx-chips+*{margin-top:24px}.sx .sx-tiles{display:flex;margin:0 0 0 -6px}.sx .sx-tile{flex:0 1 172px;width:172px;min-width:0}.sx .sx-tile a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 14px;border-radius:14px;color:#16191b;text-align:center}.sx .sx-ph{display:flex;align-items:center;justify-content:center;width:100%;max-width:160px;aspect-ratio:1;margin-bottom:2px;border-radius:10px;background:linear-gradient(160deg,#fff,#e8ecee)}.sx .sx-ph img{display:block;width:86%;height:86%;object-fit:contain;transition:transform .3s var(--ease)}.sx .sx-t{font:700 15px/18.8px var(--font-sans);letter-spacing:-.01em;transition:color .15s ease}.sx .sx-n2{font:500 13px/13px var(--font-sans);color:#6e767b;margin-top:4px}.sx .sx-tile a:hover .sx-t{color:var(--accent-text)}.sx .sx-tile a:hover img{transform:translateY(-3px)}.sx .sx-tile a:focus-visible{outline:2px solid var(--accent-text);outline-offset:-4px}.sx .sx-foot2{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:15px;padding-top:18px;border-top:1px solid #E2E6E8;font:600 14px/14px var(--font-sans)}.sx .sx-browse{display:inline-flex;align-items:center;gap:9px;color:#ee6a1e}.sx .sx-help2{display:inline-flex;align-items:center;gap:9px;color:#545c61;font-weight:600}.sx .sx-help2 a{display:inline-flex;align-items:center;gap:9px;color:#545c61}.sx .sx-help2 b{font-weight:600;color:#16191b}.sx .sx-arr{flex:none;width:14px;height:8px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.sx .sx-browse:hover .sx-arr,.sx .sx-help2 a:hover .sx-arr{transform:translate(3px)}.sx .sx-mlist{display:flex;flex-direction:column}.sx .sx-m{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#16191b;font:600 14.5px/19px var(--font-sans);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.sx .sx-m:hover{background:#f4f6f7;color:var(--accent-text)}.sx .sx-m-ic{flex:none;width:20px;height:20px;color:#9aa0a6;transition:color .16s ease}.sx .sx-m:hover .sx-m-ic{color:var(--accent-text)}.sx .sx-m span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx .sx-m-chev{flex:none;width:10px;height:6px;margin-left:auto;color:#9aa0a6;transform:rotate(-90deg);transition:transform .22s var(--ease),color .16s ease}.sx .sx-m:hover .sx-m-chev{color:var(--accent-text);transform:rotate(-90deg) translateY(3px)}.sx .sx-m i{font-style:normal;font:500 13px/13px var(--font-sans);color:#6b7178;font-variant-numeric:tabular-nums}.sx .sx-rows{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}.sx .sx-row{position:relative;display:grid;grid-template-columns:52px 1fr auto 14px;align-items:center;gap:13px;padding:9px 12px 9px 10px;border-radius:12px;color:#16191b;transition:background .16s ease}.sx .sx-row:before{content:"";position:absolute;left:2px;top:50%;width:2px;height:0;border-radius:2px;background:var(--accent);transform:translateY(-50%);transition:height .28s var(--ease)}.sx .sx-row:hover,.sx .sx-row.is-sel{background:#f4f6f7}.sx .sx-row.is-sel:before{height:24px}.sx .sx-row-pic{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #e2e6e8}.sx .sx-row-pic img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.sx .sx-row-pic img.is-on{opacity:1}.sx .sx-txt{min-width:0}.sx .sx-row-t{display:block;font:500 14px/19px var(--font-sans);color:#16191b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx .sx-row-t mark{background:transparent;color:#16191b;font-weight:700}.sx .sx-row-m{display:flex;align-items:center;gap:7px;margin-top:3px;font:400 11.5px/16px var(--font-sans);color:#6b7178}.sx .sx-cat{padding:1px 7px;border-radius:999px;background:#f4f6f7;color:#6e767b;font-size:11px}.sx .sx-dot{width:2px;height:2px;border-radius:999px;background:#9aa0a6}.sx .sx-row-p{font:700 14.5px/20px var(--font-head);color:#16191b;font-variant-numeric:tabular-nums;white-space:nowrap}.sx .sx-chev{width:14px;height:14px;color:#9aa0a6;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .24s var(--ease)}.sx .sx-row:hover .sx-chev,.sx .sx-row.is-sel .sx-chev{opacity:1;transform:none}.sx .sx-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px}.sx .sx-chip{height:34px;padding:0 14px;border:1px solid #E2E6E8;border-radius:999px;background:#fff;color:#545c61;font:500 13px/32px var(--font-sans);cursor:pointer;white-space:nowrap;transition:border-color .18s ease,color .18s ease,transform .22s var(--ease)}.sx .sx-chip:hover{border-color:#c9cfd3;color:#16191b;transform:translateY(-1px)}.sx .sx-sk{height:70px;border-radius:12px;margin-bottom:9px;background:linear-gradient(100deg,#f4f6f7 28%,#e9edef,#f4f6f7 64%);background-size:280% 100%;animation:sxSk 1.25s ease-in-out infinite}.sx .sx-sk--s{height:44px}@keyframes sxSk{0%{background-position:160% 50%}to{background-position:-40% 50%}}.sx .sx-none-t{margin:0 0 7px;font:700 18px/24px var(--font-head);color:#16191b}.sx .sx-none-s{margin:0 0 16px;max-width:60ch;font:400 14px/22px var(--font-sans);color:#6e767b}.sx .sx-none .sx-chips{padding:0}.sx .sx-jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sx .sx-job{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #E2E6E8;border-radius:12px;background:#fff;color:#16191b;font:600 14px/19px var(--font-sans);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .22s var(--ease),color .18s ease}.sx .sx-job:hover{border-color:#c9cfd3;background:#f8f9fa;color:var(--accent-text);transform:translateY(-1px)}.sx .sx-job:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sx .sx-j-ic{flex:none;width:22px;height:22px;color:#9aa0a6;transition:color .18s ease}.sx .sx-job:hover .sx-j-ic{color:var(--accent-text)}.sx .sx-eye2{margin-top:24px}.sx .sx-top{margin-left:-10px;margin-right:-10px}.sx .sx-inline{border:0;background:transparent;padding:0;color:var(--accent-text);cursor:pointer;font:600 14px/14px var(--font-sans);border-bottom:1px dashed rgba(238,106,30,.5)}.sx .sx-inline:hover{color:#16191b;border-bottom-color:#16191b}@media(max-width:1000px){.sx .sx-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sx .sx-jobs{grid-template-columns:1fr 1fr;gap:6px}.sx .sx-job{padding:10px 11px;font-size:13px;gap:8px}}.sx .is-anim .sx-job,.sx .is-anim .sx-tile,.sx .is-anim .sx-row,.sx .is-anim .sx-mlist li,.sx .is-anim .sx-chip{animation:sxUp .46s both var(--ease);animation-delay:calc(var(--i,0)*26ms)}@keyframes sxUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1280px){.sx .sx-bar-in,.sx .sx-in{padding-left:32px;padding-right:32px}.sx .sx-bar:after{left:32px;right:32px}.sx .sx-side{flex-basis:260px;padding-left:22px}.sx .sx-main{padding-right:22px}.sx .sx-tile{flex-basis:150px;width:150px}}@media(max-width:1000px){.sx .sx-rows{grid-template-columns:1fr}.sx .sx-in{flex-direction:column;gap:22px}.sx .sx-side{flex:1 1 auto;margin-left:0;padding-left:0;padding-top:20px;border-left:0;border-top:1px solid #E2E6E8}.sx .sx-main{padding-right:0}.sx .sx-side .sx-eye{margin-left:0}.sx .sx-tiles{flex-wrap:wrap;margin-left:0;gap:4px}.sx .sx-tile{flex:0 1 calc(33.333% - 4px);width:auto}}@media(max-width:720px){.hd-srch-panel.sx{border-radius:0 0 18px 18px}.sx .sx-bar-in,.sx .sx-in{padding-left:15px;padding-right:15px}.sx .sx-bar:after{left:15px;right:15px}.hd-srch-panel.sx input[type=search]{font-size:16px}.sx .sx-tile{flex:0 1 calc(50% - 4px)}.sx .sx-kbd{display:none}.sx .sx-scroll{max-height:min(70vh,560px)}.sx .sx-row-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px}.sx .sx-row-m{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx .sx-row-m .sx-cat,.sx .sx-row-m .sx-dot{display:none}}@media(prefers-reduced-motion:reduce){.hd-srch-panel.sx,.sx *{transition:none!important;animation:none!important}}.sx,.sx *,.hd-srch-panel.sx input,.hd-srch-panel.sx button,.hd-srch-panel.sx kbd{font-family:var(--font-sans)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/search-panel.css.map */