code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{opacity:0;position:absolute;right:.2em;top:.3em;transition:opacity .3s ease-in-out;z-index:10}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{background:#f5f2f0;background:hsla(0,0%,88%,.2);border-radius:.5em;box-shadow:0 2px 0 0 rgba(0,0,0,.2);color:#bbb;font-size:.8em;padding:0 .5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.command-line-prompt>span:before{content:" ";display:block;opacity:.7;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}.command-line-prompt>span[data-continuation-prompt]:before{content:attr(data-continuation-prompt)}.command-line span.token.output{opacity:.7}
:root{--ds-color__margin:#facca9;--ds-color__padding:#c6ddbd;--ds-color__block:#a0c6e3;--ds-color__white:#fff;--ds-color__black:#000;--ds-color__grey:#d4d4d4;--ds-color__blue:#0057ff;--ds-max-w-typography:32ch}.site-header{display:none}.ds-site-header{background-color:#1a1a1a;color:var(--ds-color__white);display:flex;justify-content:space-between}.ds-site-header>*+*{margin-left:1em}.ds-title{padding:10px 20px}.ds-site-header__icon,.ds-title{font-size:25px}.ds-site-header__icon{align-items:center;background:grey;display:flex;flex:0 0 auto;justify-content:center;padding:.2em .5em;width:55px}.ds-canvas{padding:20px}.ds-canvas-breakout{margin-left:-20px;margin-right:-20px}[data-name]{display:none}.ds-menu__wrapper{background-color:var(--ds-color__black);color:var(--color__white);margin-left:-20px;padding:0 20px}.ds-menu{display:flex;flex-wrap:wrap}.ds-menu__item{color:var(--ds-color__white);padding:15px 25px;text-decoration:none;transition:all .2s ease-in-out}.ds-menu__item+.ds-menu__item{border-left:1px solid #333}.ds-menu__item--current,.ds-menu__item:hover,.ds-menu__item:hover+.ds-menu__item--current{background:var(--ds-color__white);border-color:#e6e6e6;color:var(--ds-color__black)}.ds-menu__parts-number{align-items:center;background-color:var(--ds-color__blue);border-radius:100%;color:var(--ds-color__white);display:inline-flex;font-size:.8em;font-weight:500;height:1.8em;justify-content:center;text-align:center;width:1.8em}.ds-stack>*+*{margin-top:1.5em}.ds-icons{display:flex;gap:20px;padding:20px}code{word-wrap:break-word;border-radius:.2rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:break-word;padding:.1rem .3rem .2rem}code,pre{background:#ffeff0}pre{color:var(--bs-code-color);position:relative}.code-toolbar,pre{max-width:1200px}.ds-btn{background:var(--ds-color__blue);border:1px solid;border-radius:4px;color:#fff;font-size:16px;transition:all .2s ease-in-out}.ds-btn:hover{background-color:#6495ed}.ds-tag{background-color:var(--ds-color__grey);color:var(--ds-color__black);display:inline-block;font-family:Courier New,Courier,monospace;font-size:16px;padding:5px 10px}[class*=ds-stack]>.ds-tag+*,[class*=l-stack]>.ds-tag+*{margin-top:5px}.ds-header{background-color:var(--ds-color__grey);color:var(--ds-color__black);padding:10px 20px}.ds-typography [class*=f-display]{max-width:var(--ds-max-w-typography)}.ds-colors{grid-gap:.5rem;display:grid;grid-template-columns:repeat(auto-fit,180px);list-style:none;margin-left:0;padding:0}.ds-color{border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.25);margin:0;padding:4px;position:relative;transition:box-shadow .15s;z-index:1000}.ds-color:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);z-index:9000}.ds-color__swatch{aspect-ratio:1/1;background-color:var(--color);border-radius:2px 2px 0 0;display:block;width:100%}.ds-color__details{font-size:14px;padding:.5rem;text-align:left}.ds-color__action{align-items:flex-start;background-color:hsla(0,0%,100%,.9);border:1px solid #fff;border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;flex-wrap:wrap;height:auto;justify-content:flex-start;left:15px;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:15px;transition:all .2s ease-in-out;width:280px}.ds-color:hover .ds-color__action{opacity:1;pointer-events:all}.ds-color__action button{position:relative}.ds-color__action button:after{background:#000;border-top-left-radius:2px;border-top-right-radius:2px;color:#fff;content:attr(data-color-data-type);display:block;font-size:12px;left:0;opacity:0;padding:.1em .5em;pointer-events:none;position:absolute;top:0;transform:translateY(-100%)}.ds-color__action button:hover{border-top-left-radius:0}.ds-color__action button:hover:after{opacity:1}.ds-color input{border:0;display:block;font-family:monospace;font-size:inherit;margin:0;padding:.2rem;text-align:right;width:100%}.ds-gaps,.ds-spacers{display:flex;flex-wrap:wrap;gap:20px}.ds-gaps__gap,.ds-spacers__spacer{align-items:stretch;display:flex;flex-direction:column;justify-content:stretch;margin-right:0}.ds-gaps__gap-wrap,.ds-spacers__spacer-wrap{align-items:center;aspect-ratio:1/1;border:1px solid #000;display:flex;flex:1 0 auto;justify-content:center;padding:10px}.ds-gaps__gap-wrap{font-size:1em}.ds-gaps__gap-wrap--\@2em{font-size:2em}