body{--site-padding:clamp(1rem,0.6429rem + 0.9524vw,1.5rem);--content-width:calc(1200px + var(--site-padding)*2);--content-width-narrow:calc(860px + var(--site-padding)*2);--content-width-wide:calc(1600px + var(--site-padding)*2);--fast-transition:150ms ease-out;--default-transition:250ms ease-out;--bounce-transition:400ms cubic-bezier(0.175,0.885,0.32,1.275);--border-radius-default:8px;--focus-outline:2px dashed var(--wp--preset--color--light-grey);--color-tertiary-bright:#fd4}.wp-block-hapio-highlight-code{position:relative}.wp-block-hapio-highlight-code .wp-block-hapio-highlight-code__header{align-items:center;background-color:#1b222b;border-bottom:1px solid var(--wp--preset--color--tertiary);border-radius:8px 8px 0 0;color:var(--wp--preset--color--almost-white);display:flex;justify-content:space-between;padding:.5rem 1rem}.wp-block-hapio-highlight-code .wp-block-hapio-highlight-code__header .wp-block-hapio-highlight-code__header-language{font-size:15px;line-height:1.4}.wp-block-hapio-highlight-code .wp-block-hapio-highlight-code__header .wp-block-hapio-highlight-code__header-copybtn{align-items:center;cursor:pointer;display:flex;gap:.625rem}.wp-block-hapio-highlight-code .wp-block-hapio-highlight-code__header .wp-block-hapio-highlight-code__header-copybtn svg{height:1rem;width:1rem}.wp-block-hapio-highlight-code .wp-block-hapio-highlight-code__header .wp-block-hapio-highlight-code__header-copybtn .wp-block-hapio-highlight-code__header-copybtn-text{font-size:var(--wp--preset--font-size--xs)}pre.theme-hapio-atom{border-radius:0 0 8px 8px;overflow:hidden}pre.theme-hapio-atom code.hljs{cursor:text;display:block;margin-bottom:-30px;margin-top:-60px;overflow:auto;padding:1.25rem}pre.theme-hapio-atom .hljs{background:#28213d;color:#f0ebff;font-size:18px}pre.theme-hapio-atom .hljs-comment,pre.theme-hapio-atom .hljs-quote{color:#a29da9;font-style:italic}pre.theme-hapio-atom .hljs-doctag,pre.theme-hapio-atom .hljs-formula,pre.theme-hapio-atom .hljs-keyword{color:#c678dd}pre.theme-hapio-atom .hljs-deletion,pre.theme-hapio-atom .hljs-name,pre.theme-hapio-atom .hljs-section,pre.theme-hapio-atom .hljs-selector-tag,pre.theme-hapio-atom .hljs-subst{color:#e06c75}pre.theme-hapio-atom .hljs-literal{color:#56b6c2}pre.theme-hapio-atom .hljs-addition,pre.theme-hapio-atom .hljs-attribute,pre.theme-hapio-atom .hljs-meta .hljs-string,pre.theme-hapio-atom .hljs-regexp,pre.theme-hapio-atom .hljs-string{color:#98c379}pre.theme-hapio-atom .hljs-attr,pre.theme-hapio-atom .hljs-number,pre.theme-hapio-atom .hljs-selector-attr,pre.theme-hapio-atom .hljs-selector-class,pre.theme-hapio-atom .hljs-selector-pseudo,pre.theme-hapio-atom .hljs-template-variable,pre.theme-hapio-atom .hljs-type,pre.theme-hapio-atom .hljs-variable{color:#f6c800;font-weight:600}pre.theme-hapio-atom .hljs-bullet,pre.theme-hapio-atom .hljs-link,pre.theme-hapio-atom .hljs-meta,pre.theme-hapio-atom .hljs-selector-id,pre.theme-hapio-atom .hljs-symbol,pre.theme-hapio-atom .hljs-title{color:#61aeee}pre.theme-hapio-atom .hljs-built_in,pre.theme-hapio-atom .hljs-class .hljs-title,pre.theme-hapio-atom .hljs-title.class_{color:#b2beff}pre.theme-hapio-atom .hljs-emphasis{font-style:italic}pre.theme-hapio-atom .hljs-strong{font-weight:700}pre.theme-hapio-atom .hljs-link{text-decoration:underline}.wp-block-hapio-example-code{align-items:center;background-color:var(--wp--preset--color--primary);border-radius:8px;-webkit-column-gap:70px;column-gap:70px;display:flex;flex-direction:column;overflow:hidden;padding:3rem 0 2rem 2rem;row-gap:50px}.wp-block-hapio-example-code .wp-block-hapio-example-code__content{align-self:start;padding-right:2rem}.wp-block-hapio-example-code .wp-block-hapio-example-code__content .wp-block-heading{margin-bottom:1.25rem}.wp-block-hapio-example-code .wp-block-hapio-example-code__content p{margin-bottom:1.875rem}.wp-block-hapio-example-code .wp-block-hapio-example-code__content p:has(+p){margin-bottom:1.25rem}.wp-block-hapio-example-code .wp-block-hapio-example-code__content .wp-block-button__link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wp-block-hapio-example-code .wp-block-hapio-example-code__highlight .highlight__upper{background-color:var(--wp--preset--color--background);border-radius:8px 0 0;color:var(--wp--preset--color--almost-white);font-family:var(--wp--preset--font-family--primary);font-size:18px;font-weight:700;margin-bottom:1px;padding:24px 40px}.wp-block-hapio-example-code .wp-block-hapio-example-code__highlight pre.wp-block-code{border-radius:0 0 0 8px}.wp-block-hapio-example-code .wp-block-hapio-example-code__highlight pre.wp-block-code code{text-wrap:nowrap;background-color:var(--wp--preset--color--background);margin-bottom:0;margin-top:0;padding:40px}@media only screen and (min-width:1000px){.wp-block-hapio-example-code{display:grid;grid-template-columns:1fr 1fr;max-width:calc(var(--content-width) - var(--site-padding)*2)!important;padding:4rem 0 4rem 4rem}.wp-block-hapio-example-code .wp-block-hapio-example-code__content{padding-right:0}}@media only screen and (max-width:999px){.wp-block-hapio-example-code .wp-block-hapio-example-code__highlight{align-self:end}}