:root{--cp-woosearch-gray-50:oklch(98.5% 0.002 247.839);--cp-woosearch-gray-100:oklch(96.7% 0.003 264.542);--cp-woosearch-gray-200:oklch(92.8% 0.006 264.531);--cp-woosearch-gray-300:oklch(92.8% 0.006 264.531);--cp-woosearch-gray-400:oklch(70.7% 0.022 261.325);--cp-woosearch-background:oklch(1 0 0);--cp-woosearch-foreground:oklch(0.145 0 0);--cp-woosearch-secondary:oklch(0.92 0 0);--cp-woosearch-secondary-foreground:oklch(0.205 0 0);--cp-woosearch-muted:oklch(0.97 0 0);--cp-woosearch-muted-foreground:oklch(0.69 0 0);--cp-woosearch-accent:oklch(0.51 0 0);--cp-woosearch-accent-foreground:oklch(0.205 0 0);--cp-woosearch-border:oklch(0.922 0 0);--cp-woosearch-input:oklch(0.722 0 0);--cp-woosearch-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--cp-woosearch-dialog-shadow:0 16px 70px #0003;--cp-woosearch-header-shadow:0 -1px 0 0 #e0e3e8,0 3px 6px 0 #0000001a;--cp-woosearch-footer-shadow:0 -1px 0 0 var(--cp-woosearch-gray-300),0 -3px 18px 0 #0000000d;--cp-woosearch-input-height:3rem;--cp-woosearch-max-width:34rem;--cp-woosearch-badge-height:2.125rem}[cmdk-wrapper]{@media (width >= 48rem){align-items:stretch;display:flex;height:100%;width:100%}}[cmdk-overlay]{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(6px);background-color:#0003;inset:0;position:fixed;z-index:50}[cmdk-root]{animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:var(--cp-woosearch-background);display:flex;flex-direction:column;left:0;max-height:100dvh;outline:none;overflow:hidden;padding:0;position:fixed;top:0;width:100dvw;z-index:60;@media (width >= 48rem){border-radius:8px;box-shadow:var(--cp-woosearch-dialog-shadow);left:50%;max-height:85dvh;max-width:var(--cp-woosearch-max-width);top:10%;transform:translateX(-50%);width:90vw}}[data-field]{align-items:stretch;border:none;display:flex;height:100%;width:100%;&[data-role=trigger]{margin-right:.35rem}&[data-role=trigger] button:first-of-type svg{color:var(--cp-woosearch-foreground);height:30px;width:30px}&[data-role=trigger] button.clear{display:none}&:not([data-role=trigger]){border-bottom:1px solid var(--cp-woosearch-border);padding-left:1rem;padding-right:1rem}&:not([data-role=trigger]) button{padding:0 .5rem}button{align-self:center;background-color:initial;border:0;border-radius:0;color:var(--cp-woosearch-foreground);font-weight:400;height:100%;margin:0;padding:0}button[slot=query]{display:none}svg{color:var(--cp-woosearch-muted-foreground);height:20px;transition-duration:.15s;transition-property:color;width:20px}@media (width >= 48rem){align-self:center;border-radius:4px;font-size:1.125rem;height:var(--cp-woosearch-input-height);&[data-role=trigger]{border-color:var(--cp-woosearch-input);border-style:solid;border-width:1px;margin-left:auto;margin-right:auto;max-width:var(--cp-woosearch-max-width);button:first-of-type svg{color:var(--cp-woosearch-foreground);height:30px;width:30px}}&[data-role=trigger] button:first-of-type svg{color:var(--cp-woosearch-muted-foreground);height:20px;width:20px}&[data-role=trigger] button.clear{display:inline-flex}&:not([data-role=trigger]){padding-left:0;padding-right:0}button:not([slot=query]){padding:0 .75rem}button:not([slot=query]):hover{cursor:pointer}button:not([slot=query]):hover svg{color:var(--cp-woosearch-foreground)}button[slot=query]{align-items:center;border-radius:0;color:var(--cp-woosearch-muted-foreground);cursor:text;display:inline-flex;height:100%;justify-content:start;margin:0;padding:0;text-align:left;width:100%}}}input[type=text][cmdk-input]{background:#0000;border:none;border-radius:0;font-size:1.125rem;height:calc(var(--cp-woosearch-input-height) - 2px);line-height:1;padding:0;width:100%;&:focus-visible{box-shadow:none;outline:none;outline-offset:0}&:focus{background-color:initial}&::placeholder{color:var(--cp-woosearch-muted-foreground)}}[data-field],[slot=footer]{flex-grow:0;flex-shrink:0;position:relative;z-index:10}[slot=list-top]{background-color:var(--cp-woosearch-background);border-bottom:1px solid var(--cp-woosearch-border);flex-grow:0;flex-shrink:0;padding:.75rem 1rem;position:sticky;top:0;z-index:10;>p{color:var(--cp-woosearch-secondary-foreground);flex-grow:0;flex-shrink:0;font-size:1rem;font-weight:400;line-height:1;margin:0;padding:0}>div{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:.75rem}}[slot=badge]{align-items:center;background-color:var(--cp-woosearch-secondary);border-radius:8px;color:var(--cp-woosearch-foreground);display:inline-flex;font-size:14px;justify-content:center;line-height:1;padding:.375rem .75rem;position:relative;transition-duration:.15s;transition-property:all;width:fit-content;&:hover{background-color:var(--cp-woosearch-foreground);color:var(--cp-woosearch-muted);cursor:pointer}}[cmdk-loading]{>div{align-items:center;display:flex;gap:.5rem}svg{animation:spin 1s linear infinite;height:20px;width:20px}}[cmdk-empty],[cmdk-loading]{align-items:center;color:var(--cp-woosearch-secondary-foreground);display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:1.5rem 0;width:80%}[cmdk-list]{min-height:0;overflow-y:scroll;overscroll-behavior:contain}[cmdk-list-sizer]{height:100%;padding:0}[cmdk-item]{align-items:center;color:var(--cp-woosearch-accent);content-visibility:auto;cursor:pointer;display:flex;font-size:15px;gap:.75rem;line-height:1.35;overflow-x:hidden;padding-left:4px;position:relative;transition:all .15s ease;transition-property:none;-webkit-user-select:none;user-select:none;will-change:background,color;&[data-selected=true]{background:var(--cp-woosearch-muted);&:after{background:var(--cp-woosearch-foreground);content:"";height:100%;left:0;position:absolute;width:4px;z-index:123}}&:active{background:var(--cp-woosearch-secondary);transition-property:background}>img{height:4.5rem;object-fit:cover;width:auto}.item-content{margin-right:2rem}.item-label{color:var(--cp-woosearch-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}[slot=footer]{background-color:var(--cp-woosearch-gray-100);box-shadow:var(--cp-woosearch-footer-shadow);padding:.5rem .75rem .35rem;position:relative;z-index:10;>ul{font-size:.875rem;gap:.75rem;line-height:1;list-style:none;margin:0;padding:0}>ul,>ul li{align-items:center;display:inline-flex}>ul li{color:var(--cp-woosearch-muted-foreground);gap:.35rem}kbd{align-items:center;background-color:initial;background:var(--cp-woosearch-gray-50);border-color:var(--cp-woosearch-border);border-radius:4px;border-style:solid;border-width:1px;box-shadow:var(--cp-woosearch-shadow-sm);cursor:pointer;display:flex;height:1.5rem;justify-content:center;line-height:24px;padding:0 .5rem;width:auto}kbd svg,span{color:var(--cp-woosearch-foreground)}span{margin-left:.25rem}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (width >= 48rem){@keyframes contentShow{0%{opacity:0;transform:translateX(-48%) scale(.96)}to{opacity:1;transform:translateX(-50%) scale(1)}}}@keyframes spin{to{transform:rotate(1turn)}}