body,body *{transition:background-color .25s,box-shadow .25s}.mp-site-code-example{margin-top:16px;margin-bottom:4px;position:relative;border:thin solid var(--site-config-color-hl-border);border-radius:4px;transition:border .25s}.mp-site-code-example:hover .mp-site-code-example__toolbar{opacity:1}.mp-site-code-example__toolbar{display:flex;align-items:center;position:absolute;z-index:1;right:10px;top:10px;opacity:0;transition:.25s all}.mp-site-code-example__toolbar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:9px;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-radius:var(--site-config-code-example-border-radius)}.mp-site-code-example--scroller code{white-space:nowrap}