#search-modal .oppo-search-dialog{position:fixed;inset:var(--oppo-search-top, 100px) var(--oppo-search-right, 32px) auto auto;margin:0;padding:0;width:312px;max-width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - var(--oppo-search-top, 100px) - 16px);border:1px solid #e4e4e4;border-radius:24px;background:#fff;color:#111;box-shadow:0 8px 28px #0000000d;overflow:hidden;font-family:inherit;text-align:start}#search-modal .oppo-search-dialog[open]{display:block;animation:oppo-search-in .16s ease-out both}#search-modal .oppo-search-dialog.dialog-closing{animation:oppo-search-out .12s ease-in both}#search-modal .oppo-search-dialog::backdrop{background:linear-gradient(to bottom,transparent 0 var(--oppo-header-bottom, 88px),#0006 var(--oppo-header-bottom, 88px) 100%);-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;transition:none}#search-modal oppo-search-panel{display:block;width:100%}#search-modal .oppo-search-form{margin:0;padding:0}#search-modal .oppo-search-top{position:relative;padding:8px;border-bottom:1px solid #f0f0f0}#search-modal .oppo-search-field{display:flex;align-items:center;height:36px;border:1px solid #dedede;border-radius:22px;background:#f6f6f6;padding:0 10px;gap:7px}#search-modal .oppo-search-icon,#search-modal .oppo-search-row-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px;color:#777}#search-modal .oppo-search-icon svg,#search-modal .oppo-search-row-icon svg{width:14px;height:14px}#search-modal #oppo-search-input{min-width:0;width:100%;height:34px;padding:0 24px 0 0;margin:0;border:0;outline:0;box-shadow:none;border-radius:0;background:transparent;color:#111;font:inherit;font-size:12px}#search-modal #oppo-search-input::placeholder{color:#999;opacity:1}#search-modal #oppo-search-input::-webkit-search-cancel-button{display:none}#search-modal .oppo-search-close{display:grid;place-items:center;position:absolute;right:13px;top:12px;width:28px;height:28px;padding:6px;margin:0;border:0;background:transparent;color:#777;cursor:pointer;border-radius:50%}#search-modal .oppo-search-close svg{width:12px;height:12px}#search-modal .oppo-search-close:hover{background:#e9e9e9}#search-modal .oppo-search-scroll{overflow-y:auto;max-height:calc(100dvh - var(--oppo-search-top, 100px) - 72px);overscroll-behavior:contain;padding-bottom:16px}#search-modal .oppo-search-group{padding-top:10px}#search-modal .oppo-search-group--links{margin-top:8px;border-top:1px solid #f1f1f1}#search-modal .oppo-search-label{margin:0;padding:0 16px 12px;font-size:12px;line-height:20px;color:#777;font-weight:400}#search-modal .oppo-search-list{list-style:none;margin:0;padding:0;display:block}#search-modal .oppo-search-list li{margin:0;padding:0}#search-modal .oppo-search-list a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 16px;text-decoration:none;color:#111;font-size:16px;line-height:22px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere}#search-modal .oppo-search-list a:hover,#search-modal .oppo-search-list [aria-selected=true] a{background:#f5f5f5}#search-modal .oppo-search-list a:focus-visible,#search-modal .oppo-search-close:focus-visible,#search-modal .oppo-search-all:focus-visible{outline:2px solid #168447;outline-offset:-3px}#search-modal .oppo-search-field:focus-within{border-color:#999}#search-modal .oppo-search-row-icon{font-size:19px;font-weight:400}#search-modal .oppo-search-status{margin:0;padding:12px 16px;font-size:12px;color:#777}#search-modal .oppo-search-status:empty{display:none}#search-modal .oppo-search-all{border:0;border-top:1px solid #eee;background:transparent;color:#111;width:100%;padding:14px 16px;text-align:start;cursor:pointer;font:inherit;font-size:13px}#search-modal [hidden]{display:none!important}@keyframes oppo-search-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes oppo-search-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media(max-width:749px){#search-modal .oppo-search-dialog{right:12px;width:min(360px,calc(100vw - 24px));border-radius:22px}#search-modal #oppo-search-input{font-size:16px}#search-modal .oppo-search-list a{min-height:44px;font-size:15px}}@media(prefers-reduced-motion:reduce){#search-modal .oppo-search-dialog[open],#search-modal .oppo-search-dialog.dialog-closing{animation-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/152/assets/oppo-search-panel.css.map */