#root{max-width:1280px;width:100%;margin:0 auto;padding:1rem;display:flex;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.action-bar{box-sizing:border-box;position:fixed;z-index:10;border-radius:40px;gap:1em;justify-content:space-between;bottom:1.25rem;backdrop-filter:blur(16px);background-color:#c8c8c866;-webkit-backdrop-filter:blur(12px);display:flex;align-self:center}.action-bar-button{padding:.875rem 1rem}.action-bar-button,.action-bar-button:hover,.action-bar-button:focus,.action-bar-button:active{color:var(--text-strong)}.action-bar-button-selected,.action-bar-button-selected:hover,.action-bar-button-selected:focus,.action-bar-button-selected:active{color:#50dca9}.action-bar-button svg{width:1.875rem;height:1.875rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--background-color: #242424;--text: #b0b0bc;--text-strong: #e7e7f1;--text-subdued: #85858e;--text-link: #8bb2ff;--surface-attention: #454500;--surface-information: #02382d;--surface-warning: #4c250f;--surface: #161619;--surface-subdued: #1e1e23;--surface-code-inline: #3b3b3c;--primary: #1aab87;--border-color: #373737;--border: 1px solid var(--border-color);--card-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .12);--card-shadow-hover: 0 4px 7px hsla(0, 0%, 100%, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .12);--decorative-1: #224700;--decorative-2: #603900;--decorative-3: #601249;--decorative-4: #342484;--backdrop: rgba(0, 0, 0, .5);--code-keyword: #6dffaa;--code-function: var(--code-keyword);--code-string: #c087ff;--code-boolean: #ff6ea1;--code-number: #ff9e5b;--code-operator: var(--text);--code-punctuation: var(--text-subdued);--code-property: var(--code-keyword);--code-selector: var(--code-keyword);--code-comment: #897fff;--code-inserted: var(--code-keyword);--code-deleted: #ffb7d1;--code-inserted-highlight: var(--surface-information);--code-deleted-highlight: var(--surface-warning);--girl-accent: #ffe4f9;--boy-accent: rgba(232, 240, 253, 1);--girl-text: #f361af;--boy-text: rgba(36, 99, 188, 1)}.light-mode{--text: #434e4e;--text-strong: #1c1e1e;--text-subdued: #767676;--text-link: #4e52b8;--surface: #fff;--surface-attention: #ffffe1;--surface-code-inline: #f1f1f1;--surface-information: #dcf5f0;--surface-subdued: #f9f9f9;--surface-warning: #ffeceb;--primary: #008060;--border-color: #e9e9e9;--border: 1px solid var(--border-color);--card-shadow: 0 0 0 1px rgb(0 0 0/5%), 0 2px 2px rgb(0 0 0/4%);--card-shadow-hover: 0 4px 7px rgba(0, 0, 0, .1), 0 0 0 .5px var(--border-color);--decorative-1: #dfefd2;--decorative-2: #fae8d4;--decorative-3: #f8dff1;--decorative-4: #dce0f5;--backdrop: rgba(0, 0, 0, .5);--code-keyword: #017b33;--code-function: var(--code-keyword);--code-string: #6a00df;--code-boolean: #d6004b;--code-number: #c55100;--code-operator: var(--text);--code-punctuation: var(--text-subdued);--code-property: var(--code-keyword);--code-selector: var(--code-keyword);--code-comment: #3d2fe8;--code-inserted: var(--code-keyword);--code-deleted: var(--code-boolean);--code-inserted-highlight: #e5ffef;--code-deleted-highlight: #fff3f8}.dark-mode{--text: #b0b0bc;--text-strong: #e7e7f1;--text-subdued: #85858e;--text-link: #8bb2ff;--surface-attention: #454500;--surface-information: #02382d;--surface-warning: #4c250f;--surface: #161619;--surface-subdued: #1e1e23;--surface-code-inline: #3b3b3c;--primary: #1aab87;--border-color: #373737;--border: 1px solid var(--border-color);--card-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .12);--card-shadow-hover: 0 4px 7px hsla(0, 0%, 100%, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .12);--decorative-1: #224700;--decorative-2: #603900;--decorative-3: #601249;--decorative-4: #342484;--backdrop: rgba(0, 0, 0, .5);--code-keyword: #6dffaa;--code-function: var(--code-keyword);--code-string: #c087ff;--code-boolean: #ff6ea1;--code-number: #ff9e5b;--code-operator: var(--text);--code-punctuation: var(--text-subdued);--code-property: var(--code-keyword);--code-selector: var(--code-keyword);--code-comment: #897fff;--code-inserted: var(--code-keyword);--code-deleted: #ffb7d1;--code-inserted-highlight: var(--surface-information);--code-deleted-highlight: var(--surface-warning)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;color:var(--text-strong);display:flex;min-width:320px;min-height:100dvh}h1{font-size:3.2rem;line-height:1.1;margin:1.6rem 0}h2{font-size:2.4rem;line-height:1.1;margin:1.25rem 0 .825rem}h3{font-size:2rem;line-height:1.1;margin:1.25rem 0 .825rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--background-color: #fff;--text: #434e4e;--text-strong: #1c1e1e;--text-subdued: #767676;--text-link: #4e52b8;--surface: #fff;--surface-attention: #ffffe1;--surface-code-inline: #f1f1f1;--surface-information: #dcf5f0;--surface-subdued: #f9f9f9;--surface-warning: #ffeceb;--primary: #008060;--border-color: #e9e9e9;--border: 1px solid var(--border-color);--card-shadow: 0 0 0 1px rgb(0 0 0/5%), 0 2px 2px rgb(0 0 0/4%);--card-shadow-hover: 0 4px 7px rgba(0, 0, 0, .1), 0 0 0 .5px var(--border-color);--decorative-1: #dfefd2;--decorative-2: #fae8d4;--decorative-3: #f8dff1;--decorative-4: #dce0f5;--backdrop: rgba(0, 0, 0, .5);--code-keyword: #017b33;--code-function: var(--code-keyword);--code-string: #6a00df;--code-boolean: #d6004b;--code-number: #c55100;--code-operator: var(--text);--code-punctuation: var(--text-subdued);--code-property: var(--code-keyword);--code-selector: var(--code-keyword);--code-comment: #3d2fe8;--code-inserted: var(--code-keyword);--code-deleted: var(--code-boolean);--code-inserted-highlight: #e5ffef;--code-deleted-highlight: #fff3f8}a:hover{color:#747bff}button{background-color:#f9f9f9}}.favorites-drawer{padding:1rem;position:fixed;top:0px;right:0px;height:100dvh;width:calc(100% - 2rem);background-color:var(--background-color);z-index:1000;overflow:scroll}.animate{animation-duration:.3s;animation-name:animate-fade;animation-fill-mode:backwards}.animate.fade{animation-name:animate-fade;animation-timing-function:ease}@keyframes animate-fade{0%{transform:translate(100%)}to{transform:translate(0)}}.favorites-drawer.open{transform:translate(0)}.favorites{display:flex;flex-direction:column;gap:1rem;padding:0 0 calc(48px + 2rem) 0}.favorite-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem .875rem 1.5rem;border-radius:.5rem;border:.0625rem solid #e5e7eb;font-weight:600;font-size:1.275rem}.favorite-item svg{width:2rem;height:2rem}.favorite-item-remove-button{cursor:pointer;line-height:0;margin:-.875rem;padding:.875rem}h3.girl-heading{color:var(--girl-text)}h3.boy-heading{color:var(--boy-text)}.list-options{display:flex;flex-direction:column;gap:1rem;height:100%}.list-item{padding:.875rem 1.675rem;border-radius:.5rem;border:.0625rem solid #e5e7eb}.list-title{font-weight:600;font-size:1.275rem}.result-list{flex-grow:1}.results-heading{display:flex;gap:.825rem;align-items:baseline}.result-count{font-size:1rem;font-weight:500;margin-bottom:1rem}@media only screen and (min-width: 48em){.result-list{grid-template-columns:1fr 1fr 1fr}}.window-result-item{border:1px solid var(--text-subdued);border-radius:1rem;display:flex;align-items:center;justify-content:space-between;padding:0 .825rem 0 1.5rem;height:72px;box-sizing:border-box;position:relative}.window-result-item.both:before{content:"";display:block;position:absolute;z-index:-1;height:calc(50% - 10px);width:6px;left:8px;top:8px;bottom:8px;border-radius:1rem;background-color:var(--girl-text)}.window-result-item.both:after{content:"";display:block;position:absolute;z-index:-1;width:6px;height:calc(50% - 10px);left:8px;bottom:8px;border-radius:1rem;background-color:var(--boy-text)}.window-result-item.boy:before,.window-result-item.girl:before{content:"";display:block;position:absolute;z-index:-1;height:calc(100% - 16px);width:6px;left:8px;top:8px;bottom:8px;border-radius:1rem}.window-result-item.boy:before{background-color:var(--boy-text)}.window-result-item.blahblah:after{content:"";display:block;position:absolute;z-index:-1;width:6px;height:calc(50% - 10px);left:8px;bottom:8px;border-radius:1rem;background-color:var(--boy-text)}.window-result-item.girl:before{background-color:var(--girl-text)}.window-result-item.girblahblal:after{content:"";display:block;position:absolute;z-index:-1;width:6px;height:calc(50% - 10px);left:8px;bottom:8px;border-radius:1rem;background-color:var(--boy-text)}.window-result-item.selected{border-color:#50dca9}.window-result-item svg{width:2.5rem;height:2.5rem}.window-result-item.selected svg{color:#50dca9}.window-result-item .name{font-weight:630;overflow:auto;text-overflow:clip;overflow-wrap:break-word;font-size:1rem;line-height:1.25rem}.window-result-item .count{font-weight:400;font-size:.825rem;color:#6b7280}.result-item-favorite-button{line-height:0;margin:-.825rem;flex-shrink:0;padding:.825rem}input{border:1px solid black;border-radius:8px;font-size:1.2rem;padding:.6rem 1rem;font-weight:500;min-width:0;max-width:100%;letter-spacing:.5px}.text-body{line-height:1.5rem}.search{display:flex;flex-direction:column;align-items:center;gap:.6em;font-size:1.2rem}.search-button{width:100%}.search-input-box{width:160px}.filter-option{display:flex;align-items:center;gap:.6em;font-size:1.2rem}@media only screen and (min-width: 48em){.search{flex-direction:row}.search-input-box,.search-button{width:auto}}.selector{flex-shrink:0}.selector.stacked{display:flex;flex-direction:column}.selector.stacked .selection:first-child{border-radius:8px 8px 0 0}.selector.stacked .selection:last-child{border-radius:0 0 8px 8px}.selection{border-radius:0;border:1px solid transparent;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.selection:first-child{border-radius:8px 0 0 8px}.selection:last-child{border-radius:0 8px 8px 0}.selection.selected{background-color:#046c4e;color:#bcf0da}.selection.girl-selected{background-color:var(--girl-text);color:var(--girl-accent)}.selection.boy-selected{background-color:var(--boy-text);color:var(--boy-accent)}@media (prefers-color-scheme: light){.selection{background-color:#f9f9f9}}