header[data-astro-cid-4xjxrxzw]{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px;display:flex;& .category{text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-code);background-color:var(--color-light-yellow);border-radius:5px;padding:5px 10px;font-size:12px}& .title{font-size:30px}}.example[data-astro-cid-4xjxrxzw]{& .example__title{text-transform:uppercase;font-family:var(--font-hx);color:var(--color-coral);margin-bottom:10px;font-size:18px;font-weight:700}}.markdown-body[data-astro-cid-3xh2asxe]{color:#333;line-height:1.6;& pre.astro-code{scrollbar-width:thin;scrollbar-color:var(--color-slate-mid) transparent;border-radius:12px;padding:42px 16px 16px;font-size:13px;position:relative;overflow-x:auto}& pre.astro-code::-webkit-scrollbar{height:6px}& pre.astro-code::-webkit-scrollbar-track{background-color:#0000}& pre.astro-code::-webkit-scrollbar-thumb{background-color:var(--color-slate-mid);border-radius:9999px}& pre.astro-code::-webkit-scrollbar-thumb:hover{background-color:var(--color-polar-white)}& pre.astro-code:before{background:radial-gradient(circle at 18px 15px, var(--color-red) 0 5px, transparent 5.5px), radial-gradient(circle at 34px 15px, var(--color-yellow) 0 5px, transparent 5.5px), radial-gradient(circle at 50px 15px, var(--color-green) 0 5px, transparent 5.5px);content:"";pointer-events:none;border-bottom:1px solid #e1e4e833;height:30px;position:absolute;top:0;left:0;right:0}}.tablet-list-category[data-astro-cid-7df73fzt]+.tablet-list-category[data-astro-cid-7df73fzt]{margin-top:.25rem}summary[data-astro-cid-7df73fzt]{text-transform:uppercase;letter-spacing:.04em;color:var(--color-slate-dark);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.8rem;font-weight:600;list-style:none;display:flex}summary[data-astro-cid-7df73fzt]::-webkit-details-marker{display:none}summary[data-astro-cid-7df73fzt]:hover{color:var(--color-slate-dark);background-color:var(--color-slate-light)}summary[data-astro-cid-7df73fzt]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}summary[data-astro-cid-7df73fzt] svg[data-astro-cid-7df73fzt]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}details[data-astro-cid-7df73fzt][open] summary[data-astro-cid-7df73fzt] svg[data-astro-cid-7df73fzt]{transform:rotate(180deg)}.tablet-list[data-astro-cid-7df73fzt]{margin:0;padding:.35rem 0 .25rem;list-style:none}.tablet-list[data-astro-cid-7df73fzt] li[data-astro-cid-7df73fzt]{margin-bottom:.25rem}.tablet-list[data-astro-cid-7df73fzt] a[data-astro-cid-7df73fzt]{color:var(--color-slate-mid);border-radius:6px;padding:.5rem .75rem .5rem 1.25rem;text-decoration:none;transition:color .2s,background-color .2s;display:block}.tablet-list[data-astro-cid-7df73fzt] a[data-astro-cid-7df73fzt]:hover{color:var(--color-primary);background-color:var(--color-coral-transparent)}.tablet-list[data-astro-cid-7df73fzt] a[data-astro-cid-7df73fzt]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tablet-list[data-astro-cid-7df73fzt] a[data-astro-cid-7df73fzt].active-link{color:var(--color-white);background-color:var(--color-primary);font-weight:500}.concept-navigation[data-astro-cid-cdi5wzfa]{--panel-width-mobile:min(320px, 85vw);height:0;& .concept-navigation__panel{z-index:100;visibility:hidden;width:var(--panel-width-mobile);border-left:2px solid var(--color-primary);background-color:var(--color-background);overscroll-behavior:contain;height:100dvh;padding:2rem 1.5rem;transition:transform .25s,visibility 0s linear .25s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);& h2{text-transform:uppercase;font-family:var(--font-hx);color:var(--color-coral);margin-bottom:1rem;font-size:18px}}& .concept-navigation__toggle{z-index:101;width:42px;height:52px;color:var(--color-white);background-color:var(--color-primary);box-shadow:-2px 2px 5px var(--color-navigation-shadow);cursor:pointer;transform-origin:100%;border:0;border-radius:6px 0 0 6px;place-items:center;padding:0;transition:right .25s,transform .12s,box-shadow .12s;animation:.75s ease-out .45s both concept-navigation-hint;display:grid;position:fixed;top:calc(5rem - 20px);right:0;overflow:hidden;&:active{box-shadow:-1px 1px 2px var(--color-navigation-shadow);transform:scale(.96)}&:focus-visible{outline:2px solid var(--color-slate-dark);outline-offset:2px}&.is-used{animation:none}& svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;width:26px;height:26px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}}& .concept-navigation__backdrop{z-index:90;opacity:0;visibility:hidden;background-color:var(--color-backdrop);cursor:pointer;border:0;width:100%;height:100%;padding:0;transition:opacity .25s,visibility 0s linear .25s;position:fixed;inset:0}&.is-open{& .concept-navigation__panel{visibility:visible;transition-delay:0s;transform:translate(0)}& .concept-navigation__toggle{right:var(--panel-width-mobile);& svg{transform:rotate(180deg)}}& .concept-navigation__backdrop{opacity:1;visibility:visible;transition-delay:0s}}@media (width>=768px) and (height>=500px){height:100%;& .concept-navigation__panel{visibility:visible;border-right:1px solid var(--color-sidebar-border);border-left:0;width:auto;height:calc(100% - 2rem);margin:2rem 0 0;padding:0 1.5rem 0 0;transition:none;position:static;overflow:visible;transform:none}& .concept-navigation__toggle,& .concept-navigation__backdrop{display:none}}@media (prefers-reduced-motion:reduce){& .concept-navigation__panel,& .concept-navigation__toggle,& .concept-navigation__toggle svg,& .concept-navigation__backdrop{transition:none}& .concept-navigation__toggle{animation:none}}}@keyframes concept-navigation-hint{0%{opacity:0;width:0}60%{opacity:1;width:50px}82%{width:39px}to{opacity:1;width:42px}}body.concept-navigation-open{overflow:hidden}.summary[data-astro-cid-t66hfzrk]{border:1px solid var(--color-sidebar-border);border-radius:.75rem;padding:1.5rem;& h2{text-transform:uppercase;font-family:var(--font-hx);color:var(--color-coral);margin-bottom:1rem;font-size:18px}& ul{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex;& li{flex-direction:column;gap:4px;max-width:100%;display:flex;& p{align-items:center;gap:6px;display:flex}& a{max-width:100%;color:var(--color-slate-mid);background-color:var(--color-slate-light);border-radius:5px;padding:5px 10px;text-decoration:none;display:inline-block;& code{overflow-wrap:anywhere}&:hover{color:var(--color-coral);background-color:var(--color-coral-transparent)}}}}}@media (width>=1000px) and (height>=500px){.summary[data-astro-cid-t66hfzrk]{top:calc(var(--header-height) + 2rem);position:sticky}}.container[data-astro-cid-3n7trczp]{width:100%;max-width:1280px;min-height:calc(100vh - 60px);margin:0 auto 2rem;padding:0 16px}.content-main[data-astro-cid-3n7trczp]{width:100%;min-width:0;max-width:800px;padding:2rem 0}.content-summary[data-astro-cid-3n7trczp]{display:none}@media (width>=768px) and (height>=500px){.container[data-astro-cid-3n7trczp]{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"menu main";margin-bottom:2rem;padding:0 18px;display:grid}.content-navigation[data-astro-cid-3n7trczp]{grid-area:menu}.content-main[data-astro-cid-3n7trczp]{grid-area:main;padding:2rem 0 2rem 4rem}}@media (width>=1000px) and (height>=500px){.container[data-astro-cid-3n7trczp]{grid-template-columns:280px minmax(0,1fr) 240px;grid-template-areas:"menu main summary"}.content-main[data-astro-cid-3n7trczp]{padding:2rem 4rem 0}.content-summary[data-astro-cid-3n7trczp]{grid-area:summary;padding-top:2rem;display:block}}