.search-dialog.svelte-1gznmn1{container-type:inline-size;container-name:search-dialog;--padd: 1rem;grid-auto-rows:max-content;width:calc(100% - var(--padd) * 2);max-width:68ch;padding:0;margin-top:1rem;color:inherit;background:var(--shade9);border:1px solid var(--shade6);border-radius:var(--br-xl);view-transition-name:search-dialog;&[open]{display:grid}&::backdrop{background:color-mix(in hsl,var(--shade10) 90%,transparent);view-transition-name:search-dialog-backdrop}}::view-transition-group(search-dialog-backdrop){z-index:10}::view-transition-group(search-dialog){z-index:11}.search-input-label.svelte-1gznmn1{display:flex;position:relative;padding-inline:calc(var(--padd) * 2.5);align-items:center;background:var(--shade7);border-bottom:1px solid var(--shade6);width:100cqw;svg{position:absolute;top:50%;left:var(--padd);height:1.75rem;width:1.75rem;color:var(--shade3);translate:0 -50%}.chars-required:where(.svelte-1gznmn1){white-space:nowrap;&.enough{color:var(--shade3)}}}.search-input.svelte-1gznmn1{display:block;color:var(--shade0);width:100%;height:fit-content;padding:var(--padd)}.search-content.svelte-1gznmn1{display:grid;gap:var(--padd);padding-block:var(--padd)}.games-list.svelte-1gznmn1{display:flex;padding-inline:calc(var(--padd) * 1.5);gap:calc(var(--padd) / 2);.game-link:where(.svelte-1gznmn1){border-radius:var(--br);cursor:pointer;&:focus,&.active,&:hover{outline:2px solid var(--shade4);outline-offset:2px}svg{width:1.5rem;height:1.5rem;background:var(--shade6);border-radius:var(--br);path{fill:var(--shade4)}}&.active{outline:2px solid color-mix(in srgb,var(--game-color) 25%,transparent);svg{background:var(--game-color);path{fill:#000}}}}}.games-grid.svelte-1gznmn1{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;padding-inline:calc(var(--padd) * 1.5);padding-block-start:calc(var(--padd) / 2);.game-link:where(.svelte-1gznmn1){border:3px solid var(--shade9);box-shadow:0 0 0 2px var(--shade6);border-radius:var(--br-lg);transition:box-shadow var(--transition),scale var(--transition);&:hover{box-shadow:0 0 0 2px var(--game-color);scale:1.05}img:where(.svelte-1gznmn1){border-radius:var(--br)}}}.search-category.svelte-1gznmn1{display:grid;gap:calc(var(--padd) / 4);&:has(.category-results:where(.svelte-1gznmn1):empty){display:none}}.category-title.svelte-1gznmn1{padding-inline:calc(var(--padd) * 1.5);color:var(--shade2)}.category-results.svelte-1gznmn1{padding-inline:var(--padd)}.search-result.svelte-1gznmn1{display:flex;align-items:center;justify-content:space-between;gap:var(--padd);padding:calc(var(--padd) / 2);border-radius:var(--br-lg);&:hover,&.active,&:focus-within{background:var(--shade7);outline:2px solid var(--shade5)}}.search-link.svelte-1gznmn1{flex:1;display:flex;align-items:center;gap:calc(var(--padd) / 2)}.search-result-image-wrapper.svelte-1gznmn1{position:relative;display:flex;align-items:center;justify-content:center}.search-result-image.svelte-1gznmn1{width:1.75rem;height:1.75rem;background:var(--shade6);border-radius:var(--br-lg);&.tft-trait{filter:invert();background:transparent}}.game-icon-badge.svelte-1gznmn1{position:absolute;width:1rem;height:1rem;bottom:-.25rem;right:-.25rem;border-radius:var(--br-sm);background:var(--game-color, var(--shade7));color:var(--shade10)}.search-result-info.svelte-1gznmn1{display:flex;align-items:center;gap:.75ch}.search-result-title.svelte-1gznmn1{&:has(mark){color:var(--shade2)}mark{color:var(--shade0);background:transparent;font-weight:700}}.search-result-subtitle.svelte-1gznmn1{display:flex;align-items:baseline;gap:.75ch;color:var(--shade3)}.additional-links.svelte-1gznmn1{display:flex;gap:.25rem;color:var(--shade2)}.additional-link.svelte-1gznmn1{padding:0 .25rem;background:var(--shade6-75);color:var(--shade3);border-radius:var(--br);transition:color var(--transition),background var(--transition);&:hover,&.active{color:var(--shade0);background:var(--shade5)}@container search-dialog (inline-size <= 500px){display:none}}.search-result-buttons.svelte-1gznmn1{display:flex;align-items:center;gap:calc(var(--padd) / 4)}.discard-button.svelte-1gznmn1{width:1rem;height:1rem;background:transparent;border-radius:var(--br);color:var(--shade3);transition:background var(--transition),color var(--transition);&:hover,&:active{background:var(--shade5);color:var(--shade0)}}