igc-tabs{z-index:0;width:100%;position:relative}igc-tabs::part(inner){flex-grow:1}igc-tabs{--item-text-color:light-dark(var(--ig-gray-900),var(--ig-gray-900));--item-hover-color:var(--igd-accent);--item-background:var(--igd-layout-sections-bg);--item-hover-background:var(--igd-layout-sections-bg);--item-active-color:var(--igd-accent);--item-active-hover-color:var(--igd-accent);--item-active-background:var(--igd-layout-sections-bg);--item-active-hover-background:var(--igd-layout-sections-bg);--indicator-color:var(--igd-accent);--button-color:light-dark(var(--ig-gray-900),var(--ig-gray-900));--button-hover-color:var(--igd-accent);--button-background:var(--igd-layout-sections-bg);--button-hover-background:var(--igd-layout-sections-bg)}igc-tabs .igd-code-view__header-actions{border-block:.0625rem solid light-dark(var(--ig-gray-300),var(--ig-gray-200))}igc-tabs{border-radius:.25rem .25rem 0 0}igc-tabs .igd-sample-container{border-block-end:none;border-inline:none}igc-tab::part(start-scroll-button){inset-inline-start:-1px}igc-tab::part(end-scroll-button){inset-inline-end:-1px}igc-tab .code-wrapper{border:none;border-top:.0625rem solid var(--ig-gray-300);overscroll-behavior:contain;border-radius:0;max-height:25rem;margin:0;position:relative;overflow:hidden auto}igc-tab .code-wrapper pre{padding:var(--igd-sample-spacing-md,1rem);white-space:pre-wrap;word-break:break-word;border:none;border-radius:0;margin:0}igc-tab .code-wrapper .cv-hljs-code-copy{opacity:0;pointer-events:none;--foreground:var(--ig-primary-600-contrast);--hover-foreground:var(--ig-primary-600-contrast);--focus-foreground:var(--ig-primary-600-contrast);--active-foreground:var(--ig-primary-600-contrast);--background:var(--ig-primary-500);--hover-background:var(--ig-primary-500);--focus-background:var(--ig-primary-500);--active-background:var(--ig-primary-500);--border-color:transparent;--border-color-hover:transparent;--border-color-focus:transparent;transition:opacity .2s;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}igc-tab .code-wrapper .cv-hljs-code-copy:has([name=check]){--foreground:var(--ig-success-300-contrast);--hover-foreground:var(--ig-success-300-contrast);--focus-foreground:var(--ig-success-300-contrast);--active-foreground:var(--ig-success-300-contrast);--background:var(--ig-success-300);--hover-background:var(--ig-success-300);--focus-background:var(--ig-success-300);--active-background:var(--ig-success-300)}igc-tab .code-wrapper:hover .cv-hljs-code-copy,igc-tab .code-wrapper:focus-within .cv-hljs-code-copy{opacity:1;pointer-events:auto}igc-tab::part(content){font-family:var(--ig-detail-1-font-family,var(--ig-font-family));font-size:var(--ig-detail-1-font-size);font-weight:var(--ig-detail-1-font-weight);font-style:var(--ig-detail-1-font-style);line-height:var(--ig-detail-1-line-height);letter-spacing:var(--ig-detail-1-letter-spacing);text-transform:var(--ig-detail-1-text-transform);margin-top:var(--ig-detail-1-margin-top);margin-bottom:var(--ig-detail-1-margin-bottom);margin:0}igc-tab::part(tab-header){min-height:1.875rem;padding:.25rem 1rem}.igd-code-view{border:.0625rem solid var(--ig-gray-300);border-radius:.25rem;width:100%;margin-block-end:1.625rem}.igd-code-view .igd-sample-container{margin-block-end:0}.igd-code-view__inner{display:flex;position:relative}.igd-sample-container{--sample-container-header-height:4.125rem;border:.0625rem solid var(--ig-gray-300);z-index:0;background:light-dark(var(--ig-gray-100),var(--ig-surface-500));margin-block-end:1.625rem;display:grid;position:relative;overflow:hidden}.igd-sample-container iframe{border:none;margin:0;display:block;overflow:hidden}.igd-sample-container .sample-loading-indicator{inset:var(--sample-container-header-height,0px) 0 0 0;z-index:1;opacity:0;pointer-events:none;width:60px;height:60px;margin:auto;transition:opacity .2s;position:absolute}.igd-sample-container.loading .sample-loading-indicator{opacity:1}.igd-sample-container--fit-content{height:auto;min-height:0;max-height:none;overflow:clip}.igd-sample-container--fit-content iframe{max-width:100%;transition:width .25s,height .25s}@media (prefers-reduced-motion:reduce){.igd-sample-container--fit-content iframe{transition:none}}.igd-sample-container--no-border{border:none}.igd-sample-container--no-background{background:0 0}.igd-sample-container--no-background:after{display:none}.igd-sample-container .igd-sample-frame{z-index:1;flex:none;width:100%;max-width:100%;height:100%;position:relative;overflow:auto}.igd-sample-container--fit-content .igd-sample-frame{height:auto}.igd-sample-container[data-spacing=none]{padding:0}.igd-sample-container[data-spacing=sm]{padding:var(--igd-sample-spacing-sm,.5rem)}.igd-sample-container[data-spacing=sm] .igd-code-view__header-actions{margin-inline:calc(var(--igd-sample-spacing-sm,.5rem) * -1);margin-block-end:calc(var(--igd-sample-spacing-sm,.5rem) * -1)}.igd-sample-container[data-spacing=md]{padding:var(--igd-sample-spacing-md,1rem)}.igd-sample-container[data-spacing=md] .igd-code-view__header-actions{margin-inline:calc(var(--igd-sample-spacing-md,1rem) * -1);margin-block-end:calc(var(--igd-sample-spacing-md,1rem) * -1)}.igd-sample-container[data-spacing=lg]{padding:var(--igd-sample-spacing-lg,2rem)}.igd-sample-container[data-spacing=lg] .igd-code-view__header-actions{margin-inline:calc(var(--igd-sample-spacing-lg,2rem) * -1);margin-block-end:calc(var(--igd-sample-spacing-lg,2rem) * -1)}.igd-sample-container--flex{justify-content:flex-start;align-items:stretch;display:flex}.igd-sample-container--flex[data-justify=start]{justify-content:flex-start}.igd-sample-container--flex[data-justify=center]{justify-content:center}.igd-sample-container--flex[data-justify=end]{justify-content:flex-end}.igd-sample-container--flex[data-valign=top]{align-items:flex-start}.igd-sample-container--flex[data-valign=center]{align-items:center}.igd-sample-container--flex[data-valign=bottom]{align-items:flex-end}.igd-sample-container--flex[data-justify=center]:not([data-fit-content]) .igd-sample-frame,.igd-sample-container--flex[data-justify=end]:not([data-fit-content]) .igd-sample-frame{width:65%}.igd-sample-container--flex[data-valign]:not([data-fit-content]) .igd-sample-frame{height:65%}.igd-sample-container--flex>.igd-code-view__header-actions{position:absolute;inset-block-end:0;inset-inline:0}.igd-sample-container--resizable:focus-visible{outline:.125rem solid var(--igd-accent);outline-offset:-.125rem}.igd-sample-container.resizing iframe{pointer-events:none}.igd-sample-container .igd-sample-resize-handle{cursor:ew-resize;touch-action:none;z-index:2;justify-content:center;align-items:center;width:.625rem;display:flex;position:absolute;inset-block:0;inset-inline-end:1rem}.igd-sample-container .igd-sample-resize-handle:before{content:"";background:light-dark(var(--ig-gray-500),var(--ig-gray-400));border-radius:.125rem;width:.25rem;height:2rem}.full-screen-btn{align-items:center;display:flex}.igd-code-view__footer-actions{border-block-start:.0625rem solid var(--ig-gray-300)}.igd-code-view__header-actions,.igd-code-view__footer-actions{justify-content:flex-end;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.igd-code-view__header-actions{height:var(--sample-container-header-height);border-block-start:.0625rem solid var(--ig-gray-300);background-color:var(--igd-layout-sections-bg);z-index:1}igc-button::part(base){font-family:var(--ig-caption-font-family,var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);gap:.25rem;margin:0;padding-inline:1rem}