.label[data-astro-cid-hillskj7]{display:inline-flex;align-items:center;gap:var(--spacing-4);cursor:default}.label__text[data-astro-cid-hillskj7]{font-family:var(--font-family-body);font-size:var(--font-size-paragraph-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-paragraph-md);color:var(--text-body-default)}.label__asterisk[data-astro-cid-hillskj7]{font-family:var(--font-family-body);font-size:var(--font-size-paragraph-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-paragraph-md);color:var(--icon-error);user-select:none;display:none}.is-required[data-astro-cid-hillskj7] .label__asterisk[data-astro-cid-hillskj7]{display:inline}.label__hint-btn[data-astro-cid-hillskj7]{display:none;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-placeholder);line-height:0;border-radius:var(--radius-xsm);transition:color .15s}.has-hint[data-astro-cid-hillskj7] .label__hint-btn[data-astro-cid-hillskj7]{display:inline-flex}.label__hint-btn[data-astro-cid-hillskj7]:hover{color:var(--text-body-default)}.label__hint-btn[data-astro-cid-hillskj7]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.label__hint-icon[data-astro-cid-hillskj7]{display:block;flex-shrink:0}.playground[data-astro-cid-hillskj7]{background:var(--surface-elevate);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin-bottom:48px}.playground__stage[data-astro-cid-hillskj7]{display:flex;align-items:center;justify-content:center;min-height:120px;padding:40px 32px;background:var(--surface-page)}.playground__controls[data-astro-cid-hillskj7]{display:flex;flex-wrap:wrap;gap:24px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.ctrl-group[data-astro-cid-hillskj7]{border:none;padding:0}.ctrl-group__label[data-astro-cid-hillskj7]{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-placeholder);margin-bottom:8px}.ctrl-group__options[data-astro-cid-hillskj7]{display:flex;gap:6px;flex-wrap:wrap}.ctrl-btn[data-astro-cid-hillskj7]{padding:5px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-body-default);font-family:var(--font-family-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ctrl-btn[data-astro-cid-hillskj7]:hover{background:var(--surface-hover-dark)}.ctrl-btn[data-astro-cid-hillskj7].is-active{background:var(--primary-900);color:var(--primary-300);border-color:var(--primary-700)}.ctrl-input[data-astro-cid-hillskj7]{background:var(--surface-elevate);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-body-default);font-family:var(--font-family-body);font-size:.8rem;padding:5px 10px;outline:none;width:220px;transition:border-color .15s}.ctrl-input[data-astro-cid-hillskj7]:focus{border-color:var(--primary-600)}.example-row[data-astro-cid-hillskj7]{display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap;padding:28px 24px;background:var(--surface-elevate);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:12px 0 32px}.variant-item[data-astro-cid-hillskj7]{display:flex;flex-direction:column;gap:var(--spacing-8)}.variant-caption[data-astro-cid-hillskj7]{font-size:var(--font-size-paragraph-xsm);color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dos-donts[data-astro-cid-hillskj7]{display:flex;flex-direction:column;gap:16px;margin:16px 0 24px}.dos-donts__col[data-astro-cid-hillskj7]{padding:16px 20px;border-radius:10px}.dos-donts__col--do[data-astro-cid-hillskj7]{background:color-mix(in srgb,var(--success-default) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-default) 30%,transparent)}.dos-donts__col--dont[data-astro-cid-hillskj7]{background:color-mix(in srgb,var(--error-default) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-default) 30%,transparent)}.dos-donts__label[data-astro-cid-hillskj7]{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}.dos-donts__col--do[data-astro-cid-hillskj7] .dos-donts__label[data-astro-cid-hillskj7]{color:var(--success-default)}.dos-donts__col--dont[data-astro-cid-hillskj7] .dos-donts__label[data-astro-cid-hillskj7]{color:var(--error-default)}.dos-donts__col[data-astro-cid-hillskj7] ul[data-astro-cid-hillskj7]{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.dos-donts__col[data-astro-cid-hillskj7] li[data-astro-cid-hillskj7]{font-size:var(--font-size-paragraph-sm);line-height:var(--line-height-paragraph-sm);color:var(--text-body-default)}.playground__code[data-astro-cid-hillskj7]{position:relative;padding:var(--spacing-8) var(--spacing-12)}.code-snippet[data-astro-cid-hillskj7]{margin:0;font-family:var(--font-family-code);font-size:.8rem;line-height:1.6;color:var(--primary-300);white-space:pre;overflow-x:auto;max-height:6.4rem;overflow-y:auto;padding-right:var(--spacing-40)}.copy-btn[data-astro-cid-hillskj7]{position:absolute;top:var(--spacing-8);right:var(--spacing-8);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-placeholder);cursor:pointer;transition:background .1s,color .1s}.copy-btn[data-astro-cid-hillskj7]:hover{background:var(--surface-button-transparent-hover);color:var(--text-body-default)}.copy-btn[data-astro-cid-hillskj7]:active{transform:translateY(4px);background:transparent}