time{font-family:var(--ui);font-variant-numeric:tabular-nums}time.today{color:var(--done);font-weight:700}.gnav{gap:var(--sp-3);margin:0 auto 0 var(--sp-4);font-size:var(--t-sm);font-weight:700;display:flex}.gnav a{height:var(--tap);color:var(--sub);align-items:center;text-decoration:none;display:flex}.gnav a[aria-current]{color:var(--ink)}.blog-index{gap:var(--col-gap);padding-top:var(--sp-7);padding-bottom:var(--section);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}.blog-head{top:calc(var(--header) + var(--sp-5));align-self:start;position:sticky}.blog-head h1{font-size:var(--t-h2);font-weight:900;line-height:var(--lh-display);letter-spacing:var(--ls-display)}.blog-head p{margin-top:var(--sp-2);color:var(--sub);line-height:var(--lh-ui)}.blog-empty{color:var(--sub)}.post-list{border-top:var(--rule) solid var(--line);list-style:none}.post-item{padding:var(--sp-3) 0;border-bottom:var(--rule) solid var(--line);text-decoration:none;display:block}.post-item-t{font-size:var(--t-list);font-weight:700;line-height:var(--lh-head);letter-spacing:var(--ls-head)}.post-item-m{margin-top:var(--sp-1);align-items:baseline;gap:var(--sp-2);font-size:var(--t-sm);color:var(--sub);line-height:var(--lh-ui);display:flex}.post-item-m>*{flex:none}.post-item-m .post-item-x{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.post-item:hover .post-item-t{color:var(--sub)}.post,.post-next{max-width:calc(var(--measure) + var(--gutter)*2)}.post{padding-top:var(--sp-3);padding-bottom:var(--section)}.post-back{align-items:center;gap:var(--sp-half);height:var(--tap);font-size:var(--t-sm);color:var(--sub);font-weight:700;text-decoration:none;display:inline-flex}.post-back svg{width:var(--icon);height:var(--icon);margin-left:calc(-1*var(--sp-half))}.post-head{margin-top:var(--sp-3);padding-bottom:var(--sp-4);border-bottom:var(--rule) solid var(--line)}.post-head h1{font-size:var(--t-h2);font-weight:900;line-height:var(--lh-display);letter-spacing:var(--ls-display)}.post-meta{margin-top:var(--sp-3);font-size:var(--t-sm);color:var(--sub)}.post-next{padding-top:var(--section);padding-bottom:var(--section)}.post-next h2{margin-bottom:var(--sp-3);font-size:var(--t-h3);font-weight:900;line-height:var(--lh-head);letter-spacing:var(--ls-head)}.post-body{margin-top:var(--sp-5);line-height:var(--lh-body)}.post-body>:first-child{margin-top:0}.post-body>*+*{margin-top:var(--sp-3)}.post-body>p,.post-body blockquote p,.post-body li,.post-body td{word-break:normal;line-break:strict}.post-body>h2{margin-top:var(--sp-7);font-size:var(--t-h3);font-weight:900;line-height:var(--lh-head);letter-spacing:var(--ls-head);scroll-margin-top:calc(var(--header) + var(--sp-3))}.post-body>h3{margin-top:var(--sp-5);font-size:var(--t-md);font-weight:700;line-height:var(--lh-head);scroll-margin-top:calc(var(--header) + var(--sp-3))}.post-body>h3+p{margin-top:var(--sp-1)}.post-body a{text-underline-offset:.2em}.post-body strong{font-weight:700}.post-body>:is(ul,ol){padding-left:1.4em}.post-body>:is(ul,ol) :is(ul,ol){margin-top:var(--sp-1);padding-left:1.4em}.post-body li+li{margin-top:var(--sp-1)}.post-body li::marker{color:var(--tertiary)}.post-body .applink{text-underline-offset:.2em;font-weight:700}.post-body>blockquote{padding-left:var(--sp-3);border-left:var(--stroke) solid var(--line);color:var(--sub)}.post-body>blockquote>*+*{margin-top:var(--sp-2)}.post-body>blockquote strong{color:var(--ink)}.post-body>table{border-collapse:collapse;max-width:100%;font-size:var(--t-sm);line-height:var(--lh-ui);display:block;overflow-x:auto}.post-body :is(th,td){padding:var(--sp-1) var(--sp-2) var(--sp-1) 0;border-bottom:var(--rule) solid var(--line);text-align:left;vertical-align:top}.post-body th{white-space:nowrap;font-weight:700}.post-body>.demo{margin-top:var(--sp-6);margin-bottom:var(--sp-6)}.post-body>.demo.device{margin-left:auto;margin-right:auto}.get-app{padding:var(--section) 0;text-align:center;background:var(--surface)}.get-app img{border-radius:22px;width:96px;height:96px;margin:0 auto}.get-app h2{margin-top:var(--sp-4);font-size:var(--t-h2);font-weight:900;line-height:var(--lh-display);letter-spacing:var(--ls-display)}.get-app p{margin-top:var(--sp-2);color:var(--sub-on-surface)}.get-app .btn{margin-top:var(--sp-5)}@media (width<=900px){.blog-index{gap:var(--sp-4);padding-top:var(--sp-5);grid-template-columns:minmax(0,1fr)}.blog-head{position:static}.post-item-m{row-gap:var(--sp-half);flex-wrap:wrap}.post-item-m .post-item-x{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;width:100%;display:-webkit-box}.gnav{gap:var(--sp-2);margin-left:var(--sp-2)}}@media (width<=420px){.gnav{display:none}}