.DocIconButton-module__x04Q4W__button{border-radius:var(--radius-2);width:32px;height:32px;color:var(--tokens-icon-muted);cursor:default;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .1s ease-out,color .1s ease-out;display:inline-flex;position:relative}.DocIconButton-module__x04Q4W__button:hover{color:var(--tokens-icon-default)}.DocIconButton-module__x04Q4W__iconSlot{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.DocIconButton-module__x04Q4W__iconSlot>svg{width:16px;height:16px}
.Preview-module__T3BDpW__wrapper{margin-bottom:64px}.Preview-module__T3BDpW__block{border-radius:var(--radius-3);border:1px solid var(--tokens-border-a-divider)}.Preview-module__T3BDpW__wrapper:last-child{margin-bottom:0}.Preview-module__T3BDpW__label{font-family:var(--font-family-text);font-size:var(--font-size-2);line-height:var(--line-height-2);font-weight:var(--font-weight-medium);color:var(--tokens-text-strong)}.Preview-module__T3BDpW__labelText{scroll-margin-top:80px}.Preview-module__T3BDpW__label+.Preview-module__T3BDpW__description{margin-top:4px}.Preview-module__T3BDpW__label+.Preview-module__T3BDpW__block{margin-top:16px}.Preview-module__T3BDpW__description{font-size:var(--font-size-2);line-height:var(--line-height-2);color:var(--tokens-text-subtle)}.Preview-module__T3BDpW__description+.Preview-module__T3BDpW__block{margin-top:16px}.Preview-module__T3BDpW__preview{background:var(--tokens-surface);border-radius:var(--radius-3) var(--radius-3) 0 0;justify-content:center;align-items:center;min-height:80px;padding:96px 40px;display:flex}.Preview-module__T3BDpW__preview:last-child{border-radius:var(--radius-3)}.Preview-module__T3BDpW__previewStart{justify-content:flex-start}.Preview-module__T3BDpW__code{background:var(--color-neutral-2);border-radius:0 0 var(--radius-3) var(--radius-3);overflow:hidden}.Preview-module__T3BDpW__codeCollapsible{position:relative;overflow:hidden}.Preview-module__T3BDpW__codeFade{background:linear-gradient(in oklab, transparent, var(--color-neutral-2));pointer-events:none;height:48px;position:absolute;bottom:0;left:0;right:0}.Preview-module__T3BDpW__codeToggle{width:100%;font-family:var(--font-family-text);font-size:var(--font-size-2);line-height:var(--line-height-2);font-weight:var(--font-weight-medium);color:var(--tokens-text-muted);cursor:pointer;background:0 0;border:none;padding:10px;transition:color .1s ease-out;display:block}.Preview-module__T3BDpW__codeToggle:hover{color:var(--tokens-text-default)}.Preview-module__T3BDpW__codeWrapper{align-items:flex-start;display:flex}.Preview-module__T3BDpW__copyButton{z-index:1;flex-shrink:0;margin:8px 8px 0 0;position:relative}.Preview-module__T3BDpW__codeBlock{min-width:0;font-family:var(--font-family-code), monospace;font-size:13px;line-height:var(--line-height-2);color:var(--tokens-text-default);white-space:pre-wrap;word-break:break-word;tab-size:2;flex:1;margin:0;padding:17px 0 16px 4px;display:block}.Preview-module__T3BDpW__codeBlock code{font-family:inherit}.Preview-module__T3BDpW__codeLine{text-indent:-48px;padding-left:48px;display:block}.Preview-module__T3BDpW__lineNumber{text-align:right;width:32px;color:var(--tokens-text-disabled);-webkit-user-select:none;user-select:none;margin-right:16px;display:inline-block}.Preview-module__T3BDpW__pageHeader{margin-bottom:48px}.Preview-module__T3BDpW__pageTitle{font-family:var(--font-family-heading);font-size:var(--font-size-7);line-height:var(--line-height-7);font-weight:var(--font-weight-semibold);color:var(--tokens-text-strong);letter-spacing:0;margin:0 0 8px}.Preview-module__T3BDpW__pageDescription{font-size:var(--font-size-3);line-height:var(--line-height-3);color:var(--tokens-text-subtle);margin:0}.Preview-module__T3BDpW__sectionHeading{font-family:var(--font-family-heading);font-size:var(--font-size-5);line-height:var(--line-height-5);font-weight:var(--font-weight-semibold);color:var(--tokens-text-strong);letter-spacing:0;margin:0 0 20px}.Preview-module__T3BDpW__sectionHeadingText{scroll-margin-top:80px}.Preview-module__T3BDpW__usageBlock{margin-bottom:48px}.Preview-module__T3BDpW__usageCode{border-radius:var(--radius-3);background:var(--color-neutral-a-2);overflow:hidden}.Preview-module__T3BDpW__propsTable{margin-bottom:48px}.Preview-module__T3BDpW__table{border-collapse:collapse;width:100%;font-size:var(--font-size-2);line-height:var(--line-height-2)}.Preview-module__T3BDpW__table th{text-align:left;font-weight:var(--font-weight-medium);color:var(--tokens-text-strong);border-bottom:1px solid var(--tokens-border-a-divider);padding:8px 12px}.Preview-module__T3BDpW__table th:first-child{padding-left:0}.Preview-module__T3BDpW__table td{color:var(--tokens-text-default);border-bottom:1px solid var(--tokens-border-a-divider);padding:8px 12px}.Preview-module__T3BDpW__table td:first-child{padding-left:0}.Preview-module__T3BDpW__table tr:last-child td{border-bottom:none}.Preview-module__T3BDpW__propName{font-family:var(--font-family-code), monospace;color:var(--tokens-text-strong);font-size:13px}.Preview-module__T3BDpW__propType{font-family:var(--font-family-code), monospace;color:var(--tokens-text-subtle);font-size:13px}.Preview-module__T3BDpW__propDefault{font-family:var(--font-family-code), monospace;color:var(--tokens-text-muted);font-size:13px}