.dhrNYa_root{max-width:87.5rem;padding:var(--size-20) var(--size-24) var(--size-24);margin:0 auto}.dhrNYa_playground{height:calc(100vh - var(--top) - 5.25rem);border:var(--hairline) solid var(--line);border-radius:var(--size-14);background:var(--bg);min-height:32.5rem;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.dhrNYa_playgroundToolbar{align-items:center;gap:var(--size-16);padding:var(--size-8) var(--size-10) var(--size-8) var(--size-14);border-bottom:var(--hairline) solid var(--line);flex-wrap:wrap;display:flex}.dhrNYa_languagePicker,.dhrNYa_themePicker{align-items:center;gap:var(--size-8);color:var(--faint);display:flex}.dhrNYa_languagePicker select,.dhrNYa_themePicker select{color:var(--ink);height:var(--size-32);padding:0 var(--size-32) 0 var(--size-10);border:var(--hairline) solid var(--line);border-radius:var(--size-8);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b909a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--size-10) center / var(--size-12);font-size:var(--size-14);font-weight:var(--weight-medium);cursor:pointer;appearance:none;transition:border-color var(--duration-fast)}.dhrNYa_languagePicker select:hover,.dhrNYa_themePicker select:hover{border-color:var(--line-strong);background-color:var(--soft)}.dhrNYa_themePicker .dhrNYa_paletteSwatch{width:var(--size-12);height:var(--size-12);border-radius:var(--radius-round);background:linear-gradient(135deg, var(--kirari-background) 50%, var(--kirari-keyword) 50%);box-shadow:0 0 0 var(--hairline) var(--line-strong);flex:none}.dhrNYa_editorActions{gap:var(--size-2);margin-left:auto;display:flex}.dhrNYa_editorPanes{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.dhrNYa_sourcePane,.dhrNYa_previewPane{flex-direction:column;min-width:0;min-height:0;display:flex}.dhrNYa_sourcePane{background:var(--soft);border-right:var(--hairline) solid var(--line)}.dhrNYa_previewPane{background:var(--kirari-background);color:var(--kirari-text)}.dhrNYa_paneLabel{height:var(--size-40);padding:0 var(--size-18);font-size:var(--size-12);color:var(--faint);flex:none;justify-content:space-between;align-items:center;display:flex}.dhrNYa_previewPane .dhrNYa_paneLabel{color:color-mix(in srgb, var(--kirari-text) 75%, transparent)}.dhrNYa_sourceFilename,.dhrNYa_tokenCount{font:var(--size-12) var(--mono)}.dhrNYa_source{resize:none;width:100%;padding:var(--size-4) var(--size-18) var(--size-18);color:var(--muted);font:var(--size-14) / var(--leading-code-relaxed) var(--mono);tab-size:2;white-space:pre;background:0 0;border:0;flex:1;overflow:auto}.dhrNYa_source:focus-visible{outline-offset:calc(-1 * var(--size-2));border-radius:0}.dhrNYa_source:hover:not(:focus){background:var(--soft-2)}.dhrNYa_previewCode{scroll-padding:var(--size-8);padding:var(--size-4) var(--size-18) var(--size-18);font:var(--size-14) / var(--leading-code-relaxed) var(--mono);tab-size:2;white-space:pre;flex:1;margin:0;overflow:auto}.dhrNYa_outputSwitch{--segmented-control-color:var(--kirari-text);--segmented-control-surface:var(--kirari-background)}.dhrNYa_inspectable{font:inherit;white-space:inherit;text-align:inherit;cursor:pointer;border-radius:var(--size-3);background:0 0;border:0;padding:0;display:inline}.dhrNYa_inspectable:hover{background:color-mix(in srgb, var(--kirari-text) 8%, transparent)}.dhrNYa_inspector{align-items:center;gap:var(--size-12);min-height:var(--size-48);padding:var(--size-8) var(--size-14);border-top:var(--hairline) solid var(--line);flex:none;display:flex}.dhrNYa_inspector>code{font-size:var(--size-13);color:var(--muted)}.dhrNYa_inspectorEnd{align-items:center;gap:var(--size-16);margin-left:auto;display:flex}.dhrNYa_tokenOffset{font:var(--size-12) var(--mono);color:var(--faint)}.dhrNYa_colorControl{align-items:center;gap:var(--size-8);font-size:var(--size-13);color:var(--muted);cursor:pointer;display:flex}:where(.dhrNYa_root) input[type=color]{width:var(--size-24);height:var(--size-24);padding:var(--size-2);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-round);background:var(--bg);cursor:pointer}:where(.dhrNYa_root) input[type=color]::-webkit-color-swatch-wrapper{padding:0}:where(.dhrNYa_root) input[type=color]::-webkit-color-swatch{border-radius:var(--radius-round);border:0}.dhrNYa_colorControl:hover input{border-color:var(--ink);box-shadow:0 0 0 var(--size-2) var(--soft-2)}.dhrNYa_editorHelp{margin:var(--size-14) 0 0;text-align:center;font-size:var(--size-14);color:var(--faint)}@media (max-width:53.75rem){.dhrNYa_editorPanes{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.dhrNYa_sourcePane{border-right:0;border-bottom:var(--hairline) solid var(--line)}.dhrNYa_playground{height:auto;min-height:0}.dhrNYa_source,.dhrNYa_previewCode{min-height:13.75rem}.dhrNYa_editorActions{margin-left:0}}@media (max-width:35rem){.dhrNYa_root{padding:var(--size-12)}.dhrNYa_colorControl>span,.dhrNYa_tokenOffset{display:none}}
.bCaw0W_subtle{color:var(--muted);transition:color var(--duration-fast)}.bCaw0W_subtle:hover,.bCaw0W_subtle[aria-current=page]{color:var(--ink)}.bCaw0W_strong{color:var(--ink);font-weight:var(--weight-medium)}.bCaw0W_strong:hover{color:var(--muted)}.bCaw0W_withArrow{align-items:center;gap:var(--size-6);display:inline-flex}.bCaw0W_arrow{transition:transform var(--duration-normal);display:inline-flex}:hover>.bCaw0W_withArrow{align-items:center;gap:var(--size-6);display:inline-flex}.bCaw0W_arrow{transform:translateX(var(--size-3))}
._5h3Gtq_root{border-radius:var(--size-12);background:var(--kirari-background);border:var(--hairline) solid var(--line);position:relative}._5h3Gtq_elevated{box-shadow:var(--shadow);border:0}._5h3Gtq_root ._5h3Gtq_codeMeta{justify-content:flex-end;align-items:center;gap:var(--size-4);padding:var(--size-6) var(--size-6) 0 var(--size-20);font-size:var(--code-meta-font-size,var(--size-12));color:var(--faint);display:flex}._5h3Gtq_root ._5h3Gtq_codeMeta ._5h3Gtq_copyButton{opacity:.55}._5h3Gtq_root:hover ._5h3Gtq_codeMeta ._5h3Gtq_copyButton,._5h3Gtq_root ._5h3Gtq_codeMeta ._5h3Gtq_copyButton:focus-visible,._5h3Gtq_root ._5h3Gtq_codeMeta ._5h3Gtq_copyButton[data-copied]{opacity:1}._5h3Gtq_root pre{padding:var(--size-2) var(--size-20) var(--size-18);font:.84375rem / var(--leading-code) var(--mono);border-radius:inherit;background:0 0;margin:0;overflow-x:auto}._5h3Gtq_root pre code{font:inherit}@media (hover:none){._5h3Gtq_root ._5h3Gtq_codeMeta ._5h3Gtq_copyButton{opacity:1}}@media (max-width:35rem){._5h3Gtq_root pre{font-size:var(--size-12-5);padding:var(--size-2) var(--size-16) var(--size-16)}}
.I7qx_q_root{align-items:center;gap:var(--size-10);height:2.875rem;padding:0 var(--size-6) 0 var(--size-16);border:var(--hairline) solid var(--line);border-radius:var(--size-11);background:var(--soft);font:var(--size-14) var(--mono);max-width:100%;display:inline-flex}.I7qx_q_root code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.I7qx_q_root .I7qx_q_installPrompt{color:var(--faint);-webkit-user-select:none;user-select:none}@media (max-width:35rem){.I7qx_q_root{width:100%;font-size:var(--size-13)}}
.RTwwja_root{right:var(--size-24);bottom:var(--size-24);z-index:50;padding:var(--size-10) var(--size-18);border-radius:var(--size-10);background:var(--ink);color:var(--bg);font-size:var(--size-14);box-shadow:var(--shadow);max-width:calc(100vw - var(--size-32));position:fixed}@media (max-width:35rem){.RTwwja_root{right:var(--size-16);bottom:var(--size-16)}}
.RFgrSW_root{place-items:center;display:inline-grid}.RFgrSW_root>*{transition:transform .35s cubic-bezier(.34, 1.56, .64, 1), opacity var(--duration-normal);grid-area:1/1}.RFgrSW_hash{font-size:var(--size-22);font-weight:400;line-height:var(--leading-none)}.RFgrSW_root .RFgrSW_copyCheck{opacity:0;transform:scale(.4)rotate(-20deg)}.RFgrSW_root .RFgrSW_copyCheck path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s ease-out 80ms}[data-copied] .RFgrSW_root>:first-child{opacity:0;transform:scale(.4)rotate(45deg)}[data-copied] .RFgrSW_root .RFgrSW_copyCheck{opacity:1;transform:none}[data-copied] .RFgrSW_root .RFgrSW_copyCheck path{stroke-dashoffset:0}
.ajsdXW_root{border-radius:var(--size-8);color:var(--icon-button-color,var(--muted));transition:background var(--duration-fast), color var(--duration-fast), opacity var(--duration-fast);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ajsdXW_root:hover{background:var(--icon-button-hover-background,var(--soft-2));color:var(--icon-button-hover-color,var(--ink))}.ajsdXW_xs{width:var(--size-28);height:var(--size-28)}.ajsdXW_sm{width:var(--size-30);height:var(--size-30)}.ajsdXW_md{width:var(--size-34);height:var(--size-34)}
.PIVNxG_root{min-width:0;color:var(--faint);align-items:center;display:flex}.PIVNxG_input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0}.PIVNxG_outline{gap:var(--size-8);height:var(--size-40);padding:0 var(--size-12);border:var(--hairline) solid var(--line);border-radius:var(--size-10)}.PIVNxG_outline .PIVNxG_input{font-size:var(--size-16)}.PIVNxG_outline:hover:not(:focus-within){border-color:var(--line-strong);background:var(--soft)}.PIVNxG_outline:focus-within{border-color:var(--accent);box-shadow:0 0 0 var(--size-3) var(--accent-soft)}.PIVNxG_bare{gap:var(--size-12)}.PIVNxG_bare .PIVNxG_input{font-size:var(--size-17)}
.u1q-wW_root{align-items:center;gap:var(--size-4) var(--size-6);width:fit-content;max-width:100%;padding:var(--size-8) var(--size-10);border-radius:var(--size-7);color:var(--ink);transition:background var(--duration-fast);display:grid}.u1q-wW_root:hover{color:var(--muted)}.u1q-wW_root small{color:var(--muted);font-size:var(--size-14)}.u1q-wW_root span{font-weight:var(--weight-medium);grid-row:2}.u1q-wW_root svg{color:var(--faint);transition:color var(--duration-fast);grid-row:2}.u1q-wW_root:hover svg{color:var(--ink)}.u1q-wW_root[rel=prev]{grid-column:1;grid-template-columns:auto minmax(0,1fr)}.u1q-wW_root[rel=prev] :is(small,span){grid-column:2}.u1q-wW_root[rel=prev] svg{grid-column:1;transform:rotate(90deg)}.u1q-wW_root[rel=next]{text-align:right;grid-column:2;grid-template-columns:minmax(0,1fr) auto;justify-self:end}.u1q-wW_root[rel=next] :is(small,span){grid-column:1}.u1q-wW_root[rel=next] svg{grid-column:2;transform:rotate(-90deg)}
.riR5Fa_header{justify-content:space-between;align-items:center;gap:var(--size-16);margin:var(--size-28) 0 var(--size-14);display:flex}.riR5Fa_filter{flex:0 18.75rem}.riR5Fa_count{font-size:var(--size-14);color:var(--faint);white-space:nowrap}.riR5Fa_empty{color:var(--muted)}@media (max-width:35rem){.riR5Fa_header{flex-wrap:wrap}.riR5Fa_filter{flex:100%}}
.yPKArG_root{--divider-color:var(--line-strong);border:var(--hairline) solid var(--line-strong);border-radius:var(--size-7);background:var(--bg);flex:none;margin-left:auto;display:inline-flex}.yPKArG_copy,.yPKArG_menu>summary{height:var(--size-28);color:var(--muted);background:0 0;border:0;align-items:center;display:inline-flex}.yPKArG_copy:hover,.yPKArG_menu>summary:hover,.yPKArG_menu[open]>summary{background:var(--soft);color:var(--ink)}.yPKArG_copy{gap:var(--size-6);padding:0 var(--size-9);border-radius:var(--size-6) 0 0 var(--size-6);font-size:var(--size-12);font-weight:var(--weight-medium)}.yPKArG_menu{position:relative}.yPKArG_menu>summary{width:var(--size-28);border-radius:0 var(--size-6) var(--size-6) 0;cursor:pointer;justify-content:center;list-style:none}.yPKArG_menu>summary::-webkit-details-marker{display:none}.yPKArG_menuPanel{top:calc(100% + var(--size-6));z-index:20;width:15.875rem;padding:var(--size-5);border:var(--hairline) solid var(--line);border-radius:var(--size-10);background:var(--bg);box-shadow:var(--shadow);position:absolute;right:0}.yPKArG_menuItem{align-items:center;gap:var(--size-10);width:100%;padding:var(--size-9);border-radius:var(--size-6);color:var(--ink);text-align:left;display:flex}.yPKArG_menuItem:hover{background:var(--soft)}.yPKArG_menuItem svg{color:var(--muted);flex:none}.yPKArG_menuItem strong,.yPKArG_menuItem small{display:block}.yPKArG_menuItem strong{font-size:var(--size-13);font-weight:var(--weight-medium)}.yPKArG_menuItem small{color:var(--muted);font-size:var(--size-12)}
._48keHW_root>p:not(._48keHW_eyebrow){margin:var(--size-14) 0 var(--size-20);color:var(--muted);font-size:var(--size-17)}._48keHW_root h2{font-size:clamp(var(--size-28), 3.4vw, 2.375rem);font-weight:var(--weight-heading);margin:0;line-height:1.15}._48keHW_link{font-size:var(--size-15)}._48keHW_eyebrow{align-items:center;gap:var(--size-7);margin:0 0 var(--size-14);font-size:var(--size-13);font-weight:var(--weight-semibold);color:var(--gold-text);display:inline-flex}
.KsDxdq_root{gap:var(--size-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}
._9qh-WG_root{--segmented-control-ink:var(--segmented-control-color,var(--ink));gap:var(--size-2);padding:var(--size-2);border-radius:var(--size-7);background:color-mix(in srgb, var(--segmented-control-ink) 8%, transparent);display:flex}._9qh-WG_item{height:var(--size-22);padding:0 var(--size-9);border-radius:var(--size-5);color:color-mix(in srgb, var(--segmented-control-ink) 75%, transparent);font-size:var(--size-12);background:0 0;border:0}._9qh-WG_item[aria-pressed=true]{background:var(--segmented-control-surface,var(--bg));color:var(--segmented-control-ink);box-shadow:0 var(--hairline) var(--size-2) #0000001f}._9qh-WG_item:hover{background:color-mix(in srgb, var(--segmented-control-ink) 16%, transparent);color:var(--segmented-control-ink)}
.tD6oTq_root{max-width:var(--page-width);padding:var(--size-64) var(--size-24) var(--size-80);margin:0 auto}.tD6oTq_header h1{font-size:clamp(var(--size-40), 6vw, var(--size-56));font-weight:var(--weight-heading);margin:0;line-height:1.1}.tD6oTq_header p{max-width:36rem;margin:var(--size-12) 0 0;color:var(--muted);font-size:var(--size-17)}.tD6oTq_filters{--bleed:var(--size-24);top:var(--top);z-index:20;margin:var(--size-16) calc(var(--bleed) * -1) 0;padding:var(--size-12) var(--bleed);border-bottom:var(--hairline) solid var(--line);background:var(--bg);position:sticky}.tD6oTq_filterList{gap:var(--size-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tD6oTq_count{min-width:var(--size-20);padding:0 var(--size-5);border-radius:var(--size-10);background:color-mix(in srgb, currentColor 10%, transparent);font:var(--weight-medium) var(--size-11) / var(--size-18) var(--mono);text-align:center}.tD6oTq_timeline{margin:var(--size-24) 0 0;padding:0;list-style:none}.tD6oTq_release{gap:var(--size-40);padding-left:var(--size-24);grid-template-columns:12rem minmax(0,1fr);display:grid;position:relative}.tD6oTq_release:before{content:"";border-left:var(--hairline) solid var(--line-strong);position:absolute;inset:0 auto 0 0}.tD6oTq_release:after{content:"";top:calc(var(--size-32) + var(--size-8));left:calc(var(--size-4) * -1 + var(--hairline) / 2);width:var(--size-8);height:var(--size-8);border:var(--hairline) solid var(--ink);background:var(--bg);position:absolute}.tD6oTq_release:first-child:after{background:var(--ink)}.tD6oTq_meta{align-items:flex-start;gap:var(--size-6);padding-top:var(--size-32);flex-direction:column;display:flex}.tD6oTq_version{scroll-margin-top:var(--size-64);padding:var(--size-2) var(--size-8);border-radius:var(--size-4);background:var(--soft-2);font:var(--weight-medium) var(--size-14) / 1.6 var(--mono);letter-spacing:0;margin:0}.tD6oTq_date{color:var(--faint);font-family:var(--mono);font-size:var(--size-13)}.tD6oTq_body{min-width:0;max-width:46rem;padding:var(--size-32) 0}.tD6oTq_release+.tD6oTq_release .tD6oTq_body{border-top:var(--hairline) solid var(--line)}.tD6oTq_category+.tD6oTq_category{margin-top:var(--size-24)}.tD6oTq_category h3{align-items:center;gap:var(--size-8);margin:0 0 var(--size-8);color:var(--muted);font:var(--weight-semibold) var(--size-12) / 1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;display:flex}.tD6oTq_category h3:before{content:"";width:var(--size-8);height:var(--size-8);border-radius:var(--size-2);background:var(--marker);transform:translateY(-1px)}.tD6oTq_category[data-category=breaking]{--marker:var(--kirari-deleted)}.tD6oTq_category[data-category=improvements]{--marker:var(--gold)}.tD6oTq_category[data-category=fixes]{--marker:var(--kirari-string)}.tD6oTq_category h4{font-size:var(--size-16);font-weight:var(--weight-semibold);margin:0;line-height:1.5}.tD6oTq_category h4~h4{margin-top:var(--size-28)}.tD6oTq_category p{margin:var(--size-6) 0 0}.tD6oTq_category [data-migrate]{margin-top:var(--size-14);color:var(--muted);font-size:var(--size-14)}.tD6oTq_category :is(ul,ol){margin:var(--size-4) 0 0;padding-left:var(--size-20)}.tD6oTq_category li{margin:var(--size-6) 0}.tD6oTq_category li::marker{color:var(--faint)}.tD6oTq_category ol li::marker{font:var(--weight-medium) var(--size-13) var(--mono)}.tD6oTq_category div:has(>pre){margin-top:var(--size-12)}.tD6oTq_category pre code{color:inherit;font-size:inherit;overflow-wrap:normal;background:0 0;border-radius:0;padding:0}@media (max-width:47.99rem){.tD6oTq_root{padding:var(--size-40) var(--size-16) var(--size-64)}.tD6oTq_filters{--bleed:var(--size-16);scrollbar-width:none;overflow-x:auto}.tD6oTq_filterList{flex-wrap:nowrap;width:max-content}.tD6oTq_timeline{margin-top:var(--size-16)}.tD6oTq_release{padding-left:var(--size-20);grid-template-columns:minmax(0,1fr);gap:0}.tD6oTq_meta{align-items:center;gap:var(--size-6) var(--size-12);flex-flow:wrap}.tD6oTq_body{padding-top:var(--size-16)}.tD6oTq_release+.tD6oTq_release .tD6oTq_body{border-top:0}}
.xga25a_frame{--scrollbar-gap:var(--size-16);margin:0 0 var(--size-16);position:relative}.xga25a_frame:before,.xga25a_frame:after{content:"";top:0;bottom:var(--scrollbar-gap);z-index:3;width:var(--size-32);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);position:absolute}.xga25a_frame:before{left:var(--label-width);background:linear-gradient(to right, var(--bg), transparent)}.xga25a_frame:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.xga25a_frame[data-overflow-start]:before,.xga25a_frame[data-overflow-end]:after{opacity:1}.xga25a_scroller{overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:var(--scrollbar-gap);scrollbar-width:thin;border-radius:var(--size-4);scroll-padding-inline-start:var(--label-width);overflow-x:auto}.xga25a_scroller:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.xga25a_root{min-width:50rem;position:relative}.xga25a_row,.xga25a_column{z-index:1;background:color-mix(in srgb, var(--ink) 2%, transparent);opacity:0;pointer-events:none;transform-origin:0 0;transition:opacity var(--duration-normal) var(--ease-out), transform .25s var(--ease-in-out);position:absolute;top:0;left:0}.xga25a_row{width:100%;height:1px;transform:translate3d(0, var(--start), 0) scaleY(var(--band-scale))}.xga25a_column{width:1px;height:100%;transform:translate3d(var(--start), 0, 0) scaleX(var(--band-scale))}.xga25a_row[data-visible],.xga25a_column[data-visible]{opacity:1}.xga25a_row[data-snap],.xga25a_column[data-snap]{transition:opacity var(--duration-normal) var(--ease-out)}@media (prefers-reduced-motion:reduce){.xga25a_row,.xga25a_column,.xga25a_row[data-snap],.xga25a_column[data-snap],.xga25a_frame:before,.xga25a_frame:after{transition:none}}
.DNCEOG_root{padding:var(--size-6) var(--size-13);border:var(--hairline) solid var(--line);font-size:var(--size-14);color:var(--muted);transition:color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);border-radius:62.4375rem;display:inline-block}.DNCEOG_root span{display:inline-block}.DNCEOG_root:hover{color:var(--gold-text);border-color:var(--gold-text);background:color-mix(in srgb, var(--gold) 8%, var(--bg))}
