.hd-dosAndDonts__card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.hd-dosAndDonts__example{width:100%;margin-bottom:1rem}.hd-dosAndDonts__example--do .hd-component-preview-wrapper__card,.hd-dosAndDonts__example--do figure{border:.25rem solid var(--hop-status-positive-surface)}.hd-dosAndDonts__example--dont .hd-component-preview-wrapper__card,.hd-dosAndDonts__example--dont figure{border:.25rem solid var(--hop-status-negative-surface)}.hd-dosAndDonts__example .hd-component-preview-wrapper__card,.hd-dosAndDonts__example figure{border-radius:var(--hd-border-radius-lg);margin-bottom:0!important}.hd-dosAndDonts__explanation{padding-top:1rem}.Tag_hop-Tag___y7IQ{--hop-Tag-border-size:0.0625rem;--hop-Tag-border-radius:var(--hop-shape-pill);--hop-Tag-sm-block-size:1.25rem;--hop-Tag-sm-padding-inline:var(--hop-space-inset-sm);--hop-Tag-sm-column-gap:var(--hop-space-inline-xs);--hop-Tag-sm-icon-margin-inline-start:0;--hop-Tag-sm-element-margin-inline-end-sm:calc(-1 * var(--hop-space-inline-xs));--hop-Tag-sm-element-margin-inline-end-zero:calc(-1 * var(--hop-Tag-sm-padding-inline));--hop-Tag-sm-badge-margin-inline-end:var(--hop-Tag-sm-element-margin-inline-end-zero);--hop-Tag-sm-avatar-margin-inline-start:calc(var(--hop-Tag-sm-element-margin-inline-end-sm) - (var(--hop-space-inline-xs) / 2));--hop-Tag-sm-clear-btn-margin-inline:calc(-1 * var(--hop-Tag-sm-column-gap)) var(--hop-Tag-sm-element-margin-inline-end-zero);--hop-Tag-sm-spinner-margin-inline-end:var(--hop-Tag-sm-element-margin-inline-end-sm);--hop-Tag-md-block-size:1.5rem;--hop-Tag-md-padding-inline:var(--hop-space-inset-sm);--hop-Tag-md-column-gap:var(--hop-space-inline-xs);--hop-Tag-md-icon-margin-inline-start:0;--hop-Tag-md-element-margin-inline-end-sm:calc(-1 * var(--hop-space-inline-xs));--hop-Tag-md-element-margin-inline-end-zero:calc(-1 * var(--hop-Tag-md-padding-inline));--hop-Tag-md-badge-margin-inline-end:var(--hop-Tag-md-element-margin-inline-end-zero);--hop-Tag-md-avatar-margin-inline-start:var(--hop-Tag-md-element-margin-inline-end-sm);--hop-Tag-md-clear-btn-margin-inline:calc(-1 * var(--hop-Tag-md-column-gap)) var(--hop-Tag-md-element-margin-inline-end-zero);--hop-Tag-md-spinner-margin-inline-end:var(--hop-Tag-md-element-margin-inline-end-sm);--hop-Tag-lg-block-size:2rem;--hop-Tag-lg-padding-inline:var(--hop-space-inset-md);--hop-Tag-lg-column-gap:var(--hop-space-inline-sm);--hop-Tag-lg-icon-margin-inline-start:calc(-1 * var(--hop-space-inline-sm));--hop-Tag-lg-element-margin-inline-end-sm:calc(-1 * (var(--hop-Tag-lg-padding-inline) - var(--hop-space-inline-xs)));--hop-Tag-lg-badge-margin-inline-end:var(--hop-Tag-lg-element-margin-inline-end-sm);--hop-Tag-lg-avatar-margin-inline-start:var(--hop-Tag-lg-element-margin-inline-end-sm);--hop-Tag-lg-clear-btn-margin-inline:0 var(--hop-Tag-lg-element-margin-inline-end-sm);--hop-Tag-lg-spinner-margin-inline-end:var(--hop-Tag-lg-element-margin-inline-end-sm);--hop-Tag-neutral-border-color:var(--hop-neutral-border);--hop-Tag-neutral-background-color:var(--hop-neutral-surface);--hop-Tag-neutral-text-color:var(--hop-neutral-text);--hop-Tag-subdued-border-color:var(--hop-neutral-border);--hop-Tag-subdued-background-color:var(--hop-neutral-surface-weak);--hop-Tag-subdued-text-color:var(--hop-neutral-text);--hop-Tag-progress-border-color:transparent;--hop-Tag-progress-background-color:var(--hop-status-progress-surface);--hop-Tag-progress-text-color:var(--hop-status-progress-text);--hop-Tag-positive-border-color:transparent;--hop-Tag-positive-background-color:var(--hop-status-positive-surface);--hop-Tag-positive-text-color:var(--hop-status-positive-text);--hop-Tag-caution-border-color:transparent;--hop-Tag-caution-background-color:var(--hop-status-caution-surface);--hop-Tag-caution-text-color:var(--hop-status-caution-text);--hop-Tag-negative-border-color:transparent;--hop-Tag-negative-background-color:var(--hop-status-negative-surface);--hop-Tag-negative-text-color:var(--hop-status-negative-text);--hop-Tag-option1-border-color:transparent;--hop-Tag-option1-background-color:var(--hop-status-option1-surface);--hop-Tag-option1-text-color:var(--hop-status-option1-text);--hop-Tag-option2-border-color:transparent;--hop-Tag-option2-background-color:var(--hop-status-option2-surface);--hop-Tag-option2-text-color:var(--hop-status-option2-text);--hop-Tag-option3-border-color:transparent;--hop-Tag-option3-background-color:var(--hop-status-option3-surface);--hop-Tag-option3-text-color:var(--hop-status-option3-text);--hop-Tag-option4-border-color:transparent;--hop-Tag-option4-background-color:var(--hop-status-option4-surface);--hop-Tag-option4-text-color:var(--hop-status-option4-text);--hop-Tag-option5-border-color:transparent;--hop-Tag-option5-background-color:var(--hop-status-option5-surface);--hop-Tag-option5-text-color:var(--hop-status-option5-text);--hop-Tag-option6-border-color:transparent;--hop-Tag-option6-background-color:var(--hop-status-option6-surface);--hop-Tag-option6-text-color:var(--hop-status-option6-text);--hop-Tag-focus-ring-color:var(--hop-primary-border-focus);--hop-Tag-neutral-background-color-focus:var(--hop-neutral-surface-hover);--hop-Tag-neutral-border-color-focus:var(--hop-neutral-border-hover);--hop-Tag-neutral-text-color-focus:var(--hop-neutral-text-hover);--hop-Tag-subdued-background-color-focus:var(--hop-neutral-surface-weak-hover);--hop-Tag-subdued-border-color-focus:var(--hop-neutral-border-hover);--hop-Tag-subdued-text-color-focus:var(--hop-neutral-text-hover);--hop-Tag-progress-background-color-focus:var(--hop-status-progress-surface-hover);--hop-Tag-progress-border-color-focus:transparent;--hop-Tag-progress-text-color-focus:var(--hop-status-progress-text-hover);--hop-Tag-positive-background-color-focus:var(--hop-status-positive-surface-hover);--hop-Tag-positive-border-color-focus:transparent;--hop-Tag-positive-text-color-focus:var(--hop-status-positive-text-hover);--hop-Tag-caution-background-color-focus:var(--hop-status-caution-surface-hover);--hop-Tag-caution-border-color-focus:transparent;--hop-Tag-caution-text-color-focus:var(--hop-status-caution-text-hover);--hop-Tag-negative-background-color-focus:var(--hop-status-negative-surface-hover);--hop-Tag-negative-border-color-focus:transparent;--hop-Tag-negative-text-color-focus:var(--hop-status-negative-text-hover);--hop-Tag-option1-background-color-focus:var(--hop-status-option1-surface-hover);--hop-Tag-option1-border-color-focus:transparent;--hop-Tag-option1-text-color-focus:var(--hop-status-option1-text-hover);--hop-Tag-option2-background-color-focus:var(--hop-status-option2-surface-hover);--hop-Tag-option2-border-color-focus:transparent;--hop-Tag-option2-text-color-focus:var(--hop-status-option2-text-hover);--hop-Tag-option3-background-color-focus:var(--hop-status-option3-surface-hover);--hop-Tag-option3-border-color-focus:transparent;--hop-Tag-option3-text-color-focus:var(--hop-status-option3-text-hover);--hop-Tag-option4-background-color-focus:var(--hop-status-option4-surface-hover);--hop-Tag-option4-border-color-focus:transparent;--hop-Tag-option4-text-color-focus:var(--hop-status-option4-text-hover);--hop-Tag-option5-background-color-focus:var(--hop-status-option5-surface-hover);--hop-Tag-option5-border-color-focus:transparent;--hop-Tag-option5-text-color-focus:var(--hop-status-option5-text-hover);--hop-Tag-option6-background-color-focus:var(--hop-status-option6-surface-hover);--hop-Tag-option6-border-color-focus:transparent;--hop-Tag-option6-text-color-focus:var(--hop-status-option6-text-hover);--hop-Tag-neutral-background-color-hover:var(--hop-neutral-surface-hover);--hop-Tag-neutral-border-color-hover:var(--hop-neutral-border-hover);--hop-Tag-neutral-text-color-hover:var(--hop-neutral-text-hover);--hop-Tag-subdued-background-color-hover:var(--hop-neutral-surface-weak-hover);--hop-Tag-subdued-border-color-hover:var(--hop-neutral-border-hover);--hop-Tag-subdued-text-color-hover:var(--hop-neutral-text-hover);--hop-Tag-progress-background-color-hover:var(--hop-status-progress-surface-hover);--hop-Tag-progress-border-color-hover:transparent;--hop-Tag-progress-text-color-hover:var(--hop-status-progress-text-hover);--hop-Tag-positive-background-color-hover:var(--hop-status-positive-surface-hover);--hop-Tag-positive-border-color-hover:transparent;--hop-Tag-positive-text-color-hover:var(--hop-status-positive-text-hover);--hop-Tag-caution-background-color-hover:var(--hop-status-caution-surface-hover);--hop-Tag-caution-border-color-hover:transparent;--hop-Tag-caution-text-color-hover:var(--hop-status-caution-text-hover);--hop-Tag-negative-background-color-hover:var(--hop-status-negative-surface-hover);--hop-Tag-negative-border-color-hover:transparent;--hop-Tag-negative-text-color-hover:var(--hop-status-negative-text-hover);--hop-Tag-option1-background-color-hover:var(--hop-status-option1-surface-hover);--hop-Tag-option1-border-color-hover:transparent;--hop-Tag-option1-text-color-hover:var(--hop-status-option1-text-hover);--hop-Tag-option2-background-color-hover:var(--hop-status-option2-surface-hover);--hop-Tag-option2-border-color-hover:transparent;--hop-Tag-option2-text-color-hover:var(--hop-status-option2-text-hover);--hop-Tag-option3-background-color-hover:var(--hop-status-option3-surface-hover);--hop-Tag-option3-border-color-hover:transparent;--hop-Tag-option3-text-color-hover:var(--hop-status-option3-text-hover);--hop-Tag-option4-background-color-hover:var(--hop-status-option4-surface-hover);--hop-Tag-option4-border-color-hover:transparent;--hop-Tag-option4-text-color-hover:var(--hop-status-option4-text-hover);--hop-Tag-option5-background-color-hover:var(--hop-status-option5-surface-hover);--hop-Tag-option5-border-color-hover:transparent;--hop-Tag-option5-text-color-hover:var(--hop-status-option5-text-hover);--hop-Tag-option6-background-color-hover:var(--hop-status-option6-surface-hover);--hop-Tag-option6-border-color-hover:transparent;--hop-Tag-option6-text-color-hover:var(--hop-status-option6-text-hover);--hop-Tag-background-color-selected:var(--hop-neutral-surface-selected);--hop-Tag-border-color-selected:var(--hop-neutral-border-selected);--hop-Tag-text-color-selected:var(--hop-neutral-text-selected);--hop-Tag-neutral-background-color-press:var(--hop-neutral-surface-press);--hop-Tag-neutral-border-color-press:var(--hop-neutral-border-press);--hop-Tag-neutral-text-color-press:var(--hop-neutral-text-press);--hop-Tag-subdued-background-color-press:var(--hop-neutral-surface-weak-press);--hop-Tag-subdued-border-color-press:var(--hop-neutral-border-press);--hop-Tag-subdued-text-color-press:var(--hop-neutral-text-press);--hop-Tag-progress-background-color-press:var(--hop-status-progress-surface-press);--hop-Tag-progress-border-color-press:transparent;--hop-Tag-progress-text-color-press:var(--hop-status-progress-text-press);--hop-Tag-positive-background-color-press:var(--hop-status-positive-surface-press);--hop-Tag-positive-border-color-press:transparent;--hop-Tag-positive-text-color-press:var(--hop-status-positive-text-press);--hop-Tag-caution-background-color-press:var(--hop-status-caution-surface-press);--hop-Tag-caution-border-color-press:transparent;--hop-Tag-caution-text-color-press:var(--hop-status-caution-text-press);--hop-Tag-negative-background-color-press:var(--hop-status-negative-surface-press);--hop-Tag-negative-border-color-press:transparent;--hop-Tag-negative-text-color-press:var(--hop-status-negative-text-press);--hop-Tag-option1-background-color-press:var(--hop-status-option1-surface-press);--hop-Tag-option1-border-color-press:transparent;--hop-Tag-option1-text-color-press:var(--hop-status-option1-text-press);--hop-Tag-option2-background-color-press:var(--hop-status-option2-surface-press);--hop-Tag-option2-border-color-press:transparent;--hop-Tag-option2-text-color-press:var(--hop-status-option2-text-press);--hop-Tag-option3-background-color-press:var(--hop-status-option3-surface-press);--hop-Tag-option3-border-color-press:transparent;--hop-Tag-option3-text-color-press:var(--hop-status-option3-text-press);--hop-Tag-option4-background-color-press:var(--hop-status-option4-surface-press);--hop-Tag-option4-border-color-press:transparent;--hop-Tag-option4-text-color-press:var(--hop-status-option4-text-press);--hop-Tag-option5-background-color-press:var(--hop-status-option5-surface-press);--hop-Tag-option5-border-color-press:transparent;--hop-Tag-option5-text-color-press:var(--hop-status-option5-text-press);--hop-Tag-option6-background-color-press:var(--hop-status-option6-surface-press);--hop-Tag-option6-border-color-press:transparent;--hop-Tag-option6-text-color-press:var(--hop-status-option6-text-press);--hop-Tag-border-color-invalid:var(--hop-danger-border-strong);--hop-Tag-neutral-background-color-disabled:var(--hop-neutral-surface-disabled);--hop-Tag-neutral-border-color-disabled:var(--hop-neutral-border-weak);--hop-Tag-neutral-text-color-disabled:var(--hop-neutral-text-disabled);--hop-Tag-subdued-background-color-disabled:var(--hop-neutral-surface-disabled);--hop-Tag-subdued-border-color-disabled:var(--hop-neutral-border-weak);--hop-Tag-subdued-text-color-disabled:var(--hop-neutral-text-disabled);--hop-Tag-progress-background-color-disabled:var(--hop-status-progress-surface-disabled);--hop-Tag-progress-border-color-disabled:transparent;--hop-Tag-progress-text-color-disabled:var(--hop-status-progress-text-disabled);--hop-Tag-positive-background-color-disabled:var(--hop-status-positive-surface-disabled);--hop-Tag-positive-border-color-disabled:transparent;--hop-Tag-positive-text-color-disabled:var(--hop-status-positive-text-disabled);--hop-Tag-caution-background-color-disabled:var(--hop-status-caution-surface-disabled);--hop-Tag-caution-border-color-disabled:transparent;--hop-Tag-caution-text-color-disabled:var(--hop-status-caution-text-disabled);--hop-Tag-negative-background-color-disabled:var(--hop-status-negative-surface-disabled);--hop-Tag-negative-border-color-disabled:transparent;--hop-Tag-negative-text-color-disabled:var(--hop-status-negative-text-disabled);--hop-Tag-option1-background-color-disabled:var(--hop-status-option1-surface-disabled);--hop-Tag-option1-border-color-disabled:transparent;--hop-Tag-option1-text-color-disabled:var(--hop-status-option1-text-disabled);--hop-Tag-option2-background-color-disabled:var(--hop-status-option2-surface-disabled);--hop-Tag-option2-border-color-disabled:transparent;--hop-Tag-option2-text-color-disabled:var(--hop-status-option2-text-disabled);--hop-Tag-option3-background-color-disabled:var(--hop-status-option3-surface-disabled);--hop-Tag-option3-border-color-disabled:transparent;--hop-Tag-option3-text-color-disabled:var(--hop-status-option3-text-disabled);--hop-Tag-option4-background-color-disabled:var(--hop-status-option4-surface-disabled);--hop-Tag-option4-border-color-disabled:transparent;--hop-Tag-option4-text-color-disabled:var(--hop-status-option4-text-disabled);--hop-Tag-option5-background-color-disabled:var(--hop-status-option5-surface-disabled);--hop-Tag-option5-border-color-disabled:transparent;--hop-Tag-option5-text-color-disabled:var(--hop-status-option5-text-disabled);--hop-Tag-option6-background-color-disabled:var(--hop-status-option6-surface-disabled);--hop-Tag-option6-border-color-disabled:transparent;--hop-Tag-option6-text-color-disabled:var(--hop-status-option6-text-disabled);--border-radius:var(--hop-Tag-border-radius);--border-size:var(--hop-Tag-border-size);--badge-secondary-margin-inline-start:calc(-1 * var(--column-gap));--focus-ring-color:var(--hop-Tag-focus-ring-color);display:inline-flex;-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);align-items:center;justify-content:center;box-sizing:border-box;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100%;block-size:var(--block-size);padding-inline:var(--padding-inline);color:var(--text-color);text-decoration:none;white-space:nowrap;background-color:var(--background-color);border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);outline:none;outline-offset:.125rem}.Tag_hop-Tag--sm__1eDYk{--block-size:var(--hop-Tag-sm-block-size);--padding-inline:var(--hop-Tag-sm-padding-inline);--column-gap:var(--hop-Tag-sm-column-gap);--clear-btn-margin-inline:var(--hop-Tag-sm-clear-btn-margin-inline);--avatar-margin-inline-start:var(--hop-Tag-sm-avatar-margin-inline-start);--spinner-margin-inline-end:var(--hop-Tag-sm-spinner-margin-inline-end)}.Tag_hop-Tag--sm__1eDYk:not(:has(.Tag_hop-Tag__remove-btn__JeHVJ,.Tag_hop-Tag__Spinner__rs8tX)){--badge-margin-inline-end:var(--hop-Tag-sm-badge-margin-inline-end)}.Tag_hop-Tag--sm__1eDYk:not(:has(.Tag_hop-Tag__avatar__cdJPE)){--icon-margin-inline-start:var(--hop-Tag-sm-icon-margin-inline-start)}.Tag_hop-Tag--md__HJCbm{--block-size:var(--hop-Tag-md-block-size);--padding-inline:var(--hop-Tag-md-padding-inline);--column-gap:var(--hop-Tag-md-column-gap);--clear-btn-margin-inline:var(--hop-Tag-md-clear-btn-margin-inline);--avatar-margin-inline-start:var(--hop-Tag-md-avatar-margin-inline-start);--spinner-margin-inline-end:var(--hop-Tag-md-spinner-margin-inline-end)}.Tag_hop-Tag--md__HJCbm:not(:has(.Tag_hop-Tag__remove-btn__JeHVJ,.Tag_hop-Tag__Spinner__rs8tX)){--badge-margin-inline-end:var(--hop-Tag-md-badge-margin-inline-end)}.Tag_hop-Tag--md__HJCbm:not(:has(.Tag_hop-Tag__avatar__cdJPE)){--icon-margin-inline-start:var(--hop-Tag-md-icon-margin-inline-start)}.Tag_hop-Tag--lg___ltB7{--block-size:var(--hop-Tag-lg-block-size);--padding-inline:var(--hop-Tag-lg-padding-inline);--column-gap:var(--hop-Tag-lg-column-gap);--clear-btn-margin-inline:var(--hop-Tag-lg-clear-btn-margin-inline);--avatar-margin-inline-start:var(--hop-Tag-lg-avatar-margin-inline-start);--spinner-margin-inline-end:var(--hop-Tag-lg-spinner-margin-inline-end)}.Tag_hop-Tag--lg___ltB7:not(:has(.Tag_hop-Tag__remove-btn__JeHVJ,.Tag_hop-Tag__Spinner__rs8tX)){--badge-margin-inline-end:var(--hop-Tag-lg-badge-margin-inline-end)}.Tag_hop-Tag--lg___ltB7:not(:has(.Tag_hop-Tag__avatar__cdJPE)){--icon-margin-inline-start:var(--hop-Tag-lg-icon-margin-inline-start)}.Tag_hop-Tag--neutral__fIGxC{--border-color:var(--hop-Tag-neutral-border-color);--background-color:var(--hop-Tag-neutral-background-color);--text-color:var(--hop-Tag-neutral-text-color)}.Tag_hop-Tag--subdued__ueUS1{--border-color:var(--hop-Tag-subdued-border-color);--background-color:var(--hop-Tag-subdued-background-color);--text-color:var(--hop-Tag-subdued-text-color)}.Tag_hop-Tag--progress__4VfSa{--border-color:var(--hop-Tag-progress-border-color);--background-color:var(--hop-Tag-progress-background-color);--text-color:var(--hop-Tag-progress-text-color)}.Tag_hop-Tag--positive__DZvZ4{--border-color:var(--hop-Tag-positive-border-color);--background-color:var(--hop-Tag-positive-background-color);--text-color:var(--hop-Tag-positive-text-color)}.Tag_hop-Tag--caution__F21f_{--border-color:var(--hop-Tag-caution-border-color);--background-color:var(--hop-Tag-caution-background-color);--text-color:var(--hop-Tag-caution-text-color)}.Tag_hop-Tag--negative__kh6y8{--border-color:var(--hop-Tag-negative-border-color);--background-color:var(--hop-Tag-negative-background-color);--text-color:var(--hop-Tag-negative-text-color)}.Tag_hop-Tag--option1__QkkOL{--border-color:var(--hop-Tag-option1-border-color);--background-color:var(--hop-Tag-option1-background-color);--text-color:var(--hop-Tag-option1-text-color)}.Tag_hop-Tag--option2__4C_18{--border-color:var(--hop-Tag-option2-border-color);--background-color:var(--hop-Tag-option2-background-color);--text-color:var(--hop-Tag-option2-text-color)}.Tag_hop-Tag--option3__UbtO5{--border-color:var(--hop-Tag-option3-border-color);--background-color:var(--hop-Tag-option3-background-color);--text-color:var(--hop-Tag-option3-text-color)}.Tag_hop-Tag--option4__D1bsq{--border-color:var(--hop-Tag-option4-border-color);--background-color:var(--hop-Tag-option4-background-color);--text-color:var(--hop-Tag-option4-text-color)}.Tag_hop-Tag--option5__aSITT{--border-color:var(--hop-Tag-option5-border-color);--background-color:var(--hop-Tag-option5-background-color);--text-color:var(--hop-Tag-option5-text-color)}.Tag_hop-Tag--option6__G_QxY{--border-color:var(--hop-Tag-option6-border-color);--background-color:var(--hop-Tag-option6-background-color);--text-color:var(--hop-Tag-option6-text-color)}.Tag_hop-Tag___y7IQ[data-href]{cursor:pointer}.Tag_hop-Tag--neutral__fIGxC[data-focus-visible]{--border-color:var(--hop-Tag-neutral-border-color-focus);--background-color:var(--hop-Tag-neutral-background-color-focus);--text-color:var(--hop-Tag-neutral-text-color-focus)}.Tag_hop-Tag--neutral__fIGxC:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-neutral-border-color-hover);--background-color:var(--hop-Tag-neutral-background-color-hover);--text-color:var(--hop-Tag-neutral-text-color-hover)}.Tag_hop-Tag--neutral__fIGxC[data-pressed]{--border-color:var(--hop-Tag-neutral-border-color-press);--background-color:var(--hop-Tag-neutral-background-color-press);--text-color:var(--hop-Tag-neutral-text-color-press)}.Tag_hop-Tag--neutral__fIGxC[data-disabled]{--border-color:var(--hop-Tag-neutral-border-color-disabled);--background-color:var(--hop-Tag-neutral-background-color-disabled);--text-color:var(--hop-Tag-neutral-text-color-disabled)}.Tag_hop-Tag--subdued__ueUS1[data-focus-visible]{--border-color:var(--hop-Tag-subdued-border-color-focus);--background-color:var(--hop-Tag-subdued-background-color-focus);--text-color:var(--hop-Tag-subdued-text-color-focus)}.Tag_hop-Tag--subdued__ueUS1:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-subdued-border-color-hover);--background-color:var(--hop-Tag-subdued-background-color-hover);--text-color:var(--hop-Tag-subdued-text-color-hover)}.Tag_hop-Tag--subdued__ueUS1[data-pressed]{--border-color:var(--hop-Tag-subdued-border-color-press);--background-color:var(--hop-Tag-subdued-background-color-press);--text-color:var(--hop-Tag-subdued-text-color-press)}.Tag_hop-Tag--subdued__ueUS1[data-disabled]{--border-color:var(--hop-Tag-subdued-border-color-disabled);--background-color:var(--hop-Tag-subdued-background-color-disabled);--text-color:var(--hop-Tag-subdued-text-color-disabled)}.Tag_hop-Tag--progress__4VfSa[data-focus-visible]{--border-color:var(--hop-Tag-progress-border-color-focus);--background-color:var(--hop-Tag-progress-background-color-focus);--text-color:var(--hop-Tag-progress-text-color-focus)}.Tag_hop-Tag--progress__4VfSa:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-progress-border-color-hover);--background-color:var(--hop-Tag-progress-background-color-hover);--text-color:var(--hop-Tag-progress-text-color-hover)}.Tag_hop-Tag--progress__4VfSa[data-pressed]{--border-color:var(--hop-Tag-progress-border-color-press);--background-color:var(--hop-Tag-progress-background-color-press);--text-color:var(--hop-Tag-progress-text-color-press)}.Tag_hop-Tag--progress__4VfSa[data-disabled]{--border-color:var(--hop-Tag-progress-border-color-disabled);--background-color:var(--hop-Tag-progress-background-color-disabled);--text-color:var(--hop-Tag-progress-text-color-disabled)}.Tag_hop-Tag--positive__DZvZ4[data-focus-visible]{--border-color:var(--hop-Tag-positive-border-color-focus);--background-color:var(--hop-Tag-positive-background-color-focus);--text-color:var(--hop-Tag-positive-text-color-focus)}.Tag_hop-Tag--positive__DZvZ4:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-positive-border-color-hover);--background-color:var(--hop-Tag-positive-background-color-hover);--text-color:var(--hop-Tag-positive-text-color-hover)}.Tag_hop-Tag--positive__DZvZ4[data-pressed]{--border-color:var(--hop-Tag-positive-border-color-press);--background-color:var(--hop-Tag-positive-background-color-press);--text-color:var(--hop-Tag-positive-text-color-press)}.Tag_hop-Tag--positive__DZvZ4[data-disabled]{--border-color:var(--hop-Tag-positive-border-color-disabled);--background-color:var(--hop-Tag-positive-background-color-disabled);--text-color:var(--hop-Tag-positive-text-color-disabled)}.Tag_hop-Tag--caution__F21f_[data-focus-visible]{--border-color:var(--hop-Tag-caution-border-color-focus);--background-color:var(--hop-Tag-caution-background-color-focus);--text-color:var(--hop-Tag-caution-text-color-focus)}.Tag_hop-Tag--caution__F21f_:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-caution-border-color-hover);--background-color:var(--hop-Tag-caution-background-color-hover);--text-color:var(--hop-Tag-caution-text-color-hover)}.Tag_hop-Tag--caution__F21f_[data-pressed]{--border-color:var(--hop-Tag-caution-border-color-press);--background-color:var(--hop-Tag-caution-background-color-press);--text-color:var(--hop-Tag-caution-text-color-press)}.Tag_hop-Tag--caution__F21f_[data-disabled]{--border-color:var(--hop-Tag-caution-border-color-disabled);--background-color:var(--hop-Tag-caution-background-color-disabled);--text-color:var(--hop-Tag-caution-text-color-disabled)}.Tag_hop-Tag--negative__kh6y8[data-focus-visible]{--border-color:var(--hop-Tag-negative-border-color-focus);--background-color:var(--hop-Tag-negative-background-color-focus);--text-color:var(--hop-Tag-negative-text-color-focus)}.Tag_hop-Tag--negative__kh6y8:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-negative-border-color-hover);--background-color:var(--hop-Tag-negative-background-color-hover);--text-color:var(--hop-Tag-negative-text-color-hover)}.Tag_hop-Tag--negative__kh6y8[data-pressed]{--border-color:var(--hop-Tag-negative-border-color-press);--background-color:var(--hop-Tag-negative-background-color-press);--text-color:var(--hop-Tag-negative-text-color-press)}.Tag_hop-Tag--negative__kh6y8[data-disabled]{--border-color:var(--hop-Tag-negative-border-color-disabled);--background-color:var(--hop-Tag-negative-background-color-disabled);--text-color:var(--hop-Tag-negative-text-color-disabled)}.Tag_hop-Tag--option1__QkkOL[data-focus-visible]{--border-color:var(--hop-Tag-option1-border-color-focus);--background-color:var(--hop-Tag-option1-background-color-focus);--text-color:var(--hop-Tag-option1-text-color-focus)}.Tag_hop-Tag--option1__QkkOL:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-option1-border-color-hover);--background-color:var(--hop-Tag-option1-background-color-hover);--text-color:var(--hop-Tag-option1-text-color-hover)}.Tag_hop-Tag--option1__QkkOL[data-pressed]{--border-color:var(--hop-Tag-option1-border-color-press);--background-color:var(--hop-Tag-option1-background-color-press);--text-color:var(--hop-Tag-option1-text-color-press)}.Tag_hop-Tag--option1__QkkOL[data-disabled]{--border-color:var(--hop-Tag-option1-border-color-disabled);--background-color:var(--hop-Tag-option1-background-color-disabled);--text-color:var(--hop-Tag-option1-text-color-disabled)}.Tag_hop-Tag--option2__4C_18[data-focus-visible]{--border-color:var(--hop-Tag-option2-border-color-focus);--background-color:var(--hop-Tag-option2-background-color-focus);--text-color:var(--hop-Tag-option2-text-color-focus)}.Tag_hop-Tag--option2__4C_18:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-option2-border-color-hover);--background-color:var(--hop-Tag-option2-background-color-hover);--text-color:var(--hop-Tag-option2-text-color-hover)}.Tag_hop-Tag--option2__4C_18[data-pressed]{--border-color:var(--hop-Tag-option2-border-color-press);--background-color:var(--hop-Tag-option2-background-color-press);--text-color:var(--hop-Tag-option2-text-color-press)}.Tag_hop-Tag--option2__4C_18[data-disabled]{--border-color:var(--hop-Tag-option2-border-color-disabled);--background-color:var(--hop-Tag-option2-background-color-disabled);--text-color:var(--hop-Tag-option2-text-color-disabled)}.Tag_hop-Tag--option3__UbtO5[data-focus-visible]{--border-color:var(--hop-Tag-option3-border-color-focus);--background-color:var(--hop-Tag-option3-background-color-focus);--text-color:var(--hop-Tag-option3-text-color-focus)}.Tag_hop-Tag--option3__UbtO5:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-option3-border-color-hover);--background-color:var(--hop-Tag-option3-background-color-hover);--text-color:var(--hop-Tag-option3-text-color-hover)}.Tag_hop-Tag--option3__UbtO5[data-pressed]{--border-color:var(--hop-Tag-option3-border-color-press);--background-color:var(--hop-Tag-option3-background-color-press);--text-color:var(--hop-Tag-option3-text-color-press)}.Tag_hop-Tag--option3__UbtO5[data-disabled]{--border-color:var(--hop-Tag-option3-border-color-disabled);--background-color:var(--hop-Tag-option3-background-color-disabled);--text-color:var(--hop-Tag-option3-text-color-disabled)}.Tag_hop-Tag--option4__D1bsq[data-focus-visible]{--border-color:var(--hop-Tag-option4-border-color-focus);--background-color:var(--hop-Tag-option4-background-color-focus);--text-color:var(--hop-Tag-option4-text-color-focus)}.Tag_hop-Tag--option4__D1bsq:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-option4-border-color-hover);--background-color:var(--hop-Tag-option4-background-color-hover);--text-color:var(--hop-Tag-option4-text-color-hover)}.Tag_hop-Tag--option4__D1bsq[data-pressed]{--border-color:var(--hop-Tag-option4-border-color-press);--background-color:var(--hop-Tag-option4-background-color-press);--text-color:var(--hop-Tag-option4-text-color-press)}.Tag_hop-Tag--option4__D1bsq[data-disabled]{--border-color:var(--hop-Tag-option4-border-color-disabled);--background-color:var(--hop-Tag-option4-background-color-disabled);--text-color:var(--hop-Tag-option4-text-color-disabled)}.Tag_hop-Tag--option5__aSITT[data-focus-visible]{--border-color:var(--hop-Tag-option5-border-color-focus);--background-color:var(--hop-Tag-option5-background-color-focus);--text-color:var(--hop-Tag-option5-text-color-focus)}.Tag_hop-Tag--option5__aSITT:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-option5-border-color-hover);--background-color:var(--hop-Tag-option5-background-color-hover);--text-color:var(--hop-Tag-option5-text-color-hover)}.Tag_hop-Tag--option5__aSITT[data-pressed]{--border-color:var(--hop-Tag-option5-border-color-press);--background-color:var(--hop-Tag-option5-background-color-press);--text-color:var(--hop-Tag-option5-text-color-press)}.Tag_hop-Tag--option5__aSITT[data-disabled]{--border-color:var(--hop-Tag-option5-border-color-disabled);--background-color:var(--hop-Tag-option5-background-color-disabled);--text-color:var(--hop-Tag-option5-text-color-disabled)}.Tag_hop-Tag--option6__G_QxY[data-focus-visible]{--border-color:var(--hop-Tag-option6-border-color-focus);--background-color:var(--hop-Tag-option6-background-color-focus);--text-color:var(--hop-Tag-option6-text-color-focus)}.Tag_hop-Tag--option6__G_QxY:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{--border-color:var(--hop-Tag-option6-border-color-hover);--background-color:var(--hop-Tag-option6-background-color-hover);--text-color:var(--hop-Tag-option6-text-color-hover)}.Tag_hop-Tag--option6__G_QxY[data-pressed]{--border-color:var(--hop-Tag-option6-border-color-press);--background-color:var(--hop-Tag-option6-background-color-press);--text-color:var(--hop-Tag-option6-text-color-press)}.Tag_hop-Tag--option6__G_QxY[data-disabled]{--border-color:var(--hop-Tag-option6-border-color-disabled);--background-color:var(--hop-Tag-option6-background-color-disabled);--text-color:var(--hop-Tag-option6-text-color-disabled)}.Tag_hop-Tag___y7IQ[data-focus-visible]{outline:.125rem solid var(--focus-ring-color)}.Tag_hop-Tag___y7IQ:not(.Tag_hop-Tag--standalone__09HW2)[data-hovered]{cursor:pointer}.Tag_hop-Tag___y7IQ[data-selected]{--background-color:var(--hop-Tag-background-color-selected);--border-color:var(--hop-Tag-border-color-selected);--text-color:var(--hop-Tag-text-color-selected)}.Tag_hop-Tag___y7IQ[data-pressed]{cursor:pointer}.Tag_hop-Tag___y7IQ[data-invalid]{--border-color:var(--hop-Tag-border-color-invalid)}.Tag_hop-Tag___y7IQ[data-disabled]{cursor:not-allowed}.Tag_hop-Tag__avatar__cdJPE{flex:0 0 auto;order:1;-webkit-margin-start:var(--avatar-margin-inline-start);margin-inline-start:var(--avatar-margin-inline-start)}.Tag_hop-Tag__icon-list__EcEew,.Tag_hop-Tag__icon__Kq8pf{flex:0 0 auto;flex-wrap:nowrap;order:2;-webkit-margin-start:var(--icon-margin-inline-start,0);margin-inline-start:var(--icon-margin-inline-start,0)}.Tag_hop-Tag__text__m3GS1{overflow:hidden;flex:1 1 auto;order:3;min-inline-size:0;text-align:center;text-overflow:ellipsis}.Tag_hop-Tag__badge__SCmKd{flex:0 0 auto;order:4;-webkit-margin-end:var(--badge-margin-inline-end);margin-inline-end:var(--badge-margin-inline-end)}.Tag_hop-Tag___y7IQ .Tag_hop-Tag__badge--subdued__Pj9_q{-webkit-margin-start:var(--badge-secondary-margin-inline-start);margin-inline-start:var(--badge-secondary-margin-inline-start);color:inherit;background:none}.Tag_hop-Tag--sm__1eDYk .Tag_hop-Tag__badge__SCmKd{block-size:100%}.Tag_hop-Tag__Spinner__rs8tX,.Tag_hop-Tag__remove-btn__JeHVJ{flex:0 0 auto;order:5}.Tag_hop-Tag__Spinner__rs8tX{-webkit-margin-end:var(--spinner-margin-inline-end);margin-inline-end:var(--spinner-margin-inline-end)}.Tag_hop-Tag__remove-btn__JeHVJ{margin-inline:var(--clear-btn-margin-inline)}.EmbeddedButton_hop-EmbeddedButton__BSFdg{--hop-EmbeddedButton-border-radius:var(--hop-shape-rounded-md);--hop-EmbeddedButton-focus-ring-color:var(--hop-primary-border-focus);--hop-EmbeddedButton-effect-border-radius:var(--hop-shape-circle);--hop-EmbeddedButton-effect-square-border-radius:var(--hop-shape-rounded-sm);--hop-EmbeddedButton-md-height:1.5rem;--hop-EmbeddedButton-md-width:1.5rem;--hop-EmbeddedButton-md-effect-height:1rem;--hop-EmbeddedButton-md-effect-width:1rem;--hop-EmbeddedButton-lg-height:1.5rem;--hop-EmbeddedButton-lg-width:1.5rem;--hop-EmbeddedButton-lg-effect-height:1.5rem;--hop-EmbeddedButton-lg-effect-width:1.5rem;--hop-EmbeddedButton-neutral-color:var(--hop-neutral-icon-weak);--hop-EmbeddedButton-neutral-color-hovered:var(--hop-neutral-icon-weak-hover);--hop-EmbeddedButton-neutral-color-focused:var(--hop-neutral-icon-weak-hover);--hop-EmbeddedButton-neutral-color-pressed:var(--hop-neutral-icon-weak-press);--hop-EmbeddedButton-neutral-color-disabled:var(--hop-neutral-icon-disabled);--hop-EmbeddedButton-neutral-effect-background-color:transparent;--hop-EmbeddedButton-neutral-effect-background-color-hovered:var(--hop-neutral-surface-weak-hover);--hop-EmbeddedButton-neutral-effect-background-color-focused:var(--hop-neutral-surface-weak-hover);--hop-EmbeddedButton-neutral-effect-background-color-pressed:var(--hop-neutral-surface-weak-press);--hop-EmbeddedButton-neutral-effect-background-color-disabled:transparent;--hop-EmbeddedButton-subdued-color:var(--hop-neutral-icon-weak);--hop-EmbeddedButton-subdued-color-hovered:var(--hop-neutral-icon-weak-hover);--hop-EmbeddedButton-subdued-color-focused:var(--hop-neutral-icon-weak-hover);--hop-EmbeddedButton-subdued-color-pressed:var(--hop-neutral-icon-weak-press);--hop-EmbeddedButton-subdued-color-disabled:var(--hop-neutral-icon-disabled);--hop-EmbeddedButton-subdued-effect-background-color:transparent;--hop-EmbeddedButton-subdued-effect-background-color-hovered:var(--hop-neutral-surface-weak-hover);--hop-EmbeddedButton-subdued-effect-background-color-focused:var(--hop-neutral-surface-weak-hover);--hop-EmbeddedButton-subdued-effect-background-color-pressed:var(--hop-neutral-surface-weak-press);--hop-EmbeddedButton-subdued-effect-background-color-disabled:transparent;--hop-EmbeddedButton-progress-color:var(--hop-status-progress-icon);--hop-EmbeddedButton-progress-color-hovered:var(--hop-status-progress-icon-hover);--hop-EmbeddedButton-progress-color-focused:var(--hop-status-progress-icon-hover);--hop-EmbeddedButton-progress-color-pressed:var(--hop-status-progress-icon-press);--hop-EmbeddedButton-progress-color-disabled:var(--hop-status-progress-icon-disabled);--hop-EmbeddedButton-progress-effect-background-color:transparent;--hop-EmbeddedButton-progress-effect-background-color-hovered:var(--hop-status-progress-surface-hover);--hop-EmbeddedButton-progress-effect-background-color-focused:var(--hop-status-progress-surface-hover);--hop-EmbeddedButton-progress-effect-background-color-pressed:var(--hop-status-progress-surface-press);--hop-EmbeddedButton-progress-effect-background-color-disabled:transparent;--hop-EmbeddedButton-positive-color:var(--hop-status-positive-icon);--hop-EmbeddedButton-positive-color-hovered:var(--hop-status-positive-icon-hover);--hop-EmbeddedButton-positive-color-focused:var(--hop-status-positive-icon-hover);--hop-EmbeddedButton-positive-color-pressed:var(--hop-status-positive-icon-press);--hop-EmbeddedButton-positive-color-disabled:var(--hop-status-positive-icon-disabled);--hop-EmbeddedButton-positive-effect-background-color:transparent;--hop-EmbeddedButton-positive-effect-background-color-hovered:var(--hop-status-positive-surface-hover);--hop-EmbeddedButton-positive-effect-background-color-focused:var(--hop-status-positive-surface-hover);--hop-EmbeddedButton-positive-effect-background-color-pressed:var(--hop-status-positive-surface-press);--hop-EmbeddedButton-positive-effect-background-color-disabled:transparent;--hop-EmbeddedButton-caution-color:var(--hop-status-caution-icon);--hop-EmbeddedButton-caution-color-hovered:var(--hop-status-caution-icon-hover);--hop-EmbeddedButton-caution-color-focused:var(--hop-status-caution-icon-hover);--hop-EmbeddedButton-caution-color-pressed:var(--hop-status-caution-icon-press);--hop-EmbeddedButton-caution-color-disabled:var(--hop-status-caution-icon-disabled);--hop-EmbeddedButton-caution-effect-background-color:transparent;--hop-EmbeddedButton-caution-effect-background-color-hovered:var(--hop-status-caution-surface-hover);--hop-EmbeddedButton-caution-effect-background-color-focused:var(--hop-status-caution-surface-hover);--hop-EmbeddedButton-caution-effect-background-color-pressed:var(--hop-status-caution-surface-press);--hop-EmbeddedButton-caution-effect-background-color-disabled:transparent;--hop-EmbeddedButton-negative-color:var(--hop-status-negative-icon);--hop-EmbeddedButton-negative-color-hovered:var(--hop-status-negative-icon-hover);--hop-EmbeddedButton-negative-color-focused:var(--hop-status-negative-icon-hover);--hop-EmbeddedButton-negative-color-pressed:var(--hop-status-negative-icon-press);--hop-EmbeddedButton-negative-color-disabled:var(--hop-status-negative-icon-disabled);--hop-EmbeddedButton-negative-effect-background-color:transparent;--hop-EmbeddedButton-negative-effect-background-color-hovered:var(--hop-status-negative-surface-hover);--hop-EmbeddedButton-negative-effect-background-color-focused:var(--hop-status-negative-surface-hover);--hop-EmbeddedButton-negative-effect-background-color-pressed:var(--hop-status-negative-surface-press);--hop-EmbeddedButton-negative-effect-background-color-disabled:transparent;--hop-EmbeddedButton-option1-color:var(--hop-status-option1-icon);--hop-EmbeddedButton-option1-color-hovered:var(--hop-status-option1-icon-hover);--hop-EmbeddedButton-option1-color-focused:var(--hop-status-option1-icon-hover);--hop-EmbeddedButton-option1-color-pressed:var(--hop-status-option1-icon-press);--hop-EmbeddedButton-option1-color-disabled:var(--hop-status-option1-icon-disabled);--hop-EmbeddedButton-option1-effect-background-color:transparent;--hop-EmbeddedButton-option1-effect-background-color-hovered:var(--hop-status-option1-surface-hover);--hop-EmbeddedButton-option1-effect-background-color-focused:var(--hop-status-option1-surface-hover);--hop-EmbeddedButton-option1-effect-background-color-pressed:var(--hop-status-option1-surface-press);--hop-EmbeddedButton-option1-effect-background-color-disabled:transparent;--hop-EmbeddedButton-option2-color:var(--hop-status-option2-icon);--hop-EmbeddedButton-option2-color-hovered:var(--hop-status-option2-icon-hover);--hop-EmbeddedButton-option2-color-focused:var(--hop-status-option2-icon-hover);--hop-EmbeddedButton-option2-color-pressed:var(--hop-status-option2-icon-press);--hop-EmbeddedButton-option2-color-disabled:var(--hop-status-option2-icon-disabled);--hop-EmbeddedButton-option2-effect-background-color:transparent;--hop-EmbeddedButton-option2-effect-background-color-hovered:var(--hop-status-option2-surface-hover);--hop-EmbeddedButton-option2-effect-background-color-focused:var(--hop-status-option2-surface-hover);--hop-EmbeddedButton-option2-effect-background-color-pressed:var(--hop-status-option2-surface-press);--hop-EmbeddedButton-option2-effect-background-color-disabled:transparent;--hop-EmbeddedButton-option3-color:var(--hop-status-option3-icon);--hop-EmbeddedButton-option3-color-hovered:var(--hop-status-option3-icon-hover);--hop-EmbeddedButton-option3-color-focused:var(--hop-status-option3-icon-hover);--hop-EmbeddedButton-option3-color-pressed:var(--hop-status-option3-icon-press);--hop-EmbeddedButton-option3-color-disabled:var(--hop-status-option3-icon-disabled);--hop-EmbeddedButton-option3-effect-background-color:transparent;--hop-EmbeddedButton-option3-effect-background-color-hovered:var(--hop-status-option3-surface-hover);--hop-EmbeddedButton-option3-effect-background-color-focused:var(--hop-status-option3-surface-hover);--hop-EmbeddedButton-option3-effect-background-color-pressed:var(--hop-status-option3-surface-press);--hop-EmbeddedButton-option3-effect-background-color-disabled:transparent;--hop-EmbeddedButton-option4-color:var(--hop-status-option4-icon);--hop-EmbeddedButton-option4-color-hovered:var(--hop-status-option4-icon-hover);--hop-EmbeddedButton-option4-color-focused:var(--hop-status-option4-icon-hover);--hop-EmbeddedButton-option4-color-pressed:var(--hop-status-option4-icon-press);--hop-EmbeddedButton-option4-color-disabled:var(--hop-status-option4-icon-disabled);--hop-EmbeddedButton-option4-effect-background-color:transparent;--hop-EmbeddedButton-option4-effect-background-color-hovered:var(--hop-status-option4-surface-hover);--hop-EmbeddedButton-option4-effect-background-color-focused:var(--hop-status-option4-surface-hover);--hop-EmbeddedButton-option4-effect-background-color-pressed:var(--hop-status-option4-surface-press);--hop-EmbeddedButton-option4-effect-background-color-disabled:transparent;--hop-EmbeddedButton-option5-color:var(--hop-status-option5-icon);--hop-EmbeddedButton-option5-color-hovered:var(--hop-status-option5-icon-hover);--hop-EmbeddedButton-option5-color-focused:var(--hop-status-option5-icon-hover);--hop-EmbeddedButton-option5-color-pressed:var(--hop-status-option5-icon-press);--hop-EmbeddedButton-option5-color-disabled:var(--hop-status-option5-icon-disabled);--hop-EmbeddedButton-option5-effect-background-color:transparent;--hop-EmbeddedButton-option5-effect-background-color-hovered:var(--hop-status-option5-surface-hover);--hop-EmbeddedButton-option5-effect-background-color-focused:var(--hop-status-option5-surface-hover);--hop-EmbeddedButton-option5-effect-background-color-pressed:var(--hop-status-option5-surface-press);--hop-EmbeddedButton-option5-effect-background-color-disabled:transparent;--hop-EmbeddedButton-option6-color:var(--hop-status-option6-icon);--hop-EmbeddedButton-option6-color-hovered:var(--hop-status-option6-icon-hover);--hop-EmbeddedButton-option6-color-focused:var(--hop-status-option6-icon-hover);--hop-EmbeddedButton-option6-color-pressed:var(--hop-status-option6-icon-press);--hop-EmbeddedButton-option6-color-disabled:var(--hop-status-option6-icon-disabled);--hop-EmbeddedButton-option6-effect-background-color:transparent;--hop-EmbeddedButton-option6-effect-background-color-hovered:var(--hop-status-option6-surface-hover);--hop-EmbeddedButton-option6-effect-background-color-focused:var(--hop-status-option6-surface-hover);--hop-EmbeddedButton-option6-effect-background-color-pressed:var(--hop-status-option6-surface-press);--hop-EmbeddedButton-option6-effect-background-color-disabled:transparent;--hop-EmbeddedButton-selected-color:var(--hop-neutral-icon-weak-selected);--hop-EmbeddedButton-selected-effect-background-color:var(--hop-neutral-surface-weak-selected);--spinner:var(--hop-primary-icon-strong);--padding-inline:0;--padding-block:0;--effect-background-color:var(--hop-EmbeddedButton-neutral-effect-background-color);--color:var(--hop-EmbeddedButton-neutral-color);--transition:var(--hop-easing-duration-2) var(--hop-easing-productive);--effect-border-radius:var(--hop-EmbeddedButton-effect-border-radius);--focus-ring-size:0.125rem;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--inline-size);block-size:var(--block-size);padding-block:var(--padding-block);padding-inline:var(--padding-inline);color:var(--color);text-decoration:none;white-space:nowrap;background:none;border:none;border-radius:var(--hop-EmbeddedButton-border-radius);outline:none;transition:color var(--transition)}.EmbeddedButton_hop-EmbeddedButton__BSFdg:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:block;inline-size:var(--effect-inline-size);block-size:var(--effect-block-size);background-color:var(--effect-background-color);border-radius:var(--effect-border-radius);transition:background-color var(--transition)}.EmbeddedButton_hop-EmbeddedButton__BSFdg[data-square]{--effect-border-radius:var(--hop-EmbeddedButton-effect-square-border-radius)}.EmbeddedButton_hop-EmbeddedButton--md__xCS7_{--inline-size:var(--hop-EmbeddedButton-md-width);--block-size:var(--hop-EmbeddedButton-md-height);--focus-ring-offset:calc(-1 * var(--focus-ring-size))}.EmbeddedButton_hop-EmbeddedButton--lg__IasnX{--inline-size:var(--hop-EmbeddedButton-lg-width);--block-size:var(--hop-EmbeddedButton-lg-height);--focus-ring-offset:0}.EmbeddedButton_hop-EmbeddedButton--md__xCS7_:before{--effect-inline-size:var(--hop-EmbeddedButton-md-effect-width);--effect-block-size:var(--hop-EmbeddedButton-md-effect-height)}.EmbeddedButton_hop-EmbeddedButton--lg__IasnX:before{--effect-inline-size:var(--hop-EmbeddedButton-lg-effect-width);--effect-block-size:var(--hop-EmbeddedButton-lg-effect-height)}.EmbeddedButton_hop-EmbeddedButton--neutral__A2chd{--color:var(--hop-EmbeddedButton-neutral-color);--effect-background-color:var(--hop-EmbeddedButton-neutral-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--subdued__0Dbe8{--color:var(--hop-EmbeddedButton-subdued-color);--effect-background-color:var(--hop-EmbeddedButton-subdued-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--progress__N06Ai{--color:var(--hop-EmbeddedButton-progress-color);--effect-background-color:var(--hop-EmbeddedButton-progress-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--positive__bE_fC{--color:var(--hop-EmbeddedButton-positive-color);--effect-background-color:var(--hop-EmbeddedButton-positive-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--caution__2iCuU{--color:var(--hop-EmbeddedButton-caution-color);--effect-background-color:var(--hop-EmbeddedButton-caution-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--negative__ENifG{--color:var(--hop-EmbeddedButton-negative-color);--effect-background-color:var(--hop-EmbeddedButton-negative-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--option1__Ixa8s{--color:var(--hop-EmbeddedButton-option1-color);--effect-background-color:var(--hop-EmbeddedButton-option1-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--option2__2xevO{--color:var(--hop-EmbeddedButton-option2-color);--effect-background-color:var(--hop-EmbeddedButton-option2-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--option3__X_VOQ{--color:var(--hop-EmbeddedButton-option3-color);--effect-background-color:var(--hop-EmbeddedButton-option3-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--option4__zgLXC{--color:var(--hop-EmbeddedButton-option4-color);--effect-background-color:var(--hop-EmbeddedButton-option4-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--option5__QIusH{--color:var(--hop-EmbeddedButton-option5-color);--effect-background-color:var(--hop-EmbeddedButton-option5-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton--option6__rgLJI{--color:var(--hop-EmbeddedButton-option6-color);--effect-background-color:var(--hop-EmbeddedButton-option6-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton__BSFdg[data-selected]{--color:var(--hop-EmbeddedButton-selected-color);--effect-background-color:var(--hop-EmbeddedButton-selected-effect-background-color)}.EmbeddedButton_hop-EmbeddedButton__BSFdg[data-focus-visible]{outline:var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);outline-offset:var(--focus-ring-offset)}.EmbeddedButton_hop-EmbeddedButton__BSFdg[data-disabled]{cursor:not-allowed}.EmbeddedButton_hop-EmbeddedButton--neutral__A2chd[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-neutral-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--neutral__A2chd[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-neutral-effect-background-color-focused);--color:var(--hop-EmbeddedButton-neutral-color-focused)}.EmbeddedButton_hop-EmbeddedButton--neutral__A2chd[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-neutral-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--neutral__A2chd[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-neutral-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--subdued__0Dbe8[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-subdued-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--subdued__0Dbe8[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-subdued-effect-background-color-focused);--color:var(--hop-EmbeddedButton-subdued-color-focused)}.EmbeddedButton_hop-EmbeddedButton--subdued__0Dbe8[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-subdued-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--subdued__0Dbe8[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-subdued-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--progress__N06Ai[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-progress-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-progress-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--progress__N06Ai[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-progress-effect-background-color-focused);--color:var(--hop-EmbeddedButton-progress-color-focused)}.EmbeddedButton_hop-EmbeddedButton--progress__N06Ai[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-progress-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-progress-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--progress__N06Ai[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-progress-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-progress-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--positive__bE_fC[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-positive-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-positive-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--positive__bE_fC[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-positive-effect-background-color-focused);--color:var(--hop-EmbeddedButton-positive-color-focused)}.EmbeddedButton_hop-EmbeddedButton--positive__bE_fC[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-positive-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-positive-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--positive__bE_fC[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-positive-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-positive-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--caution__2iCuU[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-caution-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-caution-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--caution__2iCuU[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-caution-effect-background-color-focused);--color:var(--hop-EmbeddedButton-caution-color-focused)}.EmbeddedButton_hop-EmbeddedButton--caution__2iCuU[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-caution-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-caution-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--caution__2iCuU[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-caution-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-caution-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--negative__ENifG[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-negative-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-negative-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--negative__ENifG[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-negative-effect-background-color-focused);--color:var(--hop-EmbeddedButton-negative-color-focused)}.EmbeddedButton_hop-EmbeddedButton--negative__ENifG[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-negative-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-negative-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--negative__ENifG[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-negative-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-negative-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--option1__Ixa8s[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-option1-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-option1-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--option1__Ixa8s[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-option1-effect-background-color-focused);--color:var(--hop-EmbeddedButton-option1-color-focused)}.EmbeddedButton_hop-EmbeddedButton--option1__Ixa8s[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-option1-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-option1-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--option1__Ixa8s[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-option1-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-option1-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--option2__2xevO[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-option2-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-option2-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--option2__2xevO[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-option2-effect-background-color-focused);--color:var(--hop-EmbeddedButton-option2-color-focused)}.EmbeddedButton_hop-EmbeddedButton--option2__2xevO[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-option2-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-option2-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--option2__2xevO[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-option2-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-option2-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--option3__X_VOQ[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-option3-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-option3-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--option3__X_VOQ[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-option3-effect-background-color-focused);--color:var(--hop-EmbeddedButton-option3-color-focused)}.EmbeddedButton_hop-EmbeddedButton--option3__X_VOQ[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-option3-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-option3-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--option3__X_VOQ[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-option3-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-option3-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--option4__zgLXC[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-option4-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-option4-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--option4__zgLXC[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-option4-effect-background-color-focused);--color:var(--hop-EmbeddedButton-option4-color-focused)}.EmbeddedButton_hop-EmbeddedButton--option4__zgLXC[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-option4-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-option4-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--option4__zgLXC[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-option4-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-option4-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--option5__QIusH[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-option5-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-option5-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--option5__QIusH[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-option5-effect-background-color-focused);--color:var(--hop-EmbeddedButton-option5-color-focused)}.EmbeddedButton_hop-EmbeddedButton--option5__QIusH[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-option5-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-option5-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--option5__QIusH[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-option5-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-option5-color-disabled)}.EmbeddedButton_hop-EmbeddedButton--option6__rgLJI[data-hovered]{--effect-background-color:var(--hop-EmbeddedButton-option6-effect-background-color-hovered);--color:var(--hop-EmbeddedButton-option6-color-hovered)}.EmbeddedButton_hop-EmbeddedButton--option6__rgLJI[data-focus-visible]{--effect-background-color:var(--hop-EmbeddedButton-option6-effect-background-color-focused);--color:var(--hop-EmbeddedButton-option6-color-focused)}.EmbeddedButton_hop-EmbeddedButton--option6__rgLJI[data-pressed]{--effect-background-color:var(--hop-EmbeddedButton-option6-effect-background-color-pressed);--color:var(--hop-EmbeddedButton-option6-color-pressed)}.EmbeddedButton_hop-EmbeddedButton--option6__rgLJI[data-disabled]{--effect-background-color:var(--hop-EmbeddedButton-option6-effect-background-color-disabled);--color:var(--hop-EmbeddedButton-option6-color-disabled)}.EmbeddedButton_hop-EmbeddedButton__icon__nY8sY{position:relative}.hd-expand{border:var(--hd-border-size) solid transparent;border-radius:var(--hd-border-radius-sm)}.hd-expand[data-expanded]{border:var(--hd-border-size) solid var(--hd-color-neutral-border)}.hd-expand[data-focus-visible-within] .hd-expand__trigger{box-shadow:none}.hd-expand__trigger{align-items:center;background-color:transparent;border:none;display:flex;gap:var(--hd-space-1);padding:var(--hd-space-1);width:100%}.hd-expand__trigger:hover{cursor:pointer}.hd-expand__trigger:focus-visible{box-shadow:none}.hd-expand[data-focus-visible-within]{border:var(--hd-border-size) solid var(--hd-color-accent-border)}.hd-expand__trigger-icon{fill:var(--hd-color-neutral-icon);transition:transform .1s linear}.hd-expand[data-expanded] .hd-expand__trigger-icon{transform:rotate(90deg)}.hd-expand__panel{font-size:.875rem}.hd-expand__content{color:var(--hd-color-neutral-text);padding:var(--hd-space-1) calc(var(--hd-space-3) + .25rem)}.hd-motion-preview{margin-bottom:var(--hd-space-4);gap:var(--hd-space-5);align-items:flex-end;display:flex;flex-flow:wrap}.hd-object{background-color:var(--hd-accent-900);width:10rem;height:10rem;transition:transform var(--hd-duration) var(--hd-easing)}.hd-object-animated{transform:translateX(6.25rem)}.hd-motion-preview__button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:var(--hd-accent-700);color:var(--hd-white);min-height:2.5rem;transition:all .2s;border-radius:.25rem;background-image:none;cursor:pointer;line-height:1;border:none;text-align:center;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:100%;padding:var(--hd-space-1)}.hd-motion-preview__popover{border-radius:.25rem;background-color:var(--hd-color-neutral-surface-weak);border:.0625rem solid var(--hd-color-neutral-border);box-shadow:"0 4px 10px 4px rgba(60, 60, 60, 0.08)";padding:var(--hd-space-1)}.hd-motion-preview__select-button{border:var(--hd-border-size) solid var(--hd-color-neutral-border);padding:var(--hd-space-1);border-radius:.25rem}.hd-motion-preview__select{display:flex;flex-direction:column;gap:var(--hd-space-1);font-size:.75rem}.hd-component-overview{display:grid;grid-gap:var(--hd-space-2);gap:var(--hd-space-2);grid-template-columns:repeat(auto-fill,minmax(18.125rem,1fr))}.hd-component-overview-item__link{display:grid;grid-template-rows:9rem 1fr;justify-items:stretch;width:100%;height:100%}.hd-component-overview-item{overflow:hidden;transition:box-shadow .4s cubic-bezier(.4,0,.2,1)}.hd-component-overview-item:hover{cursor:pointer;box-shadow:0 .25rem .625rem .25rem rgb(60 60 60/8%)}.hd-component-overview-item:has(:focus){box-shadow:var(--hd-focus-ring)}.hd-component-overview-item__img{display:flex;align-items:center;justify-content:center;width:100%}.hd-component-overview-item__title{font-size:1.125rem;line-height:1.333;margin-block:0}.hd-component-overview-item__description{font-size:.875rem;color:var(--hd-color-neutral-text-weak);line-height:1.428;margin-top:var(--hd-space-1)}.hd-component-overview-category{margin-bottom:var(--hd-space-4)}.hd-component-overview-category__title{text-transform:capitalize;margin-bottom:var(--hd-space-2)}.hd-component-overview-category:not(:has(.hd-component-overview-item)){display:none}.hd-component-overview-item__caption{background-color:var(--hd-color-neutral-surface);padding:var(--hd-space-2)}.hd-pre{align-items:stretch;display:flex}.hd-pre .hd-pre__code{margin-right:auto;margin-block:.25rem;align-content:center;color:var(--hd-color-neutral-text-strong);overflow-x:auto}.hd-pre--title,[data-rehype-pretty-code-figure] .hd-pre--title{--hd-codeblock-background-color:transparent;display:block;padding-inline:0;padding-block:0}.hd-pre--title .hd-pre__code{--hd-codeblock-background-color:var(--hd-neutral-800);padding-block:var(--hd-codeblock-padding);padding-inline:var(--hd-codeblock-padding);background-color:var(--hd-codeblock-background-color);border-bottom-left-radius:var(--hd-codeblock-border-radius);border-bottom-right-radius:var(--hd-codeblock-border-radius)}.hd-pre-header+.hd-pre__code{-webkit-margin-before:0;margin-block-start:0}.hd-pre__code code{background-color:transparent}.hd-pre__code code ::-moz-selection{background-color:var(--hd-color-surface-code-selection)}.hd-pre__code code ::selection{background-color:var(--hd-color-surface-code-selection)}

/* !* pre HEADER *! */.hd-pre-header{display:flex;padding-inline:var(--hd-space-2) var(--hd-space-1);height:3rem;font-size:.875rem;font-family:var(--hd-default-font-family);align-items:center;color:var(--hd-color-neutral-text-weakest);background-color:var(--hd-color-neutral-surface);border-top-left-radius:var(--hd-codeblock-border-radius);border-top-right-radius:var(--hd-codeblock-border-radius);border:var(--hd-border-size) solid var(--hd-color-neutral-border)}.hd-pre-header__info{display:flex;align-items:center;gap:var(--hd-space-1);margin-right:auto}.hd-pre-header__lang{display:flex}.hd-pre-header__lang-icon{width:var(--hd-space-2);aspect-ratio:1/1;filter:grayscale(100%)}.hd-pre-header__title{line-height:1}.hd-copy-button{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;aspect-ratio:1/1;border-radius:var(--hd-border-radius-sm);width:var(--hd-space-4);background-color:transparent}.hd-copy-button:not([disabled]):hover{background-color:var(--hd-color-neutral-surface-weak)}.hd-copy-button.hd-copy-button--on-dark:not([disabled]):hover{background-color:var(--hd-neutral-800)}.hd-copy-button:not([disabled]):focus-visible{box-shadow:var(--hd-focus-ring);outline:none}.hd-copy-button__icon{stroke:currentcolor}.hd-copy-button[disabled]:hover{cursor:not-allowed}.hd-copy-button--inline{width:var(--hd-space-3)}.hd-copy-button--ghost{aspect-ratio:unset;width:auto}.hd-copy-button--ghost:not([disabled]):hover{background-color:transparent}.hd-copy-button--on-dark{color:#fff}.hd-prompt-snippet{font-family:var(--hd-mono-font-family);font-size:.8125rem;color:var(--hd-color-accent-text);border-radius:var(--hd-border-radius-sm);padding-block:var(--hd-space-05);padding-inline:var(--hd-space-1);background-color:var(--hd-color-accent-surface)}.hd-prompt-snippet__wrapper{display:inline-flex}.hd-prompt-snippet__copy{opacity:0;transform:translateX(-50%);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.hd-prompt-snippet__wrapper--interactive:hover{cursor:pointer}.hd-prompt-snippet__wrapper--interactive:hover .hd-prompt-snippet__copy{opacity:1;transform:translateX(var(--hd-space-1))}.hd-prompt-snippet--ghost{padding-block:0;padding-inline:0;background-color:transparent}.hd-props-table{--hd-props-table-row-border:var(--hd-border-size) solid var(--hd-color-neutral-border);--hd-props-table-row-padding:var(--hd-space-2);--hd-props-table-cell-display:flex;--hd-props-table-cell-border:none;--hd-props-table-cell-label-display:inline-block;--hd-props-table-cell-padding-block:var(--hd-space-1);--hd-props-table-cell-padding-inline:0;--hd-props-table-cell-font-size:0.875rem;box-sizing:border-box;text-indent:0;border:var(--hd-props-table-row-border);border-radius:var(--hd-space-1);@media screen and (min-width:64rem){--hd-props-table-header-display:table-header-group;--hd-props-table-cell-label-display:none;--hd-props-table-cell-padding-block:var(--hd-space-1);--hd-props-table-cell-padding-inline:var(--hd-space-1)}}.hd-props-table__row{border-bottom:var(--hd-props-table-row-border);display:flex;flex-direction:column;padding:var(--hd-props-table-row-padding)}.hd-props-table__row:last-child{border-bottom:0}.hd-props-table__cell{display:var(--hd-props-table-cell-display);flex-flow:row nowrap;gap:var(--hd-space-1)}.hd-props-table__cell.hd-table__cell{border-bottom:var(--hd-props-table-cell-border);font-family:var(--hd-default-font-family);padding:0}.hd-props-table__col-default{color:var(--hd-color-neutral-text-weak)}.hd-props-table [data-rehype-pretty-code-figure]{margin:0}.hd-props-table__description-list{display:flex;flex-direction:column}.hd-props-table__default-value,.hd-props-table__description-list .hd-props-table__description>*{color:var(--hd-color-neutral-text-weak);font-size:var(--hd-props-table-cell-font-size)}.hd-props-table__description-term{display:flex;gap:var(--hd-space-1)}.hd-props-table__name{font-family:var(--hd-default-font-family);font-weight:600;line-height:1.5}.hd-props-table__cell.hd-props-table__col-default,.hd-props-table__name{font-size:var(--hd-props-table-cell-font-size)}.hd-props-table__type [data-rehype-pretty-code-figure] [data-line]{padding-right:0;font-size:var(--hd-props-table-cell-font-size)}.hd-collapsible.hd-props-table__section{margin-top:var(--hd-space-1)}.hd-migrate-guide code{font-family:var(--hd-mono-font-family);font-size:.8125rem;color:var(--hd-color-accent-text);border-radius:var(--hd-border-radius-sm);padding-block:var(--hd-space-05);padding-inline:var(--hd-space-1);background-color:var(--hd-color-accent-surface)}
/*# sourceMappingURL=03b96f1abd87a39c.css.map*/