.mpl-search .search-head{padding:46px 0 14px}.mpl-search .search-head .collection-title{max-width:24ch}.mpl-search .search-head .collection-title em{font-style:italic;color:var(--red)}.mpl-search .search-q{color:var(--navy)}.mpl-search .search-form{max-width:620px;margin:24px auto 0}.mpl-search .search-field{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid var(--line-strong);border-radius:999px;box-shadow:var(--shadow-sm);transition:box-shadow .22s,border-color .22s,transform .22s}.mpl-search .search-field:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px #1f2a4d14,var(--shadow-md);transform:translateY(-1px)}.mpl-search .search-field .s-ico{width:20px;height:20px;margin-left:18px;color:var(--muted);flex:none}.mpl-search .search-input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:16px;color:var(--navy);padding:15px 12px;outline:none}.mpl-search .search-input::placeholder{color:#a9a498}.mpl-search .search-clear{border:none;background:var(--cream-2);color:var(--navy);width:30px;height:30px;border-radius:50%;display:none;place-items:center;margin-right:7px;flex:none;font-size:16px;line-height:1;transition:background .18s,transform .12s}.mpl-search .search-field.has-value .search-clear{display:grid}.mpl-search .search-clear:hover{background:var(--line-strong)}.mpl-search .search-clear:active{transform:scale(.88)}.mpl-search .search-submit{border:none;border-radius:999px;background:var(--black);color:#fff;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:0 22px;height:42px;margin-right:5px;flex:none;transition:background .18s,transform .12s,box-shadow .22s}.mpl-search .search-submit:hover{background:#000;transform:translateY(-1px);box-shadow:0 9px 22px #16182a42}.mpl-search .search-submit:active{transform:translateY(0)}.mpl-search .kbd-hint{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--muted)}.mpl-search .kbd-hint kbd{font-family:inherit;font-size:11px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 7px}.mpl-search .dchips{display:inline-flex;gap:8px;margin-top:20px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm)}.mpl-search .dchip{position:relative;border:none;background:transparent;color:var(--navy);font-weight:600;font-size:13.5px;padding:9px 20px;border-radius:999px;white-space:nowrap;transition:color .2s,background .2s}.mpl-search .dchip:hover{background:var(--cream-2)}.mpl-search .dchip.active{background:var(--navy);color:#fff}.mpl-search .dchip .ic{width:14px;height:14px;vertical-align:-2px;margin-right:5px}.mpl-search .search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 24px 0;max-width:var(--maxw);margin:0 auto}.mpl-search .result-count{font-size:14px;color:var(--muted);font-weight:500}.mpl-search .result-count b{color:var(--navy);font-weight:700;font-variant-numeric:tabular-nums}.mpl-search .sort-wrap{position:relative;display:inline-flex;align-items:center;gap:8px}.mpl-search .sort-wrap label{font-size:13px;color:var(--muted);font-weight:500}.mpl-search .sort-select{appearance:none;-webkit-appearance:none;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 38px 9px 16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .18s,box-shadow .18s}.mpl-search .sort-select:hover{border-color:var(--line-strong)}.mpl-search .sort-select:focus-visible{outline:2.5px solid var(--navy);outline-offset:2px}.mpl-search .sort-wrap .chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--navy);pointer-events:none}.mpl-search .search-toolbar.stuck{position:sticky;top:74px;z-index:40;padding-top:12px;padding-bottom:12px;background:#f3eedfeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-bottom:8px}.mpl-search .search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;padding:8px 0;align-items:start}.mpl-search .search-grid .pcard{width:auto;max-width:none}.mpl-search .search-grid .pmedia{height:236px}.mpl-search .search-grid .pcard-title{font-size:15.5px;max-width:none}.mpl-search .search-grid .add-btn{margin-top:14px}.mpl-search mark.hl{background:#f2c13f6b;color:inherit;border-radius:4px;padding:0 2px}.mpl-search .rcard-link{grid-column:span 1;display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.mpl-search .rcard-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.mpl-search .rcard-kind{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);background:#6b5bd21f;padding:3px 10px;border-radius:999px;margin-bottom:12px}.mpl-search .rcard-link h3{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--navy);margin:0 0 8px;line-height:1.32}.mpl-search .rcard-link p{margin:0;font-size:13px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mpl-search .rcard-more{margin-top:14px;font-size:12.5px;font-weight:700;color:var(--red);display:inline-flex;align-items:center;gap:5px}.mpl-search .rcard-link:hover .rcard-more svg{transform:translate(4px)}.mpl-search .rcard-more svg{width:14px;height:14px;transition:transform .2s}.mpl-search .search-empty{text-align:center;padding:30px 0 50px;max-width:60ch;margin:0 auto}.mpl-search .search-empty .em-ic{width:84px;height:84px;margin:0 auto 18px;color:var(--navy);opacity:.5}.mpl-search .search-empty h2{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--navy);margin:0 0 10px}.mpl-search .search-empty p{color:var(--muted);font-size:16px;margin:0 0 22px}.mpl-search .sugg{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mpl-search .sugg a{font-size:13.5px;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,color .18s,border-color .18s}.mpl-search .sugg a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--red);border-color:var(--red)}.mpl-search .scrollbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;background:linear-gradient(90deg,var(--red),var(--magenta));box-shadow:0 0 10px #e9463380;transition:width .08s linear}.mpl-search .totop{position:fixed;right:22px;bottom:22px;z-index:115;width:46px;height:46px;border-radius:50%;border:none;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s,transform .3s,background .2s}.mpl-search .totop.show{opacity:1;transform:none;pointer-events:auto}.mpl-search .totop:hover{background:var(--red);transform:translateY(-3px)}.mpl-search .totop svg{width:22px;height:22px}@media(max-width:1100px){.mpl-search .search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.mpl-search .search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.mpl-search .search-toolbar.stuck{top:64px}}@media(max-width:520px){.mpl-search .search-grid{grid-template-columns:1fr 1fr;gap:26px 14px}.mpl-search .search-grid .pmedia{height:180px}.mpl-search .search-grid .pcard-title{font-size:13.5px}.mpl-search .search-grid .add-btn{font-size:10px;padding:10px 14px}.mpl-search .dchips{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.mpl-search .scrollbar,.mpl-search .totop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/mpl-search.css.map */