section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2],section[data-astro-cid-ipduile2] p[data-astro-cid-ipduile2]{margin-block-end:var(--pc-content-spacing)}section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2] table[data-astro-cid-ipduile2] .name[data-astro-cid-ipduile2],section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2] table[data-astro-cid-ipduile2] .default[data-astro-cid-ipduile2],section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2] table[data-astro-cid-ipduile2] .arguments[data-astro-cid-ipduile2],section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2] table[data-astro-cid-ipduile2] .event-detail[data-astro-cid-ipduile2]{white-space:nowrap}section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2] table[data-astro-cid-ipduile2] .description[data-astro-cid-ipduile2]{min-inline-size:40ch}section[data-astro-cid-ipduile2] pc-scroller[data-astro-cid-ipduile2] table[data-astro-cid-ipduile2] .type-info[data-astro-cid-ipduile2] b[data-astro-cid-ipduile2]{font-weight:var(--pc-font-weight-semibold)}.code-demo[data-astro-cid-o26swujp]{position:relative;background-color:var(--pc-color-surface-lowered);border:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet);border-radius:var(--pc-border-radius-l);inline-size:100%;margin-block-end:var(--pc-content-spacing);isolation:isolate;overflow:visible}.preview-block[data-astro-cid-o26swujp]{position:relative;background-color:var(--pc-color-surface-default);border-start-start-radius:var(--pc-border-radius-l);border-start-end-radius:var(--pc-border-radius-l);min-inline-size:20rem;max-inline-size:100%;overflow:visible}.resize-handle[data-astro-cid-o26swujp]{display:flex;position:absolute;align-items:center;justify-content:center;inset-block:0;inset-inline-end:0;inline-size:1.75rem;border-inline-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet);cursor:ew-resize}.preview-content-container[data-astro-cid-o26swujp]{position:relative;padding:var(--pc-spacing-xxl);padding-inline-end:calc(var(--pc-spacing-xxl) + 1.75rem);inline-size:100%;block-size:100%;overflow:visible}.code-block[data-astro-cid-o26swujp]{position:relative;background-color:var(--pc-color-surface-raised);border-block-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet);overflow-x:auto;max-block-size:0;interpolate-size:allow-keywords;transition:max-block-size var(--pc-transition-fast) ease-out}.code-block[data-astro-cid-o26swujp].open{max-block-size:max-content;transition:max-block-size var(--pc-transition-fast) ease-in}.code-block[data-astro-cid-o26swujp] [data-astro-cid-o26swujp]:is(pre,code){margin:0!important;padding:0!important;border-radius:0;background-color:transparent}.code-block[data-astro-cid-o26swujp] .hljs[data-astro-cid-o26swujp]{padding:var(--pc-spacing-l)!important;background-color:transparent;line-height:var(--pc-line-height-normal);font-size:var(--pc-font-size-xs)}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]{position:absolute;inset-block-start:var(--pc-spacing-s);inset-inline-end:var(--pc-spacing-s)}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button){background-color:var(--pc-color-surface-raised)}@media(hover:hover){.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button):hover{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-hover))}}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button):focus-visible{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-hover))}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button):active{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-active))}.code-block[data-astro-cid-o26swujp].open+.toggle-block[data-astro-cid-o26swujp]{border-block-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet)}.toggle-block[data-astro-cid-o26swujp]{display:flex;align-items:center;justify-content:center;background-color:var(--pc-color-surface-default);border-end-start-radius:var(--pc-border-radius-l);border-end-end-radius:var(--pc-border-radius-l)}.toggle-block[data-astro-cid-o26swujp]:has(.codepen-button) pc-button[data-astro-cid-o26swujp]:first-child{inline-size:85%}.toggle-block[data-astro-cid-o26swujp]:not(:has(.codepen-button)) pc-button[data-astro-cid-o26swujp]{inline-size:100%}.toggle-block[data-astro-cid-o26swujp] .codepen-button[data-astro-cid-o26swujp]{min-inline-size:5rem;inline-size:15%;border-inline-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet)}.toggle-block[data-astro-cid-o26swujp]:has(.codepen-button) pc-button[data-astro-cid-o26swujp]::part(base){border-radius:0;border-end-start-radius:var(--pc-border-radius-l)}.toggle-block[data-astro-cid-o26swujp]:not(:has(.codepen-button)) pc-button[data-astro-cid-o26swujp]::part(base){border-radius:var(--pc-border-radius-l);border-start-start-radius:0;border-start-end-radius:0}.toggle-block[data-astro-cid-o26swujp] pc-button[data-astro-cid-o26swujp].codepen-button::part(base){border-end-start-radius:0;border-end-end-radius:var(--pc-border-radius-l)}.toggle-block[data-astro-cid-o26swujp] pc-button[data-astro-cid-o26swujp] pc-icon[data-astro-cid-o26swujp]{transition:transform var(--pc-transition-fast) ease-in-out;transition-delay:var(--pc-transition-medium)}@media(hover:none){.preview-block[data-astro-cid-o26swujp]{min-inline-size:100%;max-inline-size:100%}.preview-content-container[data-astro-cid-o26swujp]{padding-inline-end:var(--pc-spacing-xxl)}.resize-handle[data-astro-cid-o26swujp]{display:none}}@media screen and (max-width:600px){.preview-block[data-astro-cid-o26swujp]{min-inline-size:100%;max-inline-size:100%}.preview-content-container[data-astro-cid-o26swujp]{padding-inline-end:var(--pc-spacing-xxl)}.resize-handle[data-astro-cid-o26swujp]{display:none}}.color-palette{display:grid;grid-template-columns:200px repeat(11,1fr);gap:1rem var(--pc-spacing-xs);margin:2rem 0}.color-palette-name{font-size:var(--pc-font-size-m);font-weight:var(--pc-font-weight-semibold);grid-template-columns:repeat(11,1fr)}.color-palette-name code{font-size:var(--pc-font-size-xs)}.color-palette-swatch-container{font-size:var(--pc-font-size-xs);text-align:center}.color-palette-swatch{display:flex;align-items:center;min-block-size:3rem;border-radius:var(--pc-border-radius-m)}.color-mix-demo{justify-content:center;background-image:linear-gradient(to right,color-mix(in oklab,transparent,var(--mix-color)) 25%,color-mix(in oklab,var(--pc-color-primary-fill-loud),var(--mix-color)) 25%,color-mix(in oklab,var(--pc-color-primary-fill-loud),var(--mix-color)) 75%,var(--pc-color-primary-fill-loud) 75%,var(--pc-color-primary-fill-loud));color:var(--pc-color-primary-on-loud);border:none;text-align:center}@media screen and (max-width:768px){.color-palette{grid-template-columns:repeat(6,1fr)}.color-palette-name{grid-column-start:span 6}}.shadow-demo{background-color:transparent;inline-size:4rem;block-size:4rem;margin-inline:auto;border-radius:var(--pc-border-radius-m)}.spacing-demo{--dot-size: .75rem;display:flex;align-items:center;justify-content:space-between;margin-inline:var(--dot-size);block-size:2rem;background-color:var(--pc-color-neutral-fill-normal);border-radius:var(--pc-border-radius-s)}.spacing-demo:before{content:"";margin-inline-start:calc(var(--dot-size) * -1);inline-size:var(--dot-size);block-size:var(--dot-size);background-color:var(--pc-color-neutral-on-normal);border-radius:var(--pc-border-radius-circle);aspect-ratio:1 / 1}.spacing-demo:after{content:"";margin-inline-end:calc(var(--dot-size) * -1);inline-size:var(--dot-size);block-size:var(--dot-size);background-color:var(--pc-color-neutral-on-normal);border-radius:var(--pc-border-radius-circle);aspect-ratio:1 / 1}.transition-demo{position:relative;background-color:var(--pc-color-neutral-fill-normal);border-radius:var(--pc-border-radius-m);block-size:2.25rem;overflow:hidden;cursor:pointer}.transition-demo:after{content:"";position:absolute;background-color:var(--pc-color-primary-fill-loud);border-radius:var(--pc-border-radius-m);inset-block-start:0;inset-inline-start:0;inline-size:0;block-size:100%;transition-property:inline-size;transition-duration:inherit;transition-timing-function:ease-in-out}.transition-demo:hover:after{inline-size:100%}.preview-wrapper{min-block-size:3em;padding:var(--pc-spacing-xs);border:var(--pc-border-width-s) dashed var(--pc-color-neutral-border-normal);border-radius:var(--pc-border-radius-m)}.preview-block:not(:has(~.code-block,~.toggle-block)){min-block-size:1em;background-color:var(--pc-color-neutral-fill-loud);border-radius:var(--pc-border-radius-s);aspect-ratio:1 / 1}