@font-face{font-display:swap;font-family:"Harmony OS";font-style:normal;font-weight:400;src:url(/bb2c5e075158f535c18e0520c7fdf28790b450d1/b9176/font/harmonyos_sans_regular-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Harmony OS";font-style:normal;font-weight:700;src:url(/00d08776f40cdf1aa74e4ddbdbbcb30595a4ebf6/9c4b3/font/harmonyos_sans_black-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:url(/6507312d9491156036316484bf8dc41e8b52ddd9/f6906/font/open-sans-v34-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url(/52cb490cd0ee4442ede034085cda9652b206f91c/aabe4/font/open-sans-v34-latin-700.woff2) format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;block-size:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-inline-size:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{block-size:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spruce-alert-color-danger:hsl(0, 71%, 51%);--spruce-alert-color-info:hsl(195, 100%, 42%);--spruce-alert-color-success:hsl(150, 100%, 33%);--spruce-alert-color-warning:hsl(48, 89%, 55%)}:root{--spruce-base-color-background:hsl(0, 0%, 100%);--spruce-base-color-blockquote-border:hsl(222, 87%, 47%);--spruce-base-color-border:#f1f5fe;--spruce-base-color-code-background:#f1f5fe;--spruce-base-color-code-foreground:hsl(222, 87%, 47%);--spruce-base-color-heading:hsl(210, 83%, 14%);--spruce-base-color-link:hsl(222, 87%, 47%);--spruce-base-color-link-hover:#0c3fb3;--spruce-base-color-mark-background:hsl(50, 100%, 80%);--spruce-base-color-mark-foreground:hsl(205, 100%, 2%);--spruce-base-color-marker:hsl(222, 87%, 47%);--spruce-base-color-primary:hsl(222, 87%, 47%);--spruce-base-color-secondary:hsl(341, 74%, 52%);--spruce-base-color-text:hsl(237, 33%, 21%);--spruce-base-color-tag-background:#f1f5fe;--spruce-base-color-tag-foreground:hsl(222, 87%, 47%);--spruce-base-color-topbar-background:#f1f5fe}:root{--spruce-btn-color-primary-background:hsl(222, 87%, 47%);--spruce-btn-color-primary-background-hover:#0c3eb0;--spruce-btn-color-primary-foreground:hsl(0, 0%, 100%);--spruce-btn-color-primary-shadow:#a9c1f9;--spruce-btn-color-secondary-background:hsl(341, 74%, 52%);--spruce-btn-color-secondary-background-hover:#ba1c4e;--spruce-btn-color-secondary-foreground:hsl(0, 0%, 100%);--spruce-btn-color-secondary-shadow:#f6c5d5}:root{--spruce-form-color-background:hsl(0, 0%, 100%);--spruce-form-color-background-disabled:hsl(0, 0%, 95%);--spruce-form-color-border:hsl(260, 4%, 70%);--spruce-form-color-border-disabled:hsl(215, 63%, 93%);--spruce-form-color-border-focus:hsl(222, 87%, 47%);--spruce-form-color-check-background:hsl(222, 87%, 47%);--spruce-form-color-check-focus-ring:hsl(222, 87%, 47%);--spruce-form-color-check-foreground:hsl(0, 0%, 100%);--spruce-form-color-group-label-background:hsl(210, 60%, 98%);--spruce-form-color-group-label-foreground:hsl(208, 9%, 42%);--spruce-form-color-invalid:hsl(0, 71%, 51%);--spruce-form-color-invalid-focus-ring:rgba(219, 41, 41, 0.25);--spruce-form-color-label:hsl(205, 100%, 2%);--spruce-form-color-legend:hsl(205, 100%, 2%);--spruce-form-color-placeholder:hsl(208, 7%, 40%);--spruce-form-color-range-thumb-background:hsl(222, 87%, 47%);--spruce-form-color-range-thumb-focus-ring:hsl(222, 87%, 47%);--spruce-form-color-range-track-background:hsl(215, 63%, 93%);--spruce-form-color-ring-focus:rgba(16, 78, 224, 0.25);--spruce-form-color-select-foreground:hsl(205, 100%, 2%);--spruce-form-color-text:hsl(208, 9%, 42%);--spruce-form-color-valid:hsl(150, 100%, 33%);--spruce-form-color-valid-focus-ring:rgba(0, 168, 84, 0.25)}:root{--spruce-selection-color-foreground:hsl(0, 0%, 100%);--spruce-selection-color-background:hsl(222, 87%, 47%)}:root{--spruce-scrollbar-color-thumb-background:hsla(0, 0%, 0%, 0.15);--spruce-scrollbar-color-thumb-background-hover:hsla(0, 0%, 0%, 0.25);--spruce-scrollbar-color-track-background:hsla(0, 0%, 0%, 0.05)}:root{--spruce-table-color-border:hsl(215, 63%, 93%);--spruce-table-color-caption:hsl(208, 9%, 42%);--spruce-table-color-heading:hsl(205, 100%, 2%);--spruce-table-color-hover:hsla(0, 0%, 0%, 0.05);--spruce-table-color-stripe:hsla(0, 0%, 0%, 0.025);--spruce-table-color-text:hsl(208, 9%, 42%)}@media (prefers-reduced-motion:no-preference){:root{--spruce-duration:0.15s;--spruce-timing-function:ease-in-out}}.sr-only{block-size:1px!important;border:0!important;clip:rect(0,0,0,0)!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}[tabindex="-1"]:focus{outline:0!important}::selection{background-color:var(--spruce-selection-color-background);color:var(--spruce-selection-color-foreground);text-shadow:none}html{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*,::after,::before{box-sizing:inherit}body{background:var(--spruce-base-color-background);color:var(--spruce-base-color-text)}a{color:var(--spruce-base-color-link);text-decoration:underline;transition-duration:var(--spruce-duration);transition-property:color;transition-timing-function:var(--spruce-timing-function)}a:hover{color:var(--spruce-base-color-link-hover)}button{color:inherit}a,button{touch-action:manipulation}hr{border:0;border-block-start:1px solid var(--spruce-base-color-border)}img{block-size:auto;display:block;max-inline-size:100%;user-select:none}iframe{block-size:100%;display:block;inline-size:100%}figure{margin-inline:0}figure figcaption{margin-block-start:.5rem;text-align:center}.table-responsive{--inline-size:40rem;-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-inline-size:var(--inline-size)}.table{border-collapse:collapse;color:var(--spruce-table-color-text);inline-size:100%}.table caption{color:var(--spruce-table-color-caption);margin-block-end:1rem}.table td,.table th{border-block-end:1px solid var(--spruce-table-color-border);line-height:1.5;padding:1rem}.table th{color:var(--spruce-table-color-heading);text-align:inherit;text-align:-webkit-match-parent}.table--striped>tbody>tr:nth-child(odd){background-color:var(--spruce-table-color-stripe)}.table--hover>tbody>tr:hover{background:var(--spruce-table-color-hover)}.table--clear-border td,.table--clear-border th{border:0}.table--in-line td:first-child,.table--in-line th:first-child{padding-inline-start:0}.table--in-line td:last-child,.table--in-line th:last-child{padding-inline-end:0}.table--sm td,.table--sm th{padding:.5rem}.table--rounded td:first-child,.table--rounded th:first-child{border-end-start-radius:.5rem;border-start-start-radius:.5rem}.table--rounded td:last-child,.table--rounded th:last-child{border-end-end-radius:.5rem;border-start-end-radius:.5rem}html{-webkit-tap-highlight-color:transparent}body{font-family:Open Sans,sans-serif;font-size:1rem;line-height:2}h1,h2,h3,h4,h5,h6,li,p{hyphens:auto;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--spruce-base-color-heading);font-family:Harmony OS,sans-serif;font-weight:700;line-height:calc(2px + 2ex + 2px)}h1{font-size:clamp(2.0751953125rem,2vw + 1rem,2.44140625rem)}h2{font-size:clamp(1.66015625rem,2vw + 1rem,1.953125rem)}h3{font-size:clamp(1.328125rem,2vw + 1rem,1.5625rem)}h4{font-size:clamp(1.0625rem,2vw + 1rem,1.25rem)}h5{font-size:1rem}h6{font-size:1rem}ol,ul{list-style-position:inside}ol>*,ul>*{margin-block-end:0;margin-block-start:0}ol>*+*,ul>*+*{margin-block-start:.25rem}ol li,ul li{list-style-position:outside}ol li::marker,ul li::marker{color:var(--spruce-base-color-marker)}li>ol,li>ul{margin-block-start:.25rem}dl dt{color:var(--spruce-base-color-heading);font-weight:700}dl dd{margin:0}dl dd+dt{margin-block-start:1rem}.quote{border-inline-start:.5rem solid var(--spruce-base-color-blockquote-border);padding-inline-start:2rem}.quote>*{margin-block-end:0;margin-block-start:0}.quote>*+*{margin-block-start:.5rem}.quote blockquote{border-inline-start:0;padding-inline-start:0}.quote figcaption{text-align:start}blockquote{border-inline-start:.5rem solid var(--spruce-base-color-blockquote-border);margin-inline-start:0;padding-inline-start:2rem}blockquote>*{margin-block-end:0;margin-block-start:0}blockquote>*+*{margin-block-start:.5rem}abbr[title]{border-block-end:1px dotted;cursor:help;text-decoration:none}mark{background-color:var(--spruce-base-color-mark-background);border-radius:.5rem;color:var(--spruce-base-color-mark-foreground);padding:.1em .3em}code,kbd,samp{background-color:var(--spruce-base-color-code-background);border-radius:.5rem;color:var(--spruce-base-color-code-foreground);padding:.1em .3em}.lead{font-size:clamp(1.15rem,2vw,1.35rem)}.hidden,[hidden]{display:none!important}.h1{font-size:clamp(2.0751953125rem,2vw + 1rem,2.44140625rem)}.h2{font-size:clamp(1.66015625rem,2vw + 1rem,1.953125rem)}.h3{font-size:clamp(1.328125rem,2vw + 1rem,1.5625rem)}.h4{font-size:clamp(1.0625rem,2vw + 1rem,1.25rem)}.h5{font-size:1rem}.h6{font-size:1rem}.form-group-label{align-items:center;background-color:var(--spruce-form-color-group-label-background);border:1px solid var(--spruce-form-color-border);border-radius:.5rem;color:var(--spruce-form-color-group-label-foreground);display:flex;padding-inline:1rem}.container{margin-inline:auto;max-inline-size:84rem;padding-inline:var(--spruce-container-gap)}.container--narrow{margin-inline:auto;max-inline-size:48rem;padding-inline:var(--spruce-container-gap)}.topbar{background-color:var(--spruce-base-color-topbar-background);line-height:1.5;padding-block:.65rem}.topbar__inner{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:clamp(2rem,5vw,3rem);overflow-x:auto;white-space:nowrap}.topbar__inner::-webkit-scrollbar{display:none}.topbar ul{align-items:center;display:flex;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;gap:2rem;list-style:none;margin-block:0;padding:0;text-transform:uppercase}.topbar ul li{margin-block:0}.topbar ul a{transition-duration:var(--spruce-duration);transition-property:color;transition-timing-function:var(--spruce-timing-function);font-size:.875rem;text-decoration:none}.topbar ul a:hover,.topbar ul a[aria-current=page]{color:var(--spruce-base-color-secondary)}.topbar__social{margin-inline-start:auto}.site-header__inner{align-items:center;display:flex;height:8rem}.site-header__logo{display:inline-flex;width:9.75rem}.site-header__logo img{height:auto;width:100%}.skip-link{inset:-50vh auto auto 2rem;position:fixed}.skip-link:focus{inset-block-start:2rem}.hero{padding-block:2rem 4.5rem}.hero>*{margin-block-end:0;margin-block-start:0}.hero>*+*{margin-block-start:1rem}.hero__title{font-size:clamp(2.1rem,4vw + 1rem,3.5rem);letter-spacing:-.01em}.hero__description{font-size:clamp(1rem,.25vw + 1rem,1.25rem);line-height:1.7;max-width:50ch}.post-list{list-style:none;margin:0;padding:0}.post-list>*{margin-block-end:0;margin-block-start:0}.post-list>*+*{margin-block-start:3rem}.post-card{text-decoration:none}.post-card>*{margin-block-end:0;margin-block-start:0}.post-card>*+*{margin-block-start:.5rem}.post-card__serial-number{--dimension:2rem;transition-duration:var(--spruce-duration);transition-property:all;transition-timing-function:var(--spruce-timing-function);align-items:center;background-color:var(--spruce-base-color-secondary);border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:clamp(.85rem,2vw,1rem);font-weight:700;height:var(--dimension);justify-content:center;width:var(--dimension)}.post-card__title{font-size:clamp(1.5725rem,1vw + 1rem,1.85rem);margin-block:.05em 0}.post-card__title a{color:var(--spruce-base-color-heading);text-decoration:none}.post-card__title-wrapper{display:flex;gap:1rem}.post-card__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-inline-start:3rem}.pagination{list-style:none;margin:0;padding:0;align-items:center;display:flex;flex-wrap:wrap;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;gap:1rem;margin-block-start:4.5rem}.pagination>*{margin-block:0}.pagination a{--dimension:2.8rem;transition-duration:var(--spruce-duration);transition-property:all;transition-timing-function:var(--spruce-timing-function);align-items:center;background-color:#fff;border-radius:1rem;color:var(--spruce-base-color-primary);display:flex;font-weight:700;height:var(--dimension);justify-content:center;min-width:var(--dimension);text-decoration:none}.pagination a:hover,.pagination a[aria-current=page]{background-color:var(--spruce-base-color-primary);color:#fff;text-decoration:none}.pagination .next,.pagination .prev{padding-inline:1rem;width:auto}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.tag-list>*{margin-block:0}.tag-list a{transition-duration:var(--spruce-duration);transition-property:all;transition-timing-function:var(--spruce-timing-function);background-color:var(--spruce-base-color-tag-background);border-radius:.5rem;color:var(--spruce-base-color-primary);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.875rem;padding:.35em .55em;text-decoration:none}.tag-list a:focus,.tag-list a:hover{background-color:var(--spruce-base-color-primary);color:#fff}code[class*=language-],pre[class*=language-]{background:0 0;color:#f7f7f1;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1rem;hyphens:none;hyphens:none;hyphens:none;hyphens:none;line-height:1.5;tab-size:4;tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}pre[class*=language-]{border-radius:.5rem;overflow:auto;padding:clamp(1rem,5vw,2rem)}pre[class*=language-] code{padding-inline:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:#101f41}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#d3cfaa}.token.punctuation{color:#fff}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff9f7a}.token.boolean,.token.number{color:#00e0e0}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a8e236}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:#ffd800}.token.keyword{color:#00e0e0}.token.important,.token.regex{color:#ffd800}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{background:window;color:windowText}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}.site-footer{padding-block:4.5rem 3rem}.site-footer__copyright{margin:0}.post-heading{padding-block:2rem 3rem}.post-heading>*{margin-block-end:0;margin-block-start:0}.post-heading>*+*{margin-block-start:2rem}.post-heading__title{font-size:clamp(2.1rem,4vw + 1rem,3.5rem);letter-spacing:-.01em}.post-heading__meta{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;line-height:1}.post-content{font-size:clamp(.881875rem,2vw + 1rem,1.0375rem)}.post-content>*{margin-block-end:0;margin-block-start:0}.post-content>*+*{margin-block-start:2rem}.post-content p:first-child{color:var(--spruce-base-color-heading);font-size:clamp(1.105rem,2vw + 1rem,1.3rem);font-weight:700;line-height:1.7}.post-content *+h1,.post-content *+h2,.post-content *+h3,.post-content *+h4,.post-content *+h5,.post-content *+h6{margin-top:3rem}.post-content h1+*,.post-content h2+*,.post-content h3+*,.post-content h4+*,.post-content h5+*,.post-content h6+*{margin-top:1rem}.post-content iframe,.post-content img{border-radius:1rem}.post-content strong{color:var(--spruce-base-color-heading)}.resources{font-size:clamp(.881875rem,2vw + 1rem,1.0375rem);margin-block-start:3rem}.resources>*{margin-block-end:0;margin-block-start:0}.resources>*+*{margin-block-start:1rem}.resources li::marker{color:var(--spruce-base-color-heading)}.edit-on-github{border-block:1px solid var(--spruce-base-color-border);margin-block-start:3rem;padding-block:1rem}.more-content{margin-block-start:3rem}.more-content>*{margin-block-end:0;margin-block-start:0}.more-content>*+*{margin-block-start:2rem}.more-content .post-list>*{margin-block-end:0;margin-block-start:0}.more-content .post-list>*+*{margin-block-start:2rem}:root{--spruce-container-gap:clamp(2rem, 5vw, 3rem)}