.md-typeset .admonition.example{--wb-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M13.38 15.63a1 1 0 1 0-3-3l-5.01 5.01a2 2 0 0 0-.51.85l-.84 2.87a.5.5 0 0 0 .62.62l2.87-.84a2 2 0 0 0 .85-.51z'/%3E%3C/svg%3E");--wb-tile:1.75rem;--wx-kicker:.85rem;--wb-icon-top:calc(var(--wb-head-pt) + (var(--wx-kicker) + var(--wb-head-lh) - var(--wb-tile)) / 2);counter-reset:wx-step;margin:1.5em 0;border-radius:16px;box-shadow:var(--ws-shadow,none)}.md-typeset .admonition.example>.admonition-title{padding-top:calc(var(--wb-head-pt) + var(--wx-kicker));padding-bottom:.35rem;font-size:.78rem}.md-typeset .admonition.example>.admonition-title::after{-webkit-mask-size:1.05rem 1.05rem;mask-size:1.05rem 1.05rem}.md-typeset .admonition.example::before{content:"Worked example";position:absolute;top:var(--wb-head-pt);inset-inline-start:calc(var(--wb-pad) + var(--wb-tile) + .55rem);color:var(--wb-accent);font-size:.56rem;font-weight:700;letter-spacing:.07em;line-height:var(--wx-kicker);text-transform:uppercase}.md-typeset .admonition.example>details.step{--wb-tile:1.4rem;--wb-head-pt:.62rem;--wb-icon-top:calc(var(--wb-head-pt) + (var(--wb-head-lh) - var(--wb-tile)) / 2);--wx-rail:calc(var(--wb-pad) + var(--wb-tile) / 2 - .5px);counter-increment:wx-step;margin:0 calc(-1 * var(--wb-pad));border-width:1px 0 0!important;border-color:var(--ws-divider,var(--wb-line))!important;border-radius:0;background:linear-gradient(var(--wb-line),var(--wb-line)) var(--wx-rail) 0 / 1px 100% no-repeat;box-shadow:none}.md-typeset .admonition.example>details.step:first-of-type{margin-top:.55rem;background-position-y:var(--wb-icon-top)}.md-typeset .admonition.example>details.step:last-of-type{background-size:1px var(--wb-icon-top)}.md-typeset .admonition.example>details.step:only-of-type{background:none}.md-typeset .admonition.example>details.step:last-child{border-bottom-width:0!important;margin-bottom:0;border-end-start-radius:15px;border-end-end-radius:15px}.md-typeset .admonition.example>details.step::before{border:1px solid color-mix(in srgb,var(--wb-accent) 32%,var(--wb-bg));border-radius:999px;background:color-mix(in srgb,var(--wb-accent) 11%,var(--wb-bg))}.md-typeset .admonition.example>details.step[open]::before{border-color:var(--wb-accent);background:var(--wb-accent)}.md-typeset .admonition.example>details.step>summary{border-radius:0;font-size:.72rem}.md-typeset .admonition.example>details.step[open]>summary{margin-bottom:0;border-bottom:0}.md-typeset .admonition.example>details.step>summary::before{content:counter(wx-step);-webkit-mask:none;mask:none;background:none;color:var(--wb-accent);font-size:.6rem;font-variant-numeric:tabular-nums;line-height:var(--wb-tile);text-align:center}.md-typeset .admonition.example>details.step[open]>summary::before{color:var(--md-primary-bg-color,#fff)}.md-typeset .admonition.example>details.step>:not(summary){margin-inline-start:calc(var(--wb-tile) + .55rem)}.md-typeset .admonition.example>details.step[open]{padding-bottom:.15rem}.md-typeset .admonition.example>details.step[open]>summary + *{margin-top:0}.md-typeset .admonition.example>details.step + :not(details){margin-top:0;padding-top:.65rem;border-top:1px solid var(--ws-divider,var(--wb-line))}html[data-mk-image-interface-theme][data-mk-theme-edition="complete"] .md-typeset .admonition.example>details.step>summary::before{background:none}@media (forced-colors:active){.md-typeset .admonition.example>details.step>summary::before{background:none;color:CanvasText}}@media print{.md-typeset .admonition.example>details.step{background:none}}