body,body *{transition:background-color .25s,box-shadow .25s}.mp-site-code-example{margin-top:16px;margin-bottom:4px;border:thin solid var(--site-config-color-hl-border);border-radius:4px;overflow:hidden;transition:border .25s}.mp-site-code-example__toolbar{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 5px}.mp-site-code-example__toolbar-group{display:flex;align-items:center}.mp-site-code-example__toolbar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;color:var(--site-config-color-hl-code);background:transparent;border:0;border-radius:50%;outline:none;cursor:pointer;transition:background-color .2s}.mp-site-code-example__toolbar-button:hover,.mp-site-code-example__toolbar-button:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}.mp-site-code-example__toolbar-button:after{position:absolute;right:50%;bottom:calc(100% + 8px);z-index:2;padding:5px 8px;color:#fff;font-size:12px;line-height:18px;white-space:nowrap;content:attr(data-tooltip);background:rgba(0,0,0,.75);border-radius:4px;opacity:0;pointer-events:none;transform:translate(50%) translateY(4px);transition:opacity .15s,transform .15s}.mp-site-code-example__toolbar-button:hover:after,.mp-site-code-example__toolbar-button:focus-visible:after{opacity:1;transform:translate(50%) translateY(0)}.mp-site-code-example__toolbar-icon{display:block;width:18px;height:18px}.mp-site-code-example__code{transition:all .25s;overflow:hidden;border-top:thin solid var(--site-config-color-hl-border)}.mp-site-code-example--scroller code{white-space:nowrap}.maple-component-preview{margin:24px 0;--loca-doc-preview-bg: var(--site-config-color-bar);--loca-doc-preview-example-bg: var(--site-config-color-body);--loca-doc-preview-source-bg: var(--site-config-color-hl-background);--loca-doc-preview-text: var(--site-config-color-text);--loca-doc-preview-border: var(--site-config-color-hl-border);--loca-doc-preview-brand: var(--site-config-color-primary)}.maple-component-preview--page .loca-doc-preview__example{max-height:min(620px,70vh);overflow:auto}