@layer components{.igd-theming{--igd-theming-radius:.25rem;--igd-theming-border:var(--ig-gray-300);--igd-theming-bg:light-dark(#fff,var(--ig-gray-100));--igd-theming-fg:var(--ig-gray-900);--igd-theming-muted:var(--ig-gray-500);--igd-theming-hover-bg:var(--ig-gray-100);--igd-theming-accent:var(--igd-accent,var(--ig-primary-500));width:12.6875rem;max-width:100%;color:var(--igd-theming-fg);font-family:var(--ig-font-family,"Aktiv Grotesk", var(--igd-font-sans,sans-serif));display:inline-block;position:relative}.igd-theming__select{--ig-input-group-border-color:var(--igd-theming-border);--ig-input-group-hover-border-color:var(--ig-gray-400);--ig-input-group-focused-border-color:var(--igd-theming-accent);--ig-input-group-border-border-radius:var(--igd-theming-radius);--ig-input-group-input-prefix-background:transparent;--ig-input-group-input-prefix-background--filled:transparent;--ig-input-group-input-prefix-color--filled:var(--igd-theming-fg);--ig-input-group-input-suffix-background:transparent;--ig-input-group-input-suffix-background--filled:transparent;--ig-input-group-idle-text-color:transparent;--ig-input-group-filled-text-color:transparent;--ig-input-group-filled-text-hover-color:transparent;--ig-input-group-focused-text-color:transparent;--ig-select-toggle-button-background:transparent;--ig-select-toggle-button-foreground:var(--ig-gray-600);--ig-drop-down-background-color:var(--igd-theming-bg);--ig-drop-down-border-color:var(--igd-theming-border);--ig-drop-down-border-width:.0625rem;--ig-drop-down-border-radius:var(--igd-theming-radius);--ig-drop-down-size:2.5rem;--ig-drop-down-hover-item-background:var(--igd-theming-hover-bg);--ig-drop-down-item-text-color:var(--igd-theming-fg);--ig-drop-down-item-icon-color:var(--igd-theming-fg);--ig-drop-down-hover-item-text-color:var(--igd-theming-fg);--ig-drop-down-hover-item-icon-color:var(--igd-theming-fg);--ig-drop-down-focused-item-background:var(--igd-theming-hover-bg);--ig-drop-down-focused-item-text-color:var(--igd-theming-fg);--ig-drop-down-focused-item-icon-color:var(--igd-theming-fg);--ig-drop-down-focused-item-border-color:transparent;--ig-drop-down-selected-item-background:transparent;--ig-drop-down-selected-item-text-color:var(--igd-theming-fg);--ig-drop-down-selected-item-icon-color:var(--igd-theming-accent);--ig-drop-down-selected-hover-item-background:var(--igd-theming-hover-bg);--ig-drop-down-selected-hover-item-text-color:var(--igd-theming-fg);--ig-drop-down-selected-hover-item-icon-color:var(--igd-theming-accent);--ig-drop-down-selected-focus-item-background:transparent;--ig-drop-down-selected-focus-item-text-color:var(--igd-theming-fg);--ig-drop-down-selected-focus-item-icon-color:var(--igd-theming-accent);width:100%}.igd-theming__select::part(input){color:#0000;letter-spacing:.015625rem;min-height:2.5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem}.igd-theming__select::part(base){border:.0625rem solid var(--igd-theming-border);border-radius:var(--igd-theming-radius);padding-block:0;box-shadow:0 .625rem .9375rem -.1875rem #0000001a,0 .25rem .375rem -.25rem #0000001a}.igd-theming__selected-value{z-index:1;pointer-events:none;white-space:nowrap;align-items:baseline;gap:.25rem;max-width:calc(100% - 5.5rem);display:inline-flex;position:absolute;top:50%;left:3rem;transform:translateY(-50%)}.igd-theming[data-resolved-mode=dark] .igd-theming__selected-value{max-width:calc(100% - 6rem);left:3.5rem}.igd-theming__selected-theme,.igd-theming__selected-mode{text-overflow:ellipsis;letter-spacing:.015625rem;font-size:.875rem;overflow:hidden}.igd-theming__selected-theme{color:var(--igd-theming-fg);font-weight:500;line-height:1.25rem}.igd-theming__selected-mode{color:var(--igd-theming-muted);font-size:.75rem;font-weight:400;line-height:1rem}.igd-theming__swatch{flex-shrink:0;align-items:center;gap:.125rem;display:inline-flex}.igd-theming__select>.igd-theming__swatch{margin-inline-start:.375rem}.igd-theming__dot{background:var(--dot);border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.igd-theming__dot:not(:last-child){border-radius:0;width:.632688rem;mask:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='10.123'%20height='12'%20viewBox='0%200%2010.123%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%203'%3e%3cpath%20id='Subtract'%20d='M6%200C7.59747%200%209.04787%200.62563%2010.123%201.64355C9.40759%202.93442%209%204.41957%209%206C9%207.58012%209.40785%209.06478%2010.123%2010.3555C9.04782%2011.3737%207.59771%2012%206%2012C2.68629%2012%200%209.31371%200%206C0%202.68629%202.68629%200%206%200Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}.igd-theming[data-mode=light] .igd-theming__dot:first-child{display:none}@media (prefers-color-scheme:light){.igd-theming[data-mode=system] .igd-theming__dot:first-child{display:none}}.igd-theming__mode-row{justify-content:space-between;align-items:center;min-height:2.5rem;margin:0;padding-inline:1rem;display:flex;pointer-events:auto!important}.igd-theming__section-label{font-family:var(--ig-overline-font-family,var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);color:var(--igd-theming-muted);letter-spacing:.09375rem;text-transform:uppercase;font-size:.625rem}.igd-theming__mode-buttons{pointer-events:auto;align-items:center;display:inline-flex}.igd-theming__mode-btn{pointer-events:auto;--foreground:var(--igd-theming-muted);--hover-foreground:var(--igd-theming-fg);--focus-foreground:var(--igd-theming-fg);--hover-background:var(--igd-theming-hover-bg);--focus-background:var(--igd-theming-hover-bg);--active-background:var(--igd-theming-hover-bg);--border-radius:50%;width:1.5rem;height:1.5rem}.igd-theming__mode-btn::part(base){width:1.5rem;height:1.5rem;padding:.1875rem}.igd-theming__mode-btn::part(icon){--size:1.125rem}.igd-theming__mode-btn[aria-pressed=true]{--foreground:var(--igd-theming-fg);--background:#00142b14;--hover-background:#00142b14;--focus-background:#00142b14}.igd-theming__mode-tooltip{--ig-tooltip-background:#344b65e6;--ig-tooltip-text-color:var(--ig-gray-50);--ig-tooltip-border-radius:var(--igd-theming-radius)}.igd-theming__mode-tooltip::part(base){letter-spacing:.020625rem;min-height:1.5rem;padding:.25rem .5rem;font-family:inherit;font-size:.625rem;font-weight:500;line-height:1rem}.igd-theming__toggle-icon{--size:1.125rem}.igd-theming__toggle-icon--collapsed{transform:rotate(180deg)}.igd-theming__option{letter-spacing:.015625rem;border:0;outline:none;min-height:2.5rem;padding-inline:1.5rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem}.igd-theming__option::part(prefix){margin-inline-end:.5rem}.igd-theming__option:not([selected]) igc-icon{visibility:hidden}.igd-theming__option igc-icon{--size:1.25rem}.igd-theming__option[active],.igd-theming__option[selected]{outline:none}.igd-theming__option-name{color:var(--igd-theming-fg)}}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;--igd-sample-bg-light-dark:light-dark(var(--ig-gray-100),var(--ig-surface-500));--igd-sample-bg-dark:#0a0b10;border:.0625rem solid var(--ig-gray-300);z-index:0;background:var(--igd-sample-bg-light-dark);margin-block-end:1.625rem;display:grid;position:relative;overflow:hidden}.igd-sample-container[data-igd-mode=dark]{background:var(--igd-sample-bg-dark)}.igd-sample-container[data-igd-mode=dark] iframe{color-scheme:dark}.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--white-background{--igd-sample-bg-light-dark:light-dark(#fff,var(--ig-surface-500))}.igd-sample-container--white-background.igd-sample-container--no-background:not([data-igd-mode=dark]){background:light-dark(#fff,#0000)}.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);background:light-dark(#fff,var(--ig-surface-500));border-end-end-radius:.25rem;border-end-start-radius:.25rem;gap:.5rem;min-height:3.5rem;padding:.5rem 1.5rem}.igd-code-view__footer-actions .igd-sample-theming{margin-inline-start:0}.igd-code-view__footer-actions .igd-sample-theming .igd-theming__select{--ig-input-group-border-color:transparent;--ig-input-group-hover-border-color:transparent}.igd-code-view__footer-actions .igd-sample-theming .igd-theming__select::part(input){box-shadow:none;border-color:#0000}.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__footer-actions{gap:.5rem;padding:.5rem 1.5rem}.igd-code-view__footer-actions .igd-code-view__footer-edit-actions{flex:1 0 0;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;padding-inline-start:1rem;display:flex}.igd-code-view__footer-actions .igd-edit-in-btn{--size:1.5rem;--ig-icon-size:1.125rem;--border-radius:1.125rem}.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}