[data-astro-cid-tbn36jjr][data-lab-root=customizable-select]{& .lab-field,& .lab-control--text,& .select,& .range{margin-block-end:0}}.preview-surface[data-astro-cid-tbn36jjr]{overscroll-behavior:contain;scrollbar-width:thin;place-items:center;block-size:100%;min-block-size:0;inline-size:100%;padding:clamp(1rem,4vw,1.75rem);display:grid;overflow:auto}.custom-select-preview[data-astro-cid-tbn36jjr]{inline-size:min(100%, max-content);place-items:center;display:grid}[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{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);display:flex}[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{align-items:center;gap:var(--custom-select-option-gap);min-inline-size:max-content;display:flex}[data-lab-root=customizable-select] .language-select selectedcontent{display:contents}[data-lab-root=customizable-select] .language-select::picker-icon{content:"";clip-path:polygon(0 0,50% 58%,100% 0,100% 42%,50% 100%,0 42%);background:currentColor;flex:none;block-size:.65rem;inline-size:1rem;transition:transform .2s ease-out;display:block;translate:.3125rem}[data-lab-root=customizable-select] [data-picker-icon=spark] .language-select::picker-icon{clip-path:none;background:currentColor;border-radius:999px;block-size:.7rem;inline-size:.7rem;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){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;transition:opacity .2s ease, translate .2s ease, display .2s allow-discrete, overlay .2s allow-discrete;margin-block-start:.45rem;padding:.38rem;translate:0 -.35rem}[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,100vi - 2rem)}[data-lab-root=customizable-select] [data-picker-width=wide] .language-select::picker(select){inline-size:min(28rem,100vi - 2rem);min-inline-size:anchor-size(width)}[data-lab-root=customizable-select] .language-select:open::picker(select){opacity:1;translate:0;@starting-style{opacity:0;translate:0 -.35rem}}[data-lab-root=customizable-select] .language-select option{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));color:var(--custom-select-text);background:0 0;transition:background-color .2s,color .2s;display:flex}[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:"✓";background:var(--custom-select-accent);block-size:1.45rem;inline-size:1.45rem;color:var(--custom-select-surface);border-radius:999px;flex:none;order:2;place-items:center;margin-inline-start:.35rem;font-weight:800;display:grid}[data-lab-root=customizable-select] [data-checkmark=check] .language-select option::checkmark{block-size:auto;inline-size:auto;color:var(--custom-select-accent);background:0 0;flex:none;order:2;font-weight:900;display:block}[data-lab-root=customizable-select] [data-checkmark=none] .language-select option::checkmark{display:none}[data-lab-root=customizable-select] .language-select .logo{inline-size:var(--custom-select-logo-size);block-size:var(--custom-select-logo-size);background:var(--logo-bg);color:var(--logo-color);letter-spacing:0;border-radius:.75rem;flex:none;place-items:center;font-weight:900;display:grid}[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{gap:.08rem;min-inline-size:max-content;display:grid}[data-lab-root=customizable-select] .language-select .name{white-space:nowrap;font-weight:800;line-height:1.1}[data-lab-root=customizable-select] .language-select .meta{color:color-mix(in oklch, currentColor 70%, transparent);white-space:nowrap;font-size:.78rem;line-height:1.1}[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)}}