.copyable-code-block{min-width:0;max-width:100%;margin-top:1.75rem;margin-bottom:1.75rem}.copyable-code-block__caption{color:#8a8f98;margin:0 0 .625rem;font-size:.8125rem;line-height:1.45}.copyable-code-block__frame{background:#141516;border:1px solid #34343a;border-radius:8px;min-width:0;max-width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.copyable-code-block__toolbar{background:0 0;border-bottom:1px solid #34343a;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.copyable-code-block__language{color:#8a8f98;letter-spacing:.06em;text-transform:uppercase;font-family:Fragmentmono,ui-monospace,monospace;font-size:.6875rem;font-weight:400;line-height:1.2}.copyable-code-block__language--custom{letter-spacing:0;text-transform:none}.copyable-code-block__copy{color:#8a8f98;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:1px solid #34343a;border-radius:6px;align-items:center;gap:.375rem;margin:0;padding:.3125rem .625rem;font-family:Fragmentmono,ui-monospace,monospace;font-size:.75rem;font-weight:400;line-height:1.2;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.copyable-code-block__copy:hover{color:#f7f8f8;background:#ffffff0a;border-color:#5d51d5}.copyable-code-block__copy:focus-visible{outline-offset:2px;outline:2px solid #5d51d5}.copyable-code-block__copy--icon-only{box-sizing:border-box;justify-content:center;gap:0;width:2rem;height:2rem;padding:.4375rem}.copyable-code-block pre.w-code-block{background:0 0;margin:0;box-sizing:border-box!important;border-radius:0!important;max-width:100%!important;overflow-x:auto!important}.copyable-code-block pre.w-code-block code.hljs{all:revert;tab-size:2;white-space:pre;color:#d0d6e0;letter-spacing:-.014em;background:0 0;margin:0;line-height:1.55;display:block;overflow-x:auto;border-radius:0!important;width:100%!important;max-width:100%!important;padding:1rem!important;font-size:.8125rem!important}.copyable-code-block pre.w-code-block code.hljs>span{display:inline!important}.copyable-code-block--wrap pre.w-code-block{max-height:28rem;overflow:hidden auto!important}.copyable-code-block--wrap .copyable-code-block__code-prompt{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;max-width:100%;color:var(--figma-content-default,#fff);background:0 0;margin:0;padding:1rem;font-family:Fragmentmono,ui-monospace,monospace;font-size:.8125rem;line-height:1.7;display:block}@media (width<=767px){.copyable-code-block pre.w-code-block{max-width:calc(100vw - 40px)!important;margin-left:0!important;margin-right:0!important}}