.likes__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.likes__header-actions{align-items:center;gap:.5rem;display:flex}.likes__header-button{width:2rem;min-width:2rem;height:2rem;color:var(--cl-main-300);cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;padding:.25rem}.likes__header-button:hover{color:var(--cl-accent-300)}.likes__header-button-icon{display:block}.likes__header-button-icon-reload{transition:transform .2s ease-in-out;transform:scale(1.1,.9)}.likes__header-button:hover .likes__header-button-icon-reload,.likes__header-button:focus .likes__header-button-icon-reload{transform:scaleX(1)}.likes__header-button-icon-reload-active{animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.likes__list{flex-wrap:wrap;gap:.25rem;display:flex}.likes-like{color:var(--cl-main-100);border-radius:22px;font-weight:500;text-decoration:none}.likes-like__avatar{border:2px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:22px;transition:border-color .2s ease-in-out;display:block}.likes-like:hover .likes-like__avatar{border-color:var(--cl-accent-100)}.likes-like__avatar-fallback{background-color:var(--cl-main-900);border:2px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:22px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:border-color .2s ease-in-out;display:flex}.likes-like:hover .likes-like__avatar-fallback{border-color:var(--cl-accent-100)}.likes__like-link{background-color:color-mix(in srgb,var(--cl-main-900)60%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;margin-block:1rem;padding:.75rem 1rem;display:flex}
.comments__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.comments__header-actions{align-items:center;gap:.5rem;display:flex}.comments__header-button{width:2rem;min-width:2rem;height:2rem;color:var(--cl-main-300);cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;padding:.25rem}.comments__header-button:hover{color:var(--cl-accent-300)}.comments__header-button-icon{display:block}.comments__header-button-icon-reload{transition:transform .2s ease-in-out;transform:scale(1.1,.9)}.comments__header-button:hover .comments__header-button-icon-reload,.comments__header-button:focus .comments__header-button-icon-reload{transform:scaleX(1)}.comments__header-button-icon-reload-active{animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comments__reply-link{background-color:color-mix(in srgb,var(--cl-main-900)60%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;margin-block:1rem;padding:.75rem 1rem;display:flex}
.r-anchor-heading-link{visibility:hidden;color:var(--r-main-600);opacity:0;transition:opacity .3s allow-discrete;margin-inline-start:-4px;padding-inline:8px;text-decoration:none}.r-anchor-heading-link:hover{color:var(--r-primary-800)}.r-anchor-heading-link:after{content:"#"}.r-anchor-heading:hover .r-anchor-heading-link{visibility:visible;opacity:1}
.contents{scrollbar-color:var(--cl-main-700)var(--cl-main-950);scrollbar-width:thin;max-height:calc(100dvh - 80px);position:sticky;top:80px;overflow-y:auto}.contents-control{visibility:hidden;display:contents}@media (min-width:1024px){.contents-control{pointer-events:none}}.contents-list{box-sizing:border-box;transition:height .3s allow-discrete,visibility .3s allow-discrete;overflow:hidden}@media not (min-width:1024px){.contents-list{visibility:hidden;height:0}}.contents-list-content{padding:2px}@media (min-width:1024px){.contents-list-content{margin-top:16px}}.contents-details{transition:border-radius .2s}@media not (min-width:1024px){.contents-details{background:color-mix(in srgb,var(--cl-main-900)30%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:18px}}.contents-title{z-index:1;cursor:pointer;padding:6px 12px;display:block}@media not (min-width:1024px){.contents-title{justify-content:space-between;align-items:center;display:flex}}@media (min-width:1024px){.contents-title{cursor:auto;margin-top:0;padding:0}}@media not (min-width:1024px){.contents-title:hover{color:var(--cl-main-50)}}.contents-chevron{vertical-align:middle;margin-left:8px;transition:transform .2s;display:inline}@media (min-width:1024px){.contents-chevron{display:none}}@media not (min-width:1024px){.contents-control:checked+.contents-details{border-radius:12px}}.contents-control:checked+.contents-details .contents-list{box-sizing:border-box}@media not (min-width:1024px){.contents-control:checked+.contents-details .contents-list{visibility:visible;height:var(--drop-height,auto)}.contents-control:checked+.contents-details .contents-title{color:var(--cl-main-100)}}.contents-control:checked+.contents-details .contents-chevron{transform:rotate(180deg)}.contents-link{margin-bottom:6px;padding-top:2px;padding-bottom:2px;padding-left:10px;line-height:1.5;transition:color .2s cubic-bezier(0,.66,.58,1) 50ms;display:block;position:relative}.contents-link.contents-link:hover{color:var(--cl-accent-200);transition-delay:initial}.contents-link:before,.contents-link:after{box-sizing:border-box;border-color:var(--cl-accent-200);border-style:solid;border-width:0 2px 0 0;height:calc(100% + 8px);display:block;position:absolute;top:-4px;left:0}@media (min-width:1024px){.contents-link:before,.contents-link:after{content:""}}.contents-link:before{border-color:var(--cl-main-800)}.contents-link:after{-webkit-mask-image:linear-gradient(135deg,#000 50%,#0000 50%);mask-image:linear-gradient(135deg,#000 50%,#0000 50%);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:200% 200%;mask-size:200% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.contents-link._nested{box-sizing:border-box;margin-left:16px}.contents-link._nested:before,.contents-link._nested:after{box-sizing:border-box;width:18px;left:-16px}.contents-link:not(._nested)+.contents-link._nested:before,.contents-link:not(._nested)+.contents-link._nested:after{box-sizing:border-box;border-top-width:2px}@media (min-width:1024px){.contents-link._visited{color:var(--cl-main-100)}.contents-link._visited:after{-webkit-mask-position:0 0!important;mask-position:0 0!important}}.contents-link._visited:after,.contents-link._visited+.contents-link:after{transition:-webkit-mask-position .3s,mask-position .3s}.contents-link._nested+.contents-link:not(._nested):before,.contents-link._nested+.contents-link:not(._nested):after{box-sizing:border-box;border-width:2px 0 0 2px;width:18px}.contents-link._nested+.contents-link:not(._nested):after{-webkit-mask-image:linear-gradient(45deg,#0000 50%,#000 50%);mask-image:linear-gradient(45deg,#0000 50%,#000 50%);-webkit-mask-position:0 100%!important;mask-position:0 100%!important}.contents-link._nested+.contents-link._visited:not(._nested):after{-webkit-mask-position:100% 0!important;mask-position:100% 0!important}@media (min-width:1024px){.contents-link._passed{color:var(--cl-main-200)}.contents-link._active{color:var(--cl-accent-100)}}
.blog-img{border:2px solid color-mix(in srgb,var(--cl-main-800)30%,transparent);border-radius:8px;width:100%;height:auto;display:block}.blog-img-wrapper{margin-block:1.5rem;position:relative}.blog-img-wrapper .blog-img{cursor:pointer}.blog-img-alt-badge{background:color-mix(in srgb,var(--cl-main-900)80%,transparent);border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;bottom:4px;right:4px}.blog-p{line-height:1.5}.blog-h2{margin-block-start:2.5rem;font-weight:500}.blog-link{color:var(--cl-main-50);-webkit-text-decoration-color:var(--cl-main-600);text-decoration-color:var(--cl-main-600);text-underline-offset:3px;transition:text-decoration-color .1s ease-in-out,text-underline-offset .1s ease-in-out}.blog-link:hover{-webkit-text-decoration-color:var(--cl-main-50);text-decoration-color:var(--cl-main-50);text-underline-offset:2px}.blog-ul{padding-inline-start:1rem}.blog-li{margin-block:.5rem}.blog-b{font-weight:500}
.code-section{background-color:var(--cl-main-900);border:1px solid var(--cl-main-800);border-radius:8px;margin-block:1.5em 1.75em;padding:3px;position:relative}.code-section-header{font-family:var(--font-mono);color:var(--cl-main-300);border-top-left-radius:6px;border-top-right-radius:6px;justify-content:space-between;align-items:center;padding-left:20px;display:flex}.code-section-block._space-right{padding-right:3rem}.code-section-header+.code-section-block{border:0;margin-block:0}.code-section:hover .code-section-copy{opacity:.9}.code-section-copy.code-section-copy{background:color-mix(in srgb,var(--cl-main-900)90%,transparent);border:2px solid var(--cl-main-800);opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s,color .2s,background-color .2s;position:absolute;top:9px;right:9px}.code-section-copy.code-section-copy:hover,.code-section-copy.code-section-copy._active{opacity:1}.code-section-filename{font-family:var(--font-mono)}.atview-code-block{background-color:color-mix(in srgb,var(--cl-main-800)30%,transparent);border-radius:10px;margin:1em 0;padding:2px;position:relative}.copy-button{font:inherit;color:var(--cl-main-300);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;transition:color .2s,background-color .2s;position:relative}.copy-button-success{opacity:0;transition:transform .2s;transform:scale(.7)}.copy-button-base{transition:transform .2s}.copy-button:hover{color:var(--cl-main-50)}.copy-button:active,.copy-button._active{color:var(--cl-success)}.copy-button:active .copy-button-success,.copy-button._active .copy-button-success{opacity:1;transform:scale(1)}.copy-button:active .copy-button-base,.copy-button._active .copy-button-base{opacity:0;transform:scale(.7)}.copy-button-svg{display:block}.atview-website.atview-website{margin-block:1em}.copy-text{font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;position:relative}.copy-text:hover{color:var(--cl-main-50)}.copy-text:before{box-sizing:border-box;content:"";opacity:.6;background:linear-gradient(90deg,currentColor 30%,#0000 0% 80%,currentColor 80%) 0/8px repeat-x;width:100%;height:1px;transition:background .2s;position:absolute;bottom:0;left:0}.copy-text:active,.copy-text._active{color:var(--cl-success)}.atview-media{cursor:pointer;background-color:color-mix(in srgb,var(--cl-main-800)30%,transparent);border-radius:10px;margin:1em 0;padding:2px;position:relative}.atview-media-figure{border:none;margin:0;padding:0}.atview-media-image-container{border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.atview-media-image-bg{object-fit:cover;filter:blur(10px);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.atview-media-image{object-fit:contain;object-position:center;border-radius:8px;width:100%;height:auto;max-height:600px;display:block;position:relative}.atview-media-caption{color:var(--cl-main-200);padding:.5em .75em}.atview-media-alt-badge{background:color-mix(in srgb,var(--cl-main-900)80%,transparent);border-radius:6px;padding:.25em .75em;font-size:12px;position:absolute;top:4px;right:4px}.atview-code-block-content{box-sizing:border-box;font-family:var(--font-mono);color:var(--cl-accent-100);scrollbar-color:var(--cl-main-800)transparent;scrollbar-width:thin;background-color:var(--cl-main-950);tab-size:2rem;border-radius:6px;margin:0;padding:1em 1.25em;font-size:1rem;line-height:1.33;overflow-x:auto}html .atview-code-block-content,html.light .atview-code-block-content{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--r-cl-1:#f9826c;--r-cl-2:var(--cl-main-950);--r-cl-3:#e1e4e8;--r-cl-4:#2f363d;--r-cl-5:#959da5;--r-cl-6:#2188ff;--r-cl-7:#dbedff;--r-cl-8:#005cc5;--r-cl-9:#586069;--r-cl-10:#6a737d;--r-cl-11:#fafbfc;--r-cl-12:#159739;--r-cl-13:#138934;--r-cl-14:#1b1f23;--r-cl-15:#d1d5da;--r-cl-16:#34d05822;--r-cl-17:#d73a4922;--r-cl-18:#ffdf5d;--r-cl-19:#ffdf5d66;--r-cl-20:#28a74525;--r-cl-21:#d1d5da11;--r-cl-22:#24292e;--r-cl-23:#0366d611;--r-cl-24:#f6f8fa;--r-cl-25:#0366d625;--r-cl-26:#34d05840;--r-cl-27:#34d05800;--r-cl-28:#ffd33d33;--r-cl-29:#24943e99;--r-cl-30:#24943e50;--r-cl-31:#be5007;--r-cl-32:#5a32a3;--r-cl-33:#044289;--r-cl-34:#cb2431;--r-cl-35:#28a745;--r-cl-36:#cc2536;--r-cl-37:#d7dbe0;--r-cl-38:#eff2f6;--r-cl-39:#1b1f234d;--r-cl-40:#f9c513;--r-cl-41:#444d56;--r-cl-42:#e2e5e9;--r-cl-43:#cce5ff;--r-cl-44:#ebf0f4;--r-cl-45:#e8eaed;--r-cl-46:#6a737d33;--r-cl-47:#959da588;--r-cl-48:#959da533;--r-cl-49:#959da544;--r-cl-50:#0366d6;--r-cl-51:#3192aa;--r-cl-52:#22863a;--r-cl-53:#b08800;--r-cl-54:#1b7c83;--r-cl-55:#dbab09;--r-cl-56:#6f42c1;--r-cl-57:#b31d28;--r-cl-58:#032f62;--r-cl-59:#b31d28;--r-cl-60:#ffeef0;--r-cl-61:#f0fff4;--r-cl-62:#ffebda}html.dark .atview-code-block-content{--r-cl-1:#f9826c;--r-cl-2:var(--cl-main-950);--r-cl-3:#444d56;--r-cl-4:#e1e4e8;--r-cl-5:#959da5;--r-cl-6:#0366d6;--r-cl-7:#1d2d3e;--r-cl-8:#79b8ff;--r-cl-9:#d1d5da;--r-cl-10:#9ba3ac;--r-cl-11:#24292e;--r-cl-12:#176f2c;--r-cl-13:#22863a;--r-cl-14:#fff;--r-cl-15:#586069;--r-cl-16:#28a74530;--r-cl-17:#d73a4930;--r-cl-18:#ffd33d44;--r-cl-19:#ffd33d22;--r-cl-20:#2b6a3033;--r-cl-21:#58606915;--r-cl-22:#e1e4e8;--r-cl-23:#3392ff22;--r-cl-24:#2f363d;--r-cl-25:#3392ff44;--r-cl-26:#17e5e650;--r-cl-27:#17e5e600;--r-cl-28:#c6902625;--r-cl-29:#17e5e699;--r-cl-30:#17e5e666;--r-cl-31:#ffab70;--r-cl-32:#b392f0;--r-cl-33:#c8e1ff;--r-cl-34:#f97583;--r-cl-35:#34d058;--r-cl-36:#f97583;--r-cl-37:#444d56;--r-cl-38:#2f363d;--r-cl-39:#444d56;--r-cl-40:#ffea7f;--r-cl-41:#d1d5da;--r-cl-42:#39414a;--r-cl-43:#044289;--r-cl-44:#282e34;--r-cl-45:#282e34;--r-cl-47:#6a737d88;--r-cl-48:#6a737d33;--r-cl-49:#6a737d44;--r-cl-50:#79b8ff;--r-cl-51:#56d4dd;--r-cl-52:#85e89d;--r-cl-53:#ffea7f;--r-cl-54:#39c5cf;--r-cl-55:#ffea7f;--r-cl-56:#b392f0;--r-cl-57:#fdaeba;--r-cl-58:#dbedff;--r-cl-59:#fdaeb7;--r-cl-60:#86181d;--r-cl-61:#144620;--r-cl-62:#c24e00}
.blog-container{grid-template-areas:"heading""sidebar""content"}@media (min-width:1024px){.blog-container{grid-template-areas:"heading sidebar""content sidebar"}}.blog-heading{grid-area:heading}.contents-container{grid-area:sidebar;max-width:716px}.blog-content{grid-area:content}.blog-stories-list{gap:16px;padding:0;display:grid}@media (min-width:768px){.blog-stories-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.blog-stories-list{grid-template-columns:repeat(3,1fr)}}.blog-stories-item{background-color:color-mix(in srgb,var(--cl-main-900)60%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:.75rem;flex-direction:column;padding:1rem;display:flex}.blog-stories-title{color:var(--color-text);flex:1;font-size:18px}