.text-type{align-items:baseline;display:inline-flex}.text-type__content{white-space:nowrap}.text-type__cursor{margin-left:.08em;display:inline-block}.text-type__cursor--hidden{opacity:0!important}
.code-preview-card{cursor:pointer;background-color:#fff;border:1px solid #8f8f8f;border-radius:10px;width:100%;max-width:100%;padding:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 8px #0000001a}.code-preview-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.code-preview-card .mac-header{align-items:center;gap:6px;margin-bottom:12px;display:flex}.code-preview-card .mac-header span{border-radius:50%;width:10px;height:10px;display:inline-block}.code-preview-card .mac-header .red{background-color:#ff5f57}.code-preview-card .mac-header .yellow{background-color:#ffbd2e}.code-preview-card .mac-header .green{background-color:#28c941}.code-preview-card .card-title{color:#272729;margin:0 0 8px;font-size:16px;font-weight:700;display:block}.code-preview-card .code-editor{color:#242424;background-color:#bbb;border:1px solid #333;border-radius:5px;height:auto;min-height:72px;padding:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,monospace;font-size:13px;line-height:1.5;overflow:auto}.code-preview-card .code-editor::-webkit-scrollbar{width:6px}.code-preview-card .code-editor::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.code-preview-card .code-editor pre code{white-space:pre-wrap;display:block}@media (max-width:767px){.code-preview-card:hover{transform:none;box-shadow:0 4px 8px #0000001a}}@media (min-width:768px){.code-preview-card{width:520px;padding:20px}.code-preview-card .mac-header{gap:8px;margin-bottom:15px}.code-preview-card .mac-header span{width:12px;height:12px}.code-preview-card .card-title{margin:0 0 10px;font-size:18px}.code-preview-card .code-editor{height:100px;min-height:100px;padding:15px;font-size:14px}.code-preview-card .code-editor::-webkit-scrollbar{width:8px}}.dark .code-preview-card{background-color:#000;border-color:#0d1117}.dark .code-preview-card .card-title{color:#e6e6ef}.dark .code-preview-card .code-editor{color:#dcdcdc;background-color:#0d1117}