.cn-code{border-radius:.375rem;background-color:var(--cn-sunk);padding:.125rem .375rem;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;color:var(--cn-fg)}.cn-search{width:100%;height:46px;padding:0 16px 0 44px;border:0;border-radius:9999px;background:var(--cn-surface);color:var(--cn-fg);box-shadow:var(--cn-shadow);font-size:15px}.cn-search::-moz-placeholder{color:var(--cn-faint)}.cn-search::placeholder{color:var(--cn-faint)}.cn-search:focus{outline:2px solid var(--cn-focus);outline-offset:1px}.cn-filterbar{background:color-mix(in srgb,var(--cn-page) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cn-more{display:inline-flex;min-height:2.75rem;align-items:center;gap:.25rem;border-radius:9999px;background-color:var(--cn-surface);padding:.5rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--cn-link);--tw-shadow: var(--cn-shadow);--tw-shadow-colored: var(--cn-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (hover: hover){.cn-more:hover{box-shadow:var(--cn-shadow-h)}}.cn-tile{position:relative;border-radius:18px;transition:box-shadow .15s ease,transform .15s ease}@media (hover: hover){.cn-tile:hover{box-shadow:var(--cn-shadow-h);transform:translateY(-1px)}}.cn-tile>button:first-child{border-radius:18px}.cn-tile>button:first-child:focus-visible{outline:2px solid var(--cn-focus);outline-offset:2px}.cn-checker{background-color:#f4f6f9;background-image:conic-gradient(#e8ecf2 25%,transparent 0 50%,#e8ecf2 0 75%,transparent 0);background-size:14px 14px}@media (prefers-color-scheme: dark){.cn-checker{background-color:#1a1f26;background-image:conic-gradient(#222831 25%,transparent 0 50%,#222831 0 75%,transparent 0)}}.cn-copy{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--cn-surface);color:var(--cn-muted);--tw-shadow: var(--cn-shadow);--tw-shadow-colored: var(--cn-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);top:6px;right:6px}.cn-copy:hover{color:var(--cn-fg)}button.cn-play{display:flex;height:2.75rem;width:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:var(--cn-primary);color:var(--cn-primary-icon)}button.cn-play:hover{background:var(--cn-primary-hover)}button.cn-tag:hover{color:var(--cn-fg)}.cn-frame{display:flex;height:3.5rem;width:3rem;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;border-radius:.75rem;color:var(--cn-muted);background-color:#f4f6f9;background-image:conic-gradient(#e8ecf2 25%,transparent 0 50%,#e8ecf2 0 75%,transparent 0);background-size:14px 14px}@media (prefers-color-scheme: dark){.cn-frame{background-color:#1a1f26;background-image:conic-gradient(#222831 25%,transparent 0 50%,#222831 0 75%,transparent 0)}}