.pine-colorizer{--bg-color:#fff;--border-color:#e0e3eb;--border-separator:#f0f3fa;--scroll-color:#9598a1;--text-color:#131722;--tooltip-color:#fff;--tooltip-bg:#2a2e39;--copy-hover:#f0f3fa;--copy-active:#e1e3eb;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:18px;padding:47px 12px 12px;position:relative;white-space:pre}.pine-colorizer.dark{--bg-color:#131722;--border-color:#363a45;--border-separator:#363a45;--scroll-color:#50535e;--text-color:#d1d4dc;--tooltip-color:#fff;--tooltip-bg:#363a45;--copy-hover:#2a2e39;--copy-active:#363a45}.pine-colorizer.colorized{padding-top:0}.highlight code>span{display:inline-block;white-space:nowrap}.pine-colorizer code{all:unset;display:block;overflow-x:auto;scrollbar-color:var(--scroll-color) #0000;scrollbar-width:thin;white-space:pre}.pine-colorizer code::-webkit-scrollbar{height:8px}.pine-colorizer code::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scroll-color);border:2px solid #0000;border-radius:8px}.pine-colorizer__header{all:unset;align-items:center;border-bottom:1px solid var(--border-separator);display:flex;gap:6px;height:40px;justify-content:space-between;margin-bottom:6px;white-space:pre}.pine-colorizer__title{all:unset;align-items:center;color:var(--text-color)!important;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-size:14px;font-style:normal;font-weight:600;gap:6px;justify-content:center;line-height:18px;text-decoration:unset!important;transition:all .3s ease-in-out}.pine-colorizer__title:before{--icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='currentColor' d='m16.51 15.41-2.26-3.23a.38.38 0 0 0-.5-.1l-2.37 1.53a.37.37 0 0 1-.43-.02l-3.6-2.71a.38.38 0 0 0-.34-.06l-2.94 1.02a.37.37 0 0 0-.18.14l-2.4 3.43c-.18.25 0 .59.3.59h14.42c.3 0 .48-.34.3-.59'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='m7.38 8.76 4.05 3.5 3.7-2.4a.37.37 0 0 0 .09-.55L9.3 2.14a.38.38 0 0 0-.59.01L3.25 9.51c-.22.3.08.7.43.58zm-.7-1.34 1.02-.37 3.86 3.33 1.7-1.1-4.2-5.08-2.39 3.22Z'/%3E%3C/svg%3E");background-color:var(--text-color);content:"";display:block;height:18px;mask:var(--icon-url);mask-position:center;mask-repeat:no-repeat;-webkit-mask:var(--icon-url);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;min-height:18px;min-width:18px;width:18px}.pine-colorizer__copy-btn{all:unset;border-radius:6px;cursor:pointer;padding:5px;position:relative}@media (any-hover:hover){.pine-colorizer__copy-btn:hover{background-color:var(--copy-hover)}}.pine-colorizer__copy-btn:active{background-color:var(--copy-active)}.pine-colorizer__copy-btn:before{--icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%236a6d78' d='M6.5 2C5.67 2 5 2.67 5 3.5v8c0 .83.67 1.5 1.5 1.5h8c.83 0 1.5-.67 1.5-1.5v-8c0-.83-.67-1.5-1.5-1.5zM6 3.5c0-.28.22-.5.5-.5h8c.28 0 .5.22.5.5v8a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5zm-3 3c0-.28.22-.5.5-.5H4V5h-.5C2.67 5 2 5.67 2 6.5v8c0 .83.67 1.5 1.5 1.5h8c.83 0 1.5-.67 1.5-1.5V14h-1v.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");background-color:var(--text-color);content:"";display:block;height:18px;mask:var(--icon-url);mask-position:center;mask-repeat:no-repeat;-webkit-mask:var(--icon-url);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;min-height:18px;min-width:18px;width:18px}.pine-colorizer__tooltip{align-items:center;background-color:var(--tooltip-bg);border-radius:4px;bottom:-34px;color:var(--tooltip-color);display:flex;left:-18px;opacity:0;padding:6px 8px;position:absolute;transition:opacity .3s ease-in-out}.pine-colorizer__tooltip_show{opacity:1}.pine-colorizer__tooltip:before{--icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='4' viewBox='0 0 12 4'%3E%3Cpath fill='currentColor' d='M6 0 0 4h12z'/%3E%3C/svg%3E");background-color:var(--tooltip-bg);content:"";display:block;height:4px;left:50%;mask:var(--icon-url);mask-position:center;mask-repeat:no-repeat;-webkit-mask:var(--icon-url);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;min-height:4px;min-width:12px;position:absolute;top:-4px;transform:translateX(-50%);width:12px}