.xs-demo{display:grid;place-items:center;width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.xs{--xs-surface:#ffffff;--xs-ink:#0a0a0b;--xs-soft:#3f3f46;--xs-muted:#71717a;--xs-well:#f4f4f5;--xs-line:rgb(10 10 11/0.07);--xs-edge:rgb(0 0 0/0.06);--xs-curve:cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column;width:min(100%,380px);height:580px;padding:18px 18px 0;overflow:hidden;border-radius:36px;background:var(--xs-surface);border:1px solid var(--xs-edge);box-shadow:0 1px 2px rgb(0 0 0/.05),0 12px 28px -20px rgb(0 0 0/.16);color:var(--xs-ink);font-size:14px;letter-spacing:-.006em}.dark .xs{--xs-surface:#18181b;--xs-ink:#fafafa;--xs-soft:#d4d4d8;--xs-muted:#a1a1aa;--xs-well:#27272a;--xs-line:rgb(255 255 255/0.08);--xs-edge:rgb(255 255 255/0.07);box-shadow:0 1px 2px rgb(0 0 0/.28),0 12px 28px -20px rgb(0 0 0/.48)}.xs-top{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--xs-curve),opacity .25s ease,filter .25s ease}.xs[data-open] .xs-top{grid-template-rows:0fr;opacity:0;filter:blur(4px)}.xs-top-inner{min-height:0;overflow:hidden}.xs-bar{display:flex;justify-content:space-between;margin-bottom:18px}.xs-bar,.xs-place{align-items:center}.xs-place{display:inline-flex;gap:5px;height:30px;padding:0 11px 0 9px;border-radius:999px;background:var(--xs-well);font-size:12.5px;font-weight:600}.xs-place svg{width:14px;height:14px}.xs-me{border-radius:50%}.xs-greeting{display:grid;gap:2px;margin:0 0 16px;font-size:24px;font-weight:650;letter-spacing:-.03em;line-height:1.15}.xs-greeting span{color:var(--xs-muted);font-weight:500}.xs-row{flex:none}.xs-field,.xs-row{display:flex;align-items:center}.xs-field{flex:1;gap:9px;min-width:0;height:48px;padding:0 12px 0 15px;border-radius:16px;background:var(--xs-well);cursor:text;transition:background-color .2s ease,box-shadow .2s ease}.xs[data-open] .xs-field{background:var(--xs-surface);box-shadow:inset 0 0 0 1.8px var(--xs-ink)}.xs-field-icon{flex:none;width:18px;height:18px;color:var(--xs-muted)}.xs-input{flex:1;width:0;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--xs-ink);font:inherit;font-size:16px;outline:none}.xs-input::placeholder{color:var(--xs-muted)}.xs-clear{display:grid;flex:none;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--xs-muted);color:var(--xs-surface);cursor:pointer}.xs-clear svg{width:10px;height:10px}.xs-cancel{flex:none;overflow:hidden;height:48px;padding:0;border:0;background:none;color:var(--xs-ink);font:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;outline:none}.xs-cancel span{display:block;padding-left:14px}.xs-cancel:focus-visible span{text-decoration:underline;text-underline-offset:3px}.xs-stage{position:relative;flex:1;min-height:0;margin:0 -18px;padding:22px 18px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.xs-stage::-webkit-scrollbar{display:none}.xs-label{display:block;margin-bottom:10px;color:var(--xs-muted);font-size:12.5px;font-weight:600}.xs-aisles,.xs-shop{display:grid}.xs-aisles{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.xs-aisle{display:grid;justify-items:center;gap:7px;color:var(--xs-soft);font-size:12.5px;font-weight:500}.xs-aisle-tile{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:20px;font-size:30px;line-height:1}.xs-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.xs-pick{display:grid;gap:2px}.xs-pick-art{display:grid;place-items:center;height:112px;margin-bottom:8px;border-radius:22px;font-size:44px;line-height:1}.xs-pick-name{font-weight:600}.xs-pick-foot{display:flex;gap:6px;align-items:baseline}.xs-pick-price{font-weight:600}.xs-pick-size{color:var(--xs-muted);font-size:12.5px}.xs-results{display:grid;align-content:start}.xs-recent{display:grid;margin-bottom:22px}.xs-recent-row{display:flex;align-items:center;gap:12px;height:44px;padding:0 4px 0 2px;border:0;border-bottom:1px solid var(--xs-line);background:none;color:var(--xs-ink);font:inherit;text-align:left;cursor:pointer;outline:none}.xs-recent-row:focus-visible .xs-recent-text{text-decoration:underline;text-underline-offset:3px}.xs-recent-fill,.xs-recent-icon{flex:none;width:17px;height:17px;color:var(--xs-muted)}.xs-recent-text{flex:1;font-size:15px}.xs-positioner{position:static!important;transform:none!important;width:auto!important;outline:none}.xs-popup{outline:none;transition:opacity .2s ease}.xs-popup[data-ending-style],.xs-popup[data-starting-style]{opacity:0}.xs-empty:not(:empty){padding:32px 12px;color:var(--xs-muted);font-size:14px;text-align:center}.xs-list{display:grid;margin:0 -8px}.xs-item{position:relative;border-radius:18px;cursor:pointer;outline:none}.xs-highlight{position:absolute;inset:0;border-radius:inherit;background:var(--xs-well)}.xs-item-body{position:relative;display:flex;align-items:center;gap:13px;min-height:64px;padding:0 10px 0 8px}.xs-tile{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:14px;font-size:24px;line-height:1}.xs-copy{display:grid;flex:1;gap:2px;min-width:0}.xs-name{overflow:hidden;color:var(--xs-soft);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.xs-name mark{background:none;color:var(--xs-ink);font-weight:650}.xs-size{color:var(--xs-muted);font-size:13px}.xs-add{display:grid;flex:none;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--xs-well);color:var(--xs-ink);cursor:pointer;outline:none;transition:background-color .2s ease,color .2s ease,transform .15s ease}.xs-item[data-highlighted] .xs-add:not([data-added]){background:var(--xs-surface)}.xs-add:active{transform:scale(.9)}.xs-add[data-added]{background:#16a34a;color:#ffffff}.xs-add:focus-visible{box-shadow:0 0 0 2px var(--xs-surface),0 0 0 4px var(--xs-ink)}.xs-add-icon{display:grid}.xs-add svg{width:15px;height:15px}@media (prefers-reduced-motion:reduce){.xs-field,.xs-top{transition-duration:.01s}}.ff{--ff-ink:#2a1a0c;--ff-face:#ffd23f;--ff-extra:#ff8a8a;display:grid;justify-items:center;gap:14px;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;text-align:center}.ff[data-rating="1"]{--ff-face:#ff7a5c;--ff-extra:transparent}.ff[data-rating="2"]{--ff-face:#ffae4f;--ff-extra:#60a5fa}.ff[data-rating="3"]{--ff-face:#ffcf4a;--ff-extra:transparent}.ff[data-rating="5"]{--ff-face:#ffc93d;--ff-extra:#ff7096}.ff[data-rating="5"] .ff-eyes{fill:#f43f5e}.ff[data-rating="5"] .ff-mouth{fill:#7a1f2b}.ff-art{width:168px;height:168px}.ff-art>svg{transition:fill .45s ease,stroke .45s ease}.ff-face{fill:var(--ff-face)}.ff-extra{fill:var(--ff-extra)}.ff-brows{stroke:var(--ff-ink)}.ff-eyes,.ff-mouth{fill:var(--ff-ink)}.ff-copy{display:grid;gap:2px}.ff-question{margin:0;font-size:14px;color:var(--color-fd-muted-foreground,#71717a)}.ff-label{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--color-fd-foreground,#18181b)}.ff-scale{display:flex;gap:6px;padding:4px;border-radius:999px;background:var(--color-fd-muted,#f4f4f5)}.ff-scale button{width:40px;height:40px;border:0;border-radius:50%;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--color-fd-muted-foreground,#71717a);cursor:pointer;transition:background-color .2s,color .2s}@media (hover:hover) and (pointer:fine){.ff-scale button:hover{color:var(--color-fd-foreground,#18181b)}}.ff-scale button[data-pressed]{background:var(--color-fd-background,#fff);color:var(--color-fd-foreground,#18181b);box-shadow:0 1px 2px rgb(0 0 0/.08)}.ff-scale button:focus-visible{outline:2px solid var(--color-fd-ring,#2563eb);outline-offset:2px}.ff-ask{font-size:14px;color:var(--color-fd-muted-foreground,#71717a)}