.luna-code-block,.luna-code-block-edit{--luna-code-bg: var(--lb-bg, var(--code-bg));--luna-code-bg-opacity: var(--lb-bg-opacity, 100%);--luna-code-bg-image: var(--lb-bg-img, none);--luna-code-backdrop: var(--lb-backdrop, none);--luna-code-radius: var(--lb-radius, 8px);--luna-code-border-width: var(--lb-border-w, 0);--luna-code-border-style: var(--lb-border-s, solid);--luna-code-border-color: var(--lb-border-c, transparent);--luna-code-shadow: var(--lb-shadow, none);--luna-code-transition-duration: var(--lb-h-duration, .2s);--luna-code-transition-timing: ease;position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;color:var(--code-text);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:calc(var(--luna-base-size, 16px) * .875);line-height:1.6;background-color:color-mix(in srgb,var(--luna-code-bg) var(--luna-code-bg-opacity),transparent);background-image:var(--luna-code-bg-image);backdrop-filter:var(--luna-code-backdrop);-webkit-backdrop-filter:var(--luna-code-backdrop);border-width:var(--luna-code-border-width);border-style:var(--luna-code-border-style);border-color:var(--luna-code-border-color);border-radius:var(--luna-code-radius);box-shadow:var(--luna-code-shadow);transition:background-color var(--luna-code-transition-duration) var(--luna-code-transition-timing),background-image var(--luna-code-transition-duration) var(--luna-code-transition-timing),backdrop-filter var(--luna-code-transition-duration) var(--luna-code-transition-timing),-webkit-backdrop-filter var(--luna-code-transition-duration) var(--luna-code-transition-timing),border-color var(--luna-code-transition-duration) var(--luna-code-transition-timing),border-radius var(--luna-code-transition-duration) var(--luna-code-transition-timing),border-width var(--luna-code-transition-duration) var(--luna-code-transition-timing),box-shadow var(--luna-code-transition-duration) var(--luna-code-transition-timing)}.luna-code-block-edit{height:100%}.luna-grid-block[data-block-type=code]>.luna-grid-block__content{overflow:visible!important}.luna-grid-block[data-block-type=code].luna-grid-block--auto-height>.luna-grid-block__content{height:100%!important;min-height:inherit}.luna-grid-block[data-block-type=code].luna-grid-block--auto-height>.luna-grid-block__content>:is(.luna-code-block,.luna-code-block-edit){height:100%!important;min-height:inherit;overflow:hidden!important}.luna-grid-block[data-block-type=code]:is(:hover,.luna-grid-block--hover-preview)>.luna-grid-block__content>:is(.luna-code-block,.luna-code-block-edit),:is(.luna-code-block,.luna-code-block-edit):hover{--luna-code-bg: var(--lb-h-bg, var(--lb-bg, var(--code-bg)));--luna-code-bg-opacity: var(--lb-h-bg-opacity, var(--lb-bg-opacity, 100%));--luna-code-bg-image: var(--lb-h-bg-img, var(--lb-bg-img, none));--luna-code-backdrop: var(--lb-h-backdrop, var(--lb-backdrop, none));--luna-code-radius: var(--lb-h-radius, var(--lb-radius, 8px));--luna-code-border-width: var(--lb-h-border-w, var(--lb-border-w, 0));--luna-code-border-style: var(--lb-h-border-s, var(--lb-border-s, solid));--luna-code-border-color: var( --lb-h-border-c, var(--lb-border-c, transparent) );--luna-code-shadow: var(--lb-h-shadow, var(--lb-shadow, none))}.code-header,.luna-code-header{--luna-code-header-bg: var(--code-header-bg);--luna-code-header-bg-opacity: var(--code-header-bg-opacity, 100%);--luna-code-header-bg-image: var(--code-header-bg-img, none);--luna-code-header-backdrop: var(--code-header-backdrop, none);--luna-code-header-text: var(--code-header-tc, var(--code-chrome-color));--luna-code-header-radius: var(--code-header-radius, 0);--luna-code-header-border-width: var(--code-header-border-w, 0);--luna-code-header-border-style: var(--code-header-border-s, solid);--luna-code-header-border-color: var( --code-header-border-c, color-mix(in srgb, currentColor 20%, transparent) );display:flex;align-items:center;justify-content:space-between;padding:8px 16px;color:var(--luna-code-header-text);font-size:var(--code-header-fs, 13px);font-weight:var(--code-header-fw, inherit);background-color:color-mix(in srgb,var(--luna-code-header-bg) var(--luna-code-header-bg-opacity),transparent);background-image:var(--luna-code-header-bg-image);backdrop-filter:var(--luna-code-header-backdrop);-webkit-backdrop-filter:var(--luna-code-header-backdrop);border-width:var(--luna-code-header-border-width);border-style:var(--luna-code-header-border-style);border-color:var(--luna-code-header-border-color);border-bottom-width:max(1px,var(--luna-code-header-border-width));border-radius:var(--luna-code-header-radius);transition:background-color var(--luna-code-transition-duration) var(--luna-code-transition-timing),background-image var(--luna-code-transition-duration) var(--luna-code-transition-timing),backdrop-filter var(--luna-code-transition-duration) var(--luna-code-transition-timing),-webkit-backdrop-filter var(--luna-code-transition-duration) var(--luna-code-transition-timing),border-color var(--luna-code-transition-duration) var(--luna-code-transition-timing),color var(--luna-code-transition-duration) var(--luna-code-transition-timing)}.luna-grid-block[data-block-type=code]:is(:hover,.luna-grid-block--hover-preview)>.luna-grid-block__content>:is(.luna-code-block,.luna-code-block-edit) :is(.code-header,.luna-code-header),:is(.luna-code-block,.luna-code-block-edit):hover :is(.code-header,.luna-code-header){--luna-code-header-bg: var(--code-header-h-bg, var(--code-header-bg));--luna-code-header-bg-opacity: var( --code-header-h-bg-opacity, var(--code-header-bg-opacity, 100%) );--luna-code-header-bg-image: var( --code-header-h-bg-img, var(--code-header-bg-img, none) );--luna-code-header-backdrop: var( --code-header-h-backdrop, var(--code-header-backdrop, none) );--luna-code-header-text: var( --code-header-h-tc, var(--code-header-tc, var(--code-chrome-color)) );--luna-code-header-radius: var( --code-header-h-radius, var(--code-header-radius, 0) );--luna-code-header-border-width: var( --code-header-h-border-w, var(--code-header-border-w, 0) );--luna-code-header-border-style: var( --code-header-h-border-s, var(--code-header-border-s, solid) );--luna-code-header-border-color: var( --code-header-h-border-c, var( --code-header-border-c, color-mix(in srgb, currentColor 20%, transparent) ) )}.code-filename,.luna-code-header-text,.copy-text,.copy-icon,.check-icon,.luna-code-copy-icon,.luna-code-copy-text{color:inherit;font:inherit}.copy-button,.luna-code-copy-button{display:flex;align-items:center;gap:6px;padding:4px 10px;color:inherit;font:inherit;cursor:pointer;background:color-mix(in srgb,currentColor 12%,transparent);border:none;border-radius:4px;transition:background-color .2s}.copy-button:hover,.luna-code-copy-button:hover{background:color-mix(in srgb,currentColor 20%,transparent)}.copy-button .check-icon{display:none}.code-content,.luna-code-content{display:flex;flex:1;min-height:0;padding:16px;overflow:auto;color:var(--code-lines-tc, var(--code-text));font-size:var(--code-lines-fs, inherit);font-weight:var(--code-lines-fw, inherit)}.line-numbers,.luna-code-line-numbers{display:flex;flex-direction:column;min-width:24px;padding-right:16px;margin-right:16px;color:var(--code-lines-tc, var(--code-line-numbers));line-height:1.6;text-align:right;user-select:none;border-right:1px solid color-mix(in srgb,currentColor 20%,transparent)}.line-number{display:block}.luna-code-block pre,.luna-code-block-edit pre{flex:1;padding:0;margin:0;overflow:visible;pointer-events:none;background:transparent!important}.luna-code-block code,.luna-code-block-edit code,.luna-code-lines{display:block;color:var(--code-lines-tc, var(--code-text));font:inherit;font-size:var(--code-lines-fs, inherit);font-weight:var(--code-lines-fw, inherit);line-height:1.6;white-space:pre;word-wrap:normal;background:transparent!important}.luna-code-block code.hljs,.luna-code-block-edit code.hljs{padding:0!important;background:transparent!important}.luna-code-block textarea.luna-code-lines,.luna-code-block-edit textarea.luna-code-lines{width:100%;min-height:60px;color:transparent;caret-color:var(--code-text);resize:none;background-color:transparent;border:none;outline:none}.code-footer,.luna-code-footer{--luna-code-footer-bg: var(--code-footer-bg);--luna-code-footer-bg-opacity: var(--code-footer-bg-opacity, 100%);--luna-code-footer-bg-image: var(--code-footer-bg-img, none);--luna-code-footer-backdrop: var(--code-footer-backdrop, none);--luna-code-footer-text: var(--code-footer-tc, var(--code-chrome-color));--luna-code-footer-radius: var(--code-footer-radius, 0);--luna-code-footer-border-width: var(--code-footer-border-w, 0);--luna-code-footer-border-style: var(--code-footer-border-s, solid);--luna-code-footer-border-color: var( --code-footer-border-c, color-mix(in srgb, currentColor 20%, transparent) );display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 16px;color:var(--luna-code-footer-text);font-size:var(--code-footer-fs, 11px);font-weight:var(--code-footer-fw, 500);background-color:color-mix(in srgb,var(--luna-code-footer-bg) var(--luna-code-footer-bg-opacity),transparent);background-image:var(--luna-code-footer-bg-image);backdrop-filter:var(--luna-code-footer-backdrop);-webkit-backdrop-filter:var(--luna-code-footer-backdrop);border-width:var(--luna-code-footer-border-width);border-style:var(--luna-code-footer-border-style);border-color:var(--luna-code-footer-border-color);border-top-width:max(1px,var(--luna-code-footer-border-width));border-radius:var(--luna-code-footer-radius);transition:background-color var(--luna-code-transition-duration) var(--luna-code-transition-timing),background-image var(--luna-code-transition-duration) var(--luna-code-transition-timing),backdrop-filter var(--luna-code-transition-duration) var(--luna-code-transition-timing),-webkit-backdrop-filter var(--luna-code-transition-duration) var(--luna-code-transition-timing),border-color var(--luna-code-transition-duration) var(--luna-code-transition-timing),color var(--luna-code-transition-duration) var(--luna-code-transition-timing)}.luna-grid-block[data-block-type=code]:is(:hover,.luna-grid-block--hover-preview)>.luna-grid-block__content>:is(.luna-code-block,.luna-code-block-edit) :is(.code-footer,.luna-code-footer),:is(.luna-code-block,.luna-code-block-edit):hover :is(.code-footer,.luna-code-footer){--luna-code-footer-bg: var(--code-footer-h-bg, var(--code-footer-bg));--luna-code-footer-bg-opacity: var( --code-footer-h-bg-opacity, var(--code-footer-bg-opacity, 100%) );--luna-code-footer-bg-image: var( --code-footer-h-bg-img, var(--code-footer-bg-img, none) );--luna-code-footer-backdrop: var( --code-footer-h-backdrop, var(--code-footer-backdrop, none) );--luna-code-footer-text: var( --code-footer-h-tc, var(--code-footer-tc, var(--code-chrome-color)) );--luna-code-footer-radius: var( --code-footer-h-radius, var(--code-footer-radius, 0) );--luna-code-footer-border-width: var( --code-footer-h-border-w, var(--code-footer-border-w, 0) );--luna-code-footer-border-style: var( --code-footer-h-border-s, var(--code-footer-border-s, solid) );--luna-code-footer-border-color: var( --code-footer-h-border-c, var( --code-footer-border-c, color-mix(in srgb, currentColor 20%, transparent) ) )}.language-badge,.luna-code-language-badge{padding:2px 8px;color:var(--code-badge-color, inherit);font:inherit;text-transform:uppercase;background-color:var(--code-badge-bg);border-radius:4px}.luna-code-block .hljs-keyword,.luna-code-block .hljs-selector-tag,.luna-code-block .hljs-literal,.luna-code-block-edit .hljs-keyword,.luna-code-block-edit .hljs-selector-tag,.luna-code-block-edit .hljs-literal{color:var(--code-keyword)!important}.luna-code-block .hljs-function,.luna-code-block .hljs-title,.luna-code-block-edit .hljs-function,.luna-code-block-edit .hljs-title{color:var(--code-function)!important}.luna-code-block .hljs-string,.luna-code-block .hljs-template-variable,.luna-code-block .hljs-addition,.luna-code-block-edit .hljs-string,.luna-code-block-edit .hljs-template-variable,.luna-code-block-edit .hljs-addition{color:var(--code-string)!important}.luna-code-block .hljs-comment,.luna-code-block .hljs-quote,.luna-code-block-edit .hljs-comment,.luna-code-block-edit .hljs-quote{color:var(--code-comment)!important}.luna-code-block .hljs-number,.luna-code-block .hljs-regexp,.luna-code-block .hljs-symbol,.luna-code-block .hljs-bullet,.luna-code-block-edit .hljs-number,.luna-code-block-edit .hljs-regexp,.luna-code-block-edit .hljs-symbol,.luna-code-block-edit .hljs-bullet{color:var(--code-number)!important}.luna-code-block .hljs-attr,.luna-code-block .hljs-variable,.luna-code-block .hljs-template-tag,.luna-code-block .hljs-name,.luna-code-block-edit .hljs-attr,.luna-code-block-edit .hljs-variable,.luna-code-block-edit .hljs-template-tag,.luna-code-block-edit .hljs-name{color:var(--code-attr)!important}.luna-code-block .hljs-type,.luna-code-block .hljs-class,.luna-code-block .hljs-built_in,.luna-code-block-edit .hljs-type,.luna-code-block-edit .hljs-class,.luna-code-block-edit .hljs-built_in{color:var(--code-type)!important}.luna-code-block .hljs-params,.luna-code-block-edit .hljs-params{color:var(--code-params)!important}.luna-code-block .hljs-meta,.luna-code-block-edit .hljs-meta{color:var(--code-meta)!important}@container main-content (max-width: 991px){.luna-code-block,.luna-code-block-edit{--luna-code-bg: var(--lb-t-bg, var(--lb-bg, var(--code-bg)));--luna-code-bg-opacity: var(--lb-t-bg-opacity, var(--lb-bg-opacity, 100%));--luna-code-bg-image: var(--lb-t-bg-img, var(--lb-bg-img, none));--luna-code-backdrop: var(--lb-t-backdrop, var(--lb-backdrop, none));--luna-code-radius: var(--lb-t-radius, var(--lb-radius, 8px));--luna-code-border-width: var(--lb-t-border-w, var(--lb-border-w, 0));--luna-code-border-style: var(--lb-t-border-s, var(--lb-border-s, solid));--luna-code-border-color: var( --lb-t-border-c, var(--lb-border-c, transparent) );--luna-code-shadow: var(--lb-t-shadow, var(--lb-shadow, none));font-size:calc(var(--luna-base-size-tablet, 15px) * .875)}.code-header,.luna-code-header{--luna-code-header-radius: var( --code-header-t-radius, var(--code-header-radius, 0) );--luna-code-header-border-width: var( --code-header-t-border-w, var(--code-header-border-w, 0) );--luna-code-header-border-style: var( --code-header-t-border-s, var(--code-header-border-s, solid) );--luna-code-header-border-color: var( --code-header-t-border-c, var( --code-header-border-c, color-mix(in srgb, currentColor 20%, transparent) ) );--luna-code-header-backdrop: var( --code-header-t-backdrop, var(--code-header-backdrop, none) );font-size:var(--code-header-t-fs, var(--code-header-fs, 13px));font-weight:var(--code-header-t-fw, var(--code-header-fw, inherit))}.code-content,.luna-code-content,.luna-code-lines{font-size:var(--code-lines-t-fs, var(--code-lines-fs, inherit));font-weight:var(--code-lines-t-fw, var(--code-lines-fw, inherit))}.code-footer,.luna-code-footer{--luna-code-footer-radius: var( --code-footer-t-radius, var(--code-footer-radius, 0) );--luna-code-footer-border-width: var( --code-footer-t-border-w, var(--code-footer-border-w, 0) );--luna-code-footer-border-style: var( --code-footer-t-border-s, var(--code-footer-border-s, solid) );--luna-code-footer-border-color: var( --code-footer-t-border-c, var( --code-footer-border-c, color-mix(in srgb, currentColor 20%, transparent) ) );--luna-code-footer-backdrop: var( --code-footer-t-backdrop, var(--code-footer-backdrop, none) );font-size:var(--code-footer-t-fs, var(--code-footer-fs, 11px));font-weight:var(--code-footer-t-fw, var(--code-footer-fw, 500))}}@container main-content (max-width: 479px){.luna-code-block,.luna-code-block-edit{--luna-code-bg: var( --lb-m-bg, var(--lb-t-bg, var(--lb-bg, var(--code-bg))) );--luna-code-bg-opacity: var( --lb-m-bg-opacity, var(--lb-t-bg-opacity, var(--lb-bg-opacity, 100%)) );--luna-code-bg-image: var( --lb-m-bg-img, var(--lb-t-bg-img, var(--lb-bg-img, none)) );--luna-code-backdrop: var( --lb-m-backdrop, var(--lb-t-backdrop, var(--lb-backdrop, none)) );--luna-code-radius: var( --lb-m-radius, var(--lb-t-radius, var(--lb-radius, 8px)) );--luna-code-border-width: var( --lb-m-border-w, var(--lb-t-border-w, var(--lb-border-w, 0)) );--luna-code-border-style: var( --lb-m-border-s, var(--lb-t-border-s, var(--lb-border-s, solid)) );--luna-code-border-color: var( --lb-m-border-c, var(--lb-t-border-c, var(--lb-border-c, transparent)) );--luna-code-shadow: var( --lb-m-shadow, var(--lb-t-shadow, var(--lb-shadow, none)) );font-size:calc(var(--luna-base-size-mobile, 14px) * .875)}.code-header,.luna-code-header{--luna-code-header-radius: var( --code-header-m-radius, var(--code-header-t-radius, var(--code-header-radius, 0)) );--luna-code-header-border-width: var( --code-header-m-border-w, var(--code-header-t-border-w, var(--code-header-border-w, 0)) );--luna-code-header-border-style: var( --code-header-m-border-s, var(--code-header-t-border-s, var(--code-header-border-s, solid)) );--luna-code-header-border-color: var( --code-header-m-border-c, var( --code-header-t-border-c, var( --code-header-border-c, color-mix(in srgb, currentColor 20%, transparent) ) ) );--luna-code-header-backdrop: var( --code-header-m-backdrop, var(--code-header-t-backdrop, var(--code-header-backdrop, none)) );font-size:var( --code-header-m-fs, var(--code-header-t-fs, var(--code-header-fs, 13px)) );font-weight:var( --code-header-m-fw, var(--code-header-t-fw, var(--code-header-fw, inherit)) )}.code-content,.luna-code-content,.luna-code-lines{font-size:var( --code-lines-m-fs, var(--code-lines-t-fs, var(--code-lines-fs, inherit)) );font-weight:var( --code-lines-m-fw, var(--code-lines-t-fw, var(--code-lines-fw, inherit)) )}.code-footer,.luna-code-footer{--luna-code-footer-radius: var( --code-footer-m-radius, var(--code-footer-t-radius, var(--code-footer-radius, 0)) );--luna-code-footer-border-width: var( --code-footer-m-border-w, var(--code-footer-t-border-w, var(--code-footer-border-w, 0)) );--luna-code-footer-border-style: var( --code-footer-m-border-s, var(--code-footer-t-border-s, var(--code-footer-border-s, solid)) );--luna-code-footer-border-color: var( --code-footer-m-border-c, var( --code-footer-t-border-c, var( --code-footer-border-c, color-mix(in srgb, currentColor 20%, transparent) ) ) );--luna-code-footer-backdrop: var( --code-footer-m-backdrop, var(--code-footer-t-backdrop, var(--code-footer-backdrop, none)) );font-size:var( --code-footer-m-fs, var(--code-footer-t-fs, var(--code-footer-fs, 11px)) );font-weight:var( --code-footer-m-fw, var(--code-footer-t-fw, var(--code-footer-fw, 500)) )}}