@layer components{article:where(.astro-MQ6WBWHQ){border-radius:var(--space-2);border:1px solid var(--color-line-2);display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--type-0)}}@layer components{.color-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-inline:auto}.color-tooltip{color:#ffffffe6;background-color:#000000e6;border-radius:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--type-0);transition:opacity .3s ease-in-out;box-shadow:0 1px 10px 3px #0003;max-width:min(450px,100%)}[data-state=hidden] .color-tooltip{opacity:0}[data-state=visible] .color-tooltip{opacity:1;transition-duration:.1ms}.color-list-item{border:none;width:var(--space-8);height:var(--space-8);border-radius:var(--space-1);box-shadow:0 0 4px #0003;display:flex;align-items:center;justify-content:center;background-color:var(--_color)}}@layer components{.color-list-wrapper:where(.astro-LFS4QDLQ){display:grid;grid-auto-flow:column;gap:var(--space-5)}}@layer components{:is(.sizes,.weights):where(.astro-RSALNTC2){display:grid;justify-content:start}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(1){font-size:var(--iui-font-size-0)}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(2){font-size:var(--iui-font-size-1)}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(3){font-size:var(--iui-font-size-2)}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(4){font-size:var(--iui-font-size-3)}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(5){font-size:var(--iui-font-size-4)}.sizes:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(6){font-size:var(--iui-font-size-5)}.weights:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(1){font-weight:var(--iui-font-weight-light)}.weights:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(2){font-weight:var(--iui-font-weight-normal)}.weights:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(3){font-weight:var(--iui-font-weight-semibold)}.weights:where(.astro-RSALNTC2) p:where(.astro-RSALNTC2):nth-child(4){font-weight:var(--iui-font-weight-bold)}}@layer components{.wrapper:where(.astro-XDYPDMWF){display:grid;justify-content:unset}div:where(.astro-XDYPDMWF){display:grid;grid-template-columns:1fr 1fr}span:where(.astro-XDYPDMWF){display:inline-block;font-family:var(--font-mono);font-size:var(--type-0)}.box:where(.astro-XDYPDMWF){width:var(--size);height:100%;background-color:var(--iui-color-text-accent);border-radius:var(--iui-border-radius)}}@layer components{div:where(.astro-4F557JGO){border-radius:var(--space-1);padding:var(--space-3);min-width:calc(var(--space-8) * 1.25);height:calc(var(--space-8) * 1.25);display:flex;align-items:center;justify-content:center;background-color:var(--iui-color-background);color:var(--iui-color-foreground-2)}}@layer components{.wrapper:where(.astro-YK6ITURG){align-items:center}.item:where(.astro-YK6ITURG){border-radius:var(--iui-border-radius-1);height:var(--iui-component-height)}.item:where(.astro-YK6ITURG):first-child{height:var(--iui-component-height-small)}.item:where(.astro-YK6ITURG):last-child{height:var(--iui-component-height-large)}}@layer components{.item:where(.astro-XSIF6QEC){opacity:var(--_opacity)}}@layer components{.item:where(.astro-OTOQDUCI){border-radius:var(--iui-border-radius-1)}.item:where(.astro-OTOQDUCI):nth-child(2){border-radius:var(--iui-border-radius-round);padding-inline:var(--space-5)}}@layer components{.item:where(.astro-NI6MS3Q5){box-shadow:var(--_shadow)}}@layer components{duration-item:where(.astro-IDZZUJ5K) button:where(.astro-IDZZUJ5K){border:none;padding:var(--space-3);width:var(--space-8);height:var(--space-8);border-radius:var(--space-1);box-shadow:0 0 4px #0003;display:flex;align-items:center;justify-content:center;background-color:var(--iui-color-background);color:var(--iui-color-foreground-2);cursor:pointer}}