[data-astro-cid-b7hytipa][data-lab-root=customizable-select]{.lab-group-fields .inputs{display:grid;gap:var(--gap)}.lab-field,.lab-control--text,.select,.range{margin-block-end:0}}.preview-surface[data-astro-cid-b7hytipa]{display:grid;place-items:center;inline-size:100%;block-size:100%;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding:clamp(1rem,4vw,1.75rem);scrollbar-width:thin}.custom-select-preview[data-astro-cid-b7hytipa]{display:grid;place-items:center;inline-size:min(100%,max-content)}[data-lab-root=customizable-select] .language-select{inline-size:fit-content;max-inline-size:100%;font:inherit;color:var(--custom-select-text)}@supports (appearance: base-select){[data-lab-root=customizable-select] .language-select,[data-lab-root=customizable-select] .language-select::picker(select){appearance:base-select}[data-lab-root=customizable-select] .language-select{display:flex;align-items:center;gap:var(--custom-select-option-gap);padding-block:var(--custom-select-padding-block);padding-inline:var(--custom-select-padding-inline);border:1px solid color-mix(in oklch,var(--custom-select-accent) 52%,transparent);border-radius:var(--custom-select-radius);background:var(--custom-select-surface);color:var(--custom-select-text);box-shadow:0 1rem 2.5rem color-mix(in oklch,var(--custom-select-accent) 28%,transparent)}[data-lab-root=customizable-select] .language-select:focus-visible{outline:3px solid color-mix(in oklch,var(--custom-select-accent) 54%,transparent);outline-offset:4px}[data-lab-root=customizable-select] .language-select selectedcontent,[data-lab-root=customizable-select] .language-select .language-option{display:flex;align-items:center;gap:var(--custom-select-option-gap);min-inline-size:max-content}[data-lab-root=customizable-select] .language-select selectedcontent{display:contents}[data-lab-root=customizable-select] .language-select::picker-icon{content:"";width:1.5rem;aspect-ratio:1;background-image:url(/caret-down.svg);background-size:cover;filter:brightness(0) invert(1);translate:.3125rem;transition:transform .2s ease-out}[data-lab-root=customizable-select] [data-picker-icon=spark] .language-select::picker-icon{width:.7rem;aspect-ratio:1;border-radius:999px;background:currentColor;filter:none;transition:opacity .2s ease-out}[data-lab-root=customizable-select] [data-picker-icon=none] .language-select::picker-icon{display:none}[data-lab-root=customizable-select] .language-select:open::picker-icon{transform:rotateX(180deg)}[data-lab-root=customizable-select] [data-picker-icon=spark] .language-select:open::picker-icon{opacity:.72;transform:none}[data-lab-root=customizable-select] .language-select::picker(select){margin-block-start:.45rem;padding:.38rem;border:1px solid color-mix(in oklch,var(--custom-select-accent) 46%,transparent);border-radius:var(--custom-select-radius);background:var(--custom-select-surface);color:var(--custom-select-text);box-shadow:0 1.25rem 3rem color-mix(in oklch,var(--custom-select-accent) 32%,black 18%);opacity:0;translate:0 -.35rem;transition:opacity .2s ease,translate .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}[data-lab-root=customizable-select] [data-picker-width=trigger] .language-select::picker(select){inline-size:anchor-size(width)}[data-lab-root=customizable-select] [data-picker-width=content] .language-select::picker(select){inline-size:fit-content;min-inline-size:anchor-size(width);max-inline-size:min(28rem,calc(100vi - 2rem))}[data-lab-root=customizable-select] [data-picker-width=wide] .language-select::picker(select){inline-size:min(28rem,calc(100vi - 2rem));min-inline-size:anchor-size(width)}[data-lab-root=customizable-select] .language-select:open::picker(select){opacity:1;translate:0 0;@starting-style{opacity:0;translate:0 -.35rem}}[data-lab-root=customizable-select] .language-select option{display:flex;align-items:center;gap:var(--custom-select-option-gap);padding-block:max(8px,calc(var(--custom-select-padding-block) - 2px));padding-inline:max(10px,calc(var(--custom-select-padding-inline) - 2px));border-radius:max(8px,calc(var(--custom-select-radius) - 6px));background:transparent;color:var(--custom-select-text);transition:background-color .2s ease,color .2s ease}[data-lab-root=customizable-select] .language-select option:is(:hover,:focus-visible){background:color-mix(in oklch,var(--custom-select-accent) 22%,transparent)}[data-lab-root=customizable-select] .language-select option:checked{background:color-mix(in oklch,var(--custom-select-accent) 34%,transparent)}[data-lab-root=customizable-select] .language-select option::checkmark{content:"✓";display:grid;place-items:center;inline-size:1.45rem;block-size:1.45rem;flex:none;order:2;margin-inline-start:.35rem;border-radius:999px;background:var(--custom-select-accent);color:var(--custom-select-surface);font-weight:800}[data-lab-root=customizable-select] [data-checkmark=check] .language-select option::checkmark{display:block;inline-size:auto;block-size:auto;flex:none;order:2;background:transparent;color:var(--custom-select-accent);font-weight:900}[data-lab-root=customizable-select] [data-checkmark=none] .language-select option::checkmark{display:none}[data-lab-root=customizable-select] .language-select .logo{display:grid;place-items:center;inline-size:var(--custom-select-logo-size);block-size:var(--custom-select-logo-size);border-radius:.75rem;background:var(--logo-bg);color:var(--logo-color);flex:none;font-weight:900;letter-spacing:0}[data-lab-root=customizable-select] .language-select .logo:before{content:attr(data-logo);font-size:.72em}[data-lab-root=customizable-select] .language-select .language-copy{display:grid;gap:.08rem;min-inline-size:max-content}[data-lab-root=customizable-select] .language-select .name{font-weight:800;line-height:1.1;white-space:nowrap}[data-lab-root=customizable-select] .language-select .meta{color:color-mix(in oklch,currentColor 70%,transparent);font-size:.78rem;line-height:1.1;white-space:nowrap}[data-lab-root=customizable-select] .language-select .meta:before{content:attr(data-meta)}[data-lab-root=customizable-select] .language-select [data-language=javascript] .logo{--logo-bg: #f7df1e;--logo-color: #1f2937}[data-lab-root=customizable-select] .language-select [data-language=typescript] .logo{--logo-bg: #3178c6;--logo-color: #f8fafc}[data-lab-root=customizable-select] .language-select [data-language=python] .logo{--logo-bg: #3776ab;--logo-color: #fff7d6}[data-lab-root=customizable-select] .language-select [data-language=rust] .logo{--logo-bg: #f97316;--logo-color: #111827}[data-lab-root=customizable-select] .language-select [data-language=go] .logo{--logo-bg: #00add8;--logo-color: #06202a}}@supports not (appearance: base-select){[data-lab-root=customizable-select] [data-fallback-styles=true] .language-select{appearance:none;padding-block:var(--custom-select-padding-block);padding-inline:var(--custom-select-padding-inline) calc(var(--custom-select-padding-inline) + 1.75rem);border:1px solid color-mix(in oklch,var(--custom-select-accent) 52%,transparent);border-radius:var(--custom-select-radius);background:var(--custom-select-surface) var(--custom-select-fallback-icon) right .625rem center / 1.5rem no-repeat;color:var(--custom-select-text)}}