.code-source{font:400 clamp(.6875rem, 1vw, .875rem) / 1.55 var(--mono);white-space:pre-wrap;overflow:hidden}.code-face:before,.code-hatch{background-color:color-mix(in srgb, var(--accent) 55%, transparent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cpath d='M-1 8 8-1M-1 1 1-1M6 8 8 6' stroke='%23000' fill='none'/%3E%3C/svg%3E") 0 0/7px 7px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cpath d='M-1 8 8-1M-1 1 1-1M6 8 8 6' stroke='%23000' fill='none'/%3E%3C/svg%3E") 0 0/7px 7px}.code-face{border-radius:inherit;outline:1px solid var(--accent);outline-offset:-1px;color:var(--ink);font:500 .75rem/1 var(--mono);letter-spacing:0;white-space:nowrap;place-items:center;display:grid;position:absolute;inset:0}.code-face:before{content:"";border-radius:inherit;position:absolute;inset:0}.code-face>span{background:var(--page);outline:1px solid color-mix(in srgb, var(--accent) 60%, transparent);padding:1px 2px;display:block;position:relative}
.control-shape{border-radius:var(--control-radius)}.control-button{border-radius:var(--control-radius);font-family:var(--control-face);font-size:calc(var(--control-text) * 1rem);white-space:nowrap;transition:translate var(--duration-quick) var(--ease-out);align-items:center;font-weight:500;display:inline-flex}.control-button:before{content:var(--control-open) / "";color:var(--control-mark)}.control-button:after{content:var(--control-close) / "";opacity:.55;transition:translate var(--duration-base) var(--ease-out), opacity var(--duration-quick) var(--ease-out);margin-left:.375em}@media (hover:hover){.control-button:hover{translate:0 var(--control-hover)}.control-button:hover:after{opacity:1;translate:.1875rem}}.control-button:active{translate:0 1px}.control-primary{background:var(--control-fill);color:var(--on-control)}.control-inverse{--control-mark:var(--accent-strong);background:var(--on-accent);color:var(--accent-strong)}.control-quiet{--control-mark:var(--accent-strong);background:var(--control-well);box-shadow:var(--control-rules);color:var(--ink)}.control-regular{min-height:2.75rem;padding-inline:1rem}.control-small{min-height:2rem;font-size:calc(var(--control-text-small) * 1rem);padding-inline:.875rem}.control-link{font-family:var(--control-face);font-size:calc(var(--control-text-small) * 1rem);text-underline-offset:.25rem;transition:color var(--duration-quick) var(--ease-out);text-decoration:underline}@media (hover:hover){.control-link:hover{color:var(--accent-strong)}}@media (min-width:64rem){.control-regular{padding-inline:1.25rem}}