.cheatsheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;align-items:start}.cheatsheet-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;overflow:hidden;-moz-column-break-inside:avoid;break-inside:avoid;transition:all .2s ease;border:1px solid rgba(226,232,240,.5);scroll-margin-top:16rem;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;height:100%}.dark .cheatsheet-card{background:#0f172ab3;border-color:#33415580;box-shadow:0 1px 3px #00000026}.cheatsheet-card:hover{background:#fffc;border-color:#6366f14d;box-shadow:0 2px 8px #0000000d}.dark .cheatsheet-card:hover{background:#0f172acc;border-color:#6366f166;box-shadow:0 2px 8px #00000040}.card-header{padding:.5rem .75rem;margin:0!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:-.01em;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.card-header:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-header{background:transparent;border-bottom:1px solid rgba(226,232,240,.4);flex-shrink:0}.dark .card-header{border-bottom-color:#33415566}.card-body{padding:.5rem .75rem;background:transparent;flex-grow:1}.card-body h3{margin-top:.5rem;margin-bottom:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.card-body h3:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.card-body h3{font-size:.75rem!important}.card-body h3:first-child{margin-top:0!important}.card-body h4{margin-top:.375rem;margin-bottom:.125rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.card-body h4:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.card-body h4{font-size:.6875rem!important}.card-body p{margin-top:.25rem;margin-bottom:.25rem;line-height:1.375;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.card-body p:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.card-body p{font-size:.75rem}.card-body ul,.card-body ol{margin-top:.25rem;margin-bottom:.25rem;margin-left:.75rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.card-body ul:is(.dark *),.card-body ol:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.card-body ul,.card-body ol{font-size:.75rem}.card-body li{margin-bottom:0;line-height:1.4}.card-body pre{border-radius:.25rem;padding:.5rem .625rem!important;margin:0!important;overflow:auto;max-height:250px;font-size:.6875rem!important;line-height:1.4!important;background:#f8fafc!important;border:1px solid #e2e8f0}.dark .card-body pre{background:#0f172a!important;border-color:#334155}.card-body pre code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.6875rem!important;background:transparent!important}.card-body :not(pre)>code{border-radius:.125rem;padding:.125rem .25rem;--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.card-body :not(pre)>code:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.card-body :not(pre)>code{background:#eef2ff;font-size:.6875rem!important;font-weight:500;border:1px solid #c7d2fe}.dark .card-body :not(pre)>code{background:#1e1b4b;border-color:#4338ca}.copy-btn:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.copy-btn:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.card-body table{margin-top:.375rem;margin-bottom:.375rem;width:100%;border-collapse:collapse;line-height:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;overflow:hidden;font-size:.6875rem}.dark .card-body table{background:#0f172a;border-color:#1e293b}.card-body th{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));text-align:left;font-weight:600;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.card-body th:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.card-body th{padding:.25rem .5rem;border-bottom:1px solid #e2e8f0;font-size:.6875rem}.dark .card-body th{border-bottom-color:#334155}.card-body td{padding:.25rem .5rem;border-bottom:1px solid #f1f5f9}.dark .card-body td{border-bottom-color:#1e293b}.card-body tr:last-child td{border-bottom:none}.card-body tr:hover{background-color:#f8fafc80}.card-body tr:hover:is(.dark *){background-color:#0f172a4d}.card-body blockquote{margin-top:.375rem;margin-bottom:.375rem;border-left-width:4px;padding-top:.375rem;padding-bottom:.375rem;padding-left:.5rem;border-left-color:#6366f1;background:#eef2ff;font-size:.75rem;border-radius:0 .25rem .25rem 0}.dark .card-body blockquote{border-left-color:#818cf8;background:#1e1b4b}.card-body blockquote p{margin-top:0;margin-bottom:0}.card-body strong{font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.card-body strong:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-body a{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.card-body a:hover{text-decoration-line:underline}.card-body a:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.card-body hr{margin-top:.375rem;margin-bottom:.375rem;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.card-body hr:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}@media(max-width:768px){.cheatsheet-grid{grid-template-columns:1fr}}.snippet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.25rem;align-items:start}.snippet-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;overflow:hidden;-moz-column-break-inside:avoid;break-inside:avoid;transition:all .2s ease;border:1px solid rgba(226,232,240,.5);scroll-margin-top:16rem;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;height:100%}.dark .snippet-card{background:#0f172ab3;border-color:#33415580;box-shadow:0 1px 3px #00000026}.snippet-card:hover{background:#fffc;border-color:#a855f74d;box-shadow:0 2px 8px #0000000d}.dark .snippet-card:hover{background:#0f172acc;border-color:#a855f766;box-shadow:0 2px 8px #00000040}.snippet-header{padding:.5rem .75rem;margin:0!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:-.01em;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.snippet-header:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.snippet-header{background:transparent;border-bottom:1px solid rgba(226,232,240,.4);flex-shrink:0}.dark .snippet-header{border-bottom-color:#33415566}.snippet-body{padding:.5rem .75rem;background:transparent;flex-grow:1}.snippet-body h3{margin-top:.5rem;margin-bottom:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.snippet-body h3:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.snippet-body h3{font-size:.75rem!important}.snippet-body h3:first-child{margin-top:0!important}.snippet-body h4{margin-top:.375rem;margin-bottom:.125rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.snippet-body h4:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.snippet-body h4{font-size:.6875rem!important}.snippet-body p{margin-top:.25rem;margin-bottom:.25rem;line-height:1.375;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.snippet-body p:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.snippet-body p{font-size:.75rem}.snippet-body ul,.snippet-body ol{margin-top:.25rem;margin-bottom:.25rem;margin-left:.75rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.snippet-body ul:is(.dark *),.snippet-body ol:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.snippet-body ul,.snippet-body ol{font-size:.75rem}.snippet-body li{margin-bottom:0;line-height:1.4}.code-wrapper{position:relative;margin-top:.375rem;margin-bottom:.375rem}.snippet-body pre{border-radius:.25rem;padding:.5rem .625rem!important;margin:0!important;overflow:auto;max-height:400px;font-size:.6875rem!important;line-height:1.4!important;background:#f8fafc!important;border:1px solid #e2e8f0}.dark .snippet-body pre{background:#0f172a!important;border-color:#334155}.snippet-body pre code{font-family:SF Mono,Monaco,Consolas,JetBrains Mono,monospace;font-size:.6875rem!important;background:transparent!important}.snippet-body :not(pre)>code{border-radius:.125rem;padding:.125rem .25rem;--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.snippet-body :not(pre)>code:is(.dark *){--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.snippet-body :not(pre)>code{background:#ede9fe;font-size:.6875rem!important;font-weight:500;border:1px solid #c4b5fd}.dark .snippet-body :not(pre)>code{background:#2e1065;border-color:#6d28d9}.code-lang{position:absolute;top:.25rem;left:.5rem;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.code-lang:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.code-lang{z-index:5;pointer-events:none}.copy-btn{position:absolute;top:.375rem;right:.375rem;border-radius:.25rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.copy-btn:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.copy-btn{background:#ffffffe6;backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.5);cursor:pointer;transition:all .2s ease;z-index:10;opacity:0}.copy-btn svg{width:10px;height:10px}.dark .copy-btn{background:#0f172ae6;border-color:#33415580}.copy-btn:hover{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.copy-btn:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.copy-btn:hover{background:#fff;transform:scale(1.05)}.dark .copy-btn:hover{background:#1e293b}.code-wrapper:hover .copy-btn{opacity:1}.copy-btn.copied{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-color:transparent}.snippet-body table{margin-top:.375rem;margin-bottom:.375rem;width:100%;border-collapse:collapse;line-height:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;overflow:hidden;font-size:.6875rem}.dark .snippet-body table{background:#0f172a;border-color:#1e293b}.snippet-body th{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));text-align:left;font-weight:600;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.snippet-body th:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.snippet-body th{padding:.25rem .5rem;border-bottom:1px solid #e2e8f0;font-size:.6875rem}.dark .snippet-body th{border-bottom-color:#334155}.snippet-body td{padding:.25rem .5rem;border-bottom:1px solid #f1f5f9}.dark .snippet-body td{border-bottom-color:#1e293b}.snippet-body tr:last-child td{border-bottom:none}.snippet-body tr:hover{background-color:#f8fafc80}.snippet-body tr:hover:is(.dark *){background-color:#0f172a4d}.snippet-body blockquote{margin-top:.375rem;margin-bottom:.375rem;border-left-width:4px;padding-top:.375rem;padding-bottom:.375rem;padding-left:.5rem;border-left-color:#a78bfa;background:#f5f3ff;font-size:.75rem;border-radius:0 .25rem .25rem 0}.dark .snippet-body blockquote{border-left-color:#a78bfa;background:#2e1065}.snippet-body blockquote p{margin-top:0;margin-bottom:0}.snippet-body strong{font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.snippet-body strong:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.snippet-body a{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.snippet-body a:hover{text-decoration-line:underline}.snippet-body a:is(.dark *){--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.snippet-body hr{margin-top:.375rem;margin-bottom:.375rem;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.snippet-body hr:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}@media(max-width:768px){.snippet-grid{grid-template-columns:1fr}}