.technology-tabs:where(.astro-hyorjxkz){border:1px solid var(--md-sys-color-outline-variant,var(--sl-color-gray-5));border-radius:var(--md-sys-shape-corner-large,16px);background:var(--md-sys-color-surface,var(--sl-color-bg));margin-block:1.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d}.technology-tabs__nav:where(.astro-hyorjxkz){border-block-end:1px solid var(--md-sys-color-outline-variant,var(--sl-color-gray-5));background:var(--md-sys-color-surface-container-low,var(--sl-color-gray-7));scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.technology-tabs__nav:where(.astro-hyorjxkz)::-webkit-scrollbar{display:none}.technology-tabs__tab:where(.astro-hyorjxkz){all:unset;box-sizing:border-box;cursor:pointer;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;border-block-end:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.125rem;font-size:.8125rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex;position:relative}.technology-tabs__tab-icon:where(.astro-hyorjxkz){opacity:.85;justify-content:center;align-items:center;block-size:20px;inline-size:20px;line-height:1;transition:opacity .15s,transform .15s;display:inline-flex}.technology-tabs__tab-icon:where(.astro-hyorjxkz) svg:where(.astro-hyorjxkz){block-size:100%;inline-size:100%;display:block}:root[data-theme=dark] .technology-tabs__tab-icon:where(.astro-hyorjxkz) .technology-tabs__vue-inner:where(.astro-hyorjxkz){fill:var(--md-sys-color-on-surface-variant,#cfcfcf)}.technology-tabs__tab:where(.astro-hyorjxkz):hover{color:var(--md-sys-color-on-surface);background:color-mix(in srgb, var(--md-sys-color-on-surface) 6%, transparent)}.technology-tabs__tab:where(.astro-hyorjxkz):hover .technology-tabs__tab-icon:where(.astro-hyorjxkz){opacity:1}.technology-tabs__tab:where(.astro-hyorjxkz):focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px;border-radius:6px}.technology-tabs__tab--active:where(.astro-hyorjxkz){color:var(--md-sys-color-primary);border-block-end-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface,transparent)}.technology-tabs__tab--active:where(.astro-hyorjxkz) .technology-tabs__tab-icon:where(.astro-hyorjxkz){opacity:1}.technology-tabs__panel:where(.astro-hyorjxkz){display:none}.technology-tabs__panel--active:where(.astro-hyorjxkz){display:block}.technology-tabs__code-wrapper:where(.astro-hyorjxkz){position:relative}.technology-tabs__code:where(.astro-hyorjxkz) pre.shiki{font-size:.8125rem;line-height:1.7;font-family:var(--sl-font-system-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);box-shadow:none;tab-size:2;color:var(--shiki-light);border:0;border-radius:0;margin:0;padding:1.25rem 1.5rem;overflow-x:auto;background-color:var(--md-sys-color-surface)!important}.technology-tabs__code:where(.astro-hyorjxkz) pre.shiki span{color:var(--shiki-light);background-color:#0000!important}:root[data-theme=dark] .technology-tabs__code:where(.astro-hyorjxkz) pre.shiki,:root[data-theme=dark] .technology-tabs__code:where(.astro-hyorjxkz) pre.shiki span{color:var(--shiki-dark)}.technology-tabs__code:where(.astro-hyorjxkz) pre.shiki code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:0;border-radius:0;padding:0}.technology-tabs__copy:where(.astro-hyorjxkz){z-index:1;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small,8px);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);cursor:pointer;opacity:0;font-size:.6875rem;font-weight:500;font-family:var(--sl-font,system-ui, sans-serif);align-items:center;gap:.375rem;padding:.3125rem .75rem;transition:opacity .15s,background-color .15s,color .15s;display:inline-flex;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.technology-tabs__code-wrapper:where(.astro-hyorjxkz):hover .technology-tabs__copy:where(.astro-hyorjxkz),.technology-tabs__code-wrapper:where(.astro-hyorjxkz):focus-within .technology-tabs__copy:where(.astro-hyorjxkz),.technology-tabs__copy:where(.astro-hyorjxkz):focus-visible{opacity:1}.technology-tabs__copy:where(.astro-hyorjxkz):hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.technology-tabs__copy:where(.astro-hyorjxkz):focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.technology-tabs__copy--copied:where(.astro-hyorjxkz){opacity:1;color:var(--md-sys-color-tertiary,#16a34a);border-color:currentColor}.technology-tabs__copy-label:where(.astro-hyorjxkz){line-height:1}@media (hover:none){.technology-tabs__copy:where(.astro-hyorjxkz){opacity:1}}@media (width<=40rem){.technology-tabs:where(.astro-hyorjxkz){border-radius:12px;margin-block:1.25rem}.technology-tabs__tab:where(.astro-hyorjxkz){gap:.375rem;padding:.625rem .75rem;font-size:.75rem}.technology-tabs__tab-icon:where(.astro-hyorjxkz){block-size:16px;inline-size:16px}.technology-tabs__code:where(.astro-hyorjxkz) pre.shiki{padding:1rem;font-size:.75rem;line-height:1.6}.technology-tabs__copy:where(.astro-hyorjxkz){opacity:1;padding:.1875rem .5rem}.technology-tabs__copy-label:where(.astro-hyorjxkz){display:none}}