.p2-hs{--ink:#1B1D1F;--ink2:#4C5155;--ink3:#6B7075;--line:#E8EBED;--pill:#F4F5F6;--pill2:#E8EBED;--wash:#F7F8F9;--logo:#010F20;--blue:#2D63E0;--blue-h:#2453C4;--blue-t:#EAF0FC;--f-brand:"Smooch Sans","Arial Narrow",sans-serif;--f-ui:"JP Haas","Helvetica Neue",Helvetica,Arial,sans-serif;--f-text:"JP Haas Text","Helvetica Neue",Helvetica,Arial,sans-serif;--t1:12px;--t2:13px;--t3:15px;--t4:18px;--t5:26px;--t6:38px;--r1:8px;--r2:16px;--e-out:cubic-bezier(.16,1,.3,1);--e-spring:cubic-bezier(.34,1.56,.64,1);--hh:56px;--tb:60px;--sh:56vh;--gl:max(var(--g),env(safe-area-inset-left,0px));--gr:max(var(--g),env(safe-area-inset-right,0px))}.p2-hs{--gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px))}.p2-hs .hsearch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#fff;color:var(--ink);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .35s var(--e-out),visibility .35s}.p2-hs .hsearch[hidden]{display:none}.p2-hs .hsearch.on{opacity:1;visibility:visible;transform:none}.p2-hs .hs-top{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) var(--gr) 10px var(--gl);border-bottom:1px solid var(--line)}.p2-hs .hs-top label{flex:1;min-width:0;position:relative}.p2-hs .hs-top label svg{position:absolute;left:12px;top:50%;width:17px;height:17px;margin-top:-8.5px;color:var(--ink3);fill:none;stroke:currentColor;stroke-width:2}.p2-hs .hs-top input[type=search]{width:100%;height:44px;padding:0 14px 0 38px;border-radius:999px;border:0;background:var(--pill);font:500 16px/1 var(--f-text);color:var(--ink);-webkit-appearance:none;appearance:none}.p2-hs .hs-top input[type=search]:focus{outline:2px solid var(--blue);outline-offset:0;background:#fff}.p2-hs .hs-top button{flex:none;height:44px;padding:0 6px;border:0;background:none;font:500 var(--t2)/1 var(--f-text);color:var(--blue);cursor:pointer}.p2-hs .hs-body{flex:1;overflow:auto;padding:16px var(--gr) calc(env(safe-area-inset-bottom,0px) + 24px) var(--gl);overscroll-behavior:contain}.p2-hs .hs-body h3{margin:18px 0 8px;font:500 11px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.p2-hs .hs-idle>h3:first-child,.p2-hs .hs-sg>.hs-g:first-child h3{margin-top:0}.p2-hs .hs-chips{display:flex;flex-wrap:wrap;gap:6px}.p2-hs .hs-chips a{height:34px;padding:0 13px;border-radius:999px;background:var(--pill);font:500 var(--t2)/34px var(--f-text);color:var(--ink2);text-decoration:none}.p2-hs .hs-list a{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;border-bottom:1px solid var(--line);font:500 var(--t3)/1.25 var(--f-text);text-align:left;color:var(--ink);text-decoration:none;min-width:0}.p2-hs .hs-list a>span{min-width:0;overflow-wrap:anywhere}.p2-hs .hs-list a[aria-selected=true]{background:var(--wash)}.p2-hs .hs-list em{margin-left:auto;font-style:normal;font-size:var(--t1);color:var(--ink3)}.p2-hs .hs-list .go{color:var(--blue)}.p2-hs .hs-list svg{width:15px;height:15px;color:var(--ink3);flex:none;fill:none;stroke:currentColor;stroke-width:2}.p2-hs .hs-th{flex:none;width:40px;height:40px;border-radius:10px;background:#f3f4f5;display:grid;place-items:center;overflow:hidden}.p2-hs .hs-th img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}.p2-hs mark{background:none;color:var(--blue)}@media(min-width:900px){.p2-hs .hsearch{inset:0 0 auto 0;max-height:min(620px,84vh);border-radius:0 0 22px 22px;box-shadow:0 0 0 100vmax #010f2052,0 18px 40px -10px #010f2040;transform:translateY(-12px)}.p2-hs .hs-top,.p2-hs .hs-body{width:100%;max-width:var(--max);margin:0 auto}.p2-hs .hs-top{padding:14px 24px;border-bottom:0}.p2-hs .hs-top input[type=search]{height:48px}.p2-hs .hs-body{padding:4px 24px 26px}.p2-hs .hs-idle,.p2-hs .hs-sg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-content:start}.p2-hs .hs-idle>h3:first-child,.p2-hs .hs-idle>.hs-chips,.p2-hs .hs-sg>.go{grid-column:1 / -1}.p2-hs .hs-idle .hs-g h3{margin-top:26px}.p2-hs .hs-list a{padding:10px 0}}@media(prefers-reduced-motion:reduce){.p2-hs .hsearch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/jp-p2-se-sheet.css.map */