.side[data-astro-cid-i6dgp6dv]{border-block-end:1px solid var(--ui-line);background:var(--ui-panel);min-width:0}.side__toggle[data-astro-cid-i6dgp6dv]{min-height:2.75rem;padding-inline:var(--ui-gutter);cursor:pointer;align-items:center;gap:.5rem;font-weight:500;list-style:none;display:flex}.side__toggle[data-astro-cid-i6dgp6dv]::-webkit-details-marker{display:none}.side__toggle[data-astro-cid-i6dgp6dv] .side__chevron{color:var(--ui-muted);transition:transform var(--dur-fast) var(--ease);margin-inline-start:auto}.side[data-astro-cid-i6dgp6dv][open] .side__toggle[data-astro-cid-i6dgp6dv] .side__chevron{transform:rotate(180deg)}.side__toggle[data-astro-cid-i6dgp6dv]:focus-visible{outline-offset:-3px}.side__nav[data-astro-cid-i6dgp6dv]{gap:1.125rem;padding:.25rem .75rem 1.25rem;display:grid}.side__label[data-astro-cid-i6dgp6dv]{color:var(--ui-muted);letter-spacing:.01em;padding:0 .625rem .25rem;font-size:.75rem;font-weight:500}.side__nav[data-astro-cid-i6dgp6dv] ul[data-astro-cid-i6dgp6dv]{gap:1px;display:grid}.side__nav[data-astro-cid-i6dgp6dv] a[data-astro-cid-i6dgp6dv]{border-radius:var(--ui-radius-sm);min-height:2rem;transition:background-color var(--dur-fast) var(--ease);align-items:center;padding-inline:.625rem;font-size:.875rem;text-decoration:none;display:flex}.side__nav[data-astro-cid-i6dgp6dv] a[data-astro-cid-i6dgp6dv]:hover{background:var(--ui-fill)}.side__nav[data-astro-cid-i6dgp6dv] a[data-astro-cid-i6dgp6dv][aria-current=page]{background:var(--ui-active);color:var(--ui-active-ink);font-weight:500}.side__nav[data-astro-cid-i6dgp6dv] a[data-astro-cid-i6dgp6dv]:focus-visible{outline-offset:0}@media (width>=64rem){.side[data-astro-cid-i6dgp6dv]{border-block-end:0;border-inline-end:1px solid var(--ui-line);overscroll-behavior:contain;height:100%;overflow-y:auto}.side__toggle[data-astro-cid-i6dgp6dv]{display:none}.side[data-astro-cid-i6dgp6dv]::details-content{content-visibility:visible}.side__nav[data-astro-cid-i6dgp6dv]{padding-block-start:1.25rem}}.states[data-astro-cid-uekjgt5d]{border:0;gap:1px;min-width:0;margin:0;padding:0;display:grid}.states__option[data-astro-cid-uekjgt5d]{display:flex;position:relative}.states__option[data-astro-cid-uekjgt5d] input[data-astro-cid-uekjgt5d]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.states__face[data-astro-cid-uekjgt5d]{width:100%;min-height:2.25rem;color:var(--ui-ink);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease);border-radius:5px;align-items:center;gap:.375rem;padding-inline:.5rem;font-size:.875rem;font-weight:450;display:flex}.states__face[data-astro-cid-uekjgt5d]:before{content:"";border:1.5px solid var(--ui-line-strong);background:var(--ui-panel);border-radius:50%;flex:none;width:.875rem;height:.875rem}.states__option[data-astro-cid-uekjgt5d]:hover .states__face[data-astro-cid-uekjgt5d],.states__option[data-astro-cid-uekjgt5d] input[data-astro-cid-uekjgt5d]:checked+.states__face[data-astro-cid-uekjgt5d]{background:var(--ui-fill)}.states__option[data-astro-cid-uekjgt5d] input[data-astro-cid-uekjgt5d]:checked+.states__face[data-astro-cid-uekjgt5d]{font-weight:600}.states__option[data-astro-cid-uekjgt5d] input[data-astro-cid-uekjgt5d]:checked+.states__face[data-astro-cid-uekjgt5d]:before{border:4px solid var(--ui-active)}.states__option[data-astro-cid-uekjgt5d] input[data-astro-cid-uekjgt5d]:focus-visible+.states__face[data-astro-cid-uekjgt5d]{outline:var(--focus-width) solid var(--ui-active);outline-offset:2px}.wb[data-astro-cid-zvr4ttoe]{min-width:0}.wb__main[data-astro-cid-zvr4ttoe]{min-width:0;padding:1.25rem var(--ui-gutter) 2rem;container:wb-main/inline-size}.wb__layout[data-astro-cid-zvr4ttoe]{gap:1rem;min-width:0;display:grid}.wb__work[data-astro-cid-zvr4ttoe]{flex-direction:column;gap:1rem;min-width:0;display:flex}.wb__head[data-astro-cid-zvr4ttoe]{gap:.25rem;display:grid}.wb__crumbs[data-astro-cid-zvr4ttoe] ol[data-astro-cid-zvr4ttoe]{color:var(--ui-muted);flex-wrap:wrap;gap:.375rem;font-size:.8125rem;display:flex}.wb__crumbs[data-astro-cid-zvr4ttoe] a[data-astro-cid-zvr4ttoe]{text-underline-offset:.2em}.wb__title[data-astro-cid-zvr4ttoe]{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;display:flex}.wb__title[data-astro-cid-zvr4ttoe] h1[data-astro-cid-zvr4ttoe]{letter-spacing:-.025em;font-size:1.625rem;font-weight:650;line-height:1.2}.wb__id[data-astro-cid-zvr4ttoe]{background:var(--ui-fill);color:var(--ui-muted);border-radius:5px;padding:.125rem .375rem}.wb__desc[data-astro-cid-zvr4ttoe]{max-width:44rem;color:var(--ui-muted);font-size:.875rem}.wb__controls[data-astro-cid-zvr4ttoe]{flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem;display:flex}.wb__stage[data-astro-cid-zvr4ttoe]{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-panel);flex-direction:column;min-width:0;display:flex;overflow:hidden}.wb__bar[data-astro-cid-zvr4ttoe]{border-block-end:1px solid var(--ui-line);flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.5rem .375rem;display:flex}.wb__tabs[data-astro-cid-zvr4ttoe]{scrollbar-width:none;flex:8rem;gap:.125rem;min-width:0;display:flex;overflow-x:auto}.wb__tabs[data-astro-cid-zvr4ttoe][data-more-end]{mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),#0000)}.wb__tabs[data-astro-cid-zvr4ttoe][data-more-start]{mask-image:linear-gradient(270deg,#000 calc(100% - 3rem),#0000)}.wb__tabs[data-astro-cid-zvr4ttoe][data-more-start][data-more-end]{mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000)}.wb__tabs[data-astro-cid-zvr4ttoe] [data-astro-cid-zvr4ttoe][role=tab]{min-height:3rem;color:var(--ui-muted);white-space:nowrap;background:0 0;border:0;flex:none;padding:0 .75rem;font-size:.875rem;font-weight:500;position:relative}.wb__tabs[data-astro-cid-zvr4ttoe] [data-astro-cid-zvr4ttoe][role=tab]:hover,.wb__tabs[data-astro-cid-zvr4ttoe] [data-astro-cid-zvr4ttoe][role=tab][aria-selected=true]{color:var(--ui-ink)}.wb__tabs[data-astro-cid-zvr4ttoe] [data-astro-cid-zvr4ttoe][role=tab][aria-selected=true]:after{content:"";background:var(--ui-active);border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto .5rem 0}.wb__tabs[data-astro-cid-zvr4ttoe] [data-astro-cid-zvr4ttoe][role=tab]:focus-visible{outline-offset:-4px;border-radius:8px}.wb__viewports[data-astro-cid-zvr4ttoe]{flex:none;margin-inline-start:auto;padding-block:.25rem}.wb__canvas[data-astro-cid-zvr4ttoe]{background-color:var(--ui-bg);background-image:radial-gradient(circle at center, var(--ui-line-2) 1px, transparent 1.5px);background-size:16px 16px;justify-content:center;align-items:flex-start;height:clamp(26rem,72dvh,56rem);padding:1rem;display:flex;position:relative;overflow:hidden}.wb__device[data-astro-cid-zvr4ttoe]{border:1px solid var(--ui-line-2);background:var(--ui-panel);box-sizing:content-box;border-radius:8px;flex:none;position:relative;overflow:hidden}.wb__device[data-astro-cid-zvr4ttoe]:not([data-sized]){visibility:hidden}.wb__device[data-astro-cid-zvr4ttoe] iframe[data-astro-cid-zvr4ttoe]{transform-origin:0 0;border:0;display:block}.wb__caption[data-astro-cid-zvr4ttoe]{border-block-start:1px solid var(--ui-line);color:var(--ui-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;padding:.4375rem .75rem;font-size:.75rem;display:flex}.wb__caption-end[data-astro-cid-zvr4ttoe]{gap:.75rem;display:flex}.wb__inspector[data-astro-cid-zvr4ttoe]{align-content:start;gap:1rem;min-width:0;display:grid}@container wb-main (width>=34rem){.wb__inspector[data-astro-cid-zvr4ttoe]{grid-template-columns:repeat(2,minmax(0,1fr))}.panel--log[data-astro-cid-zvr4ttoe]{grid-column:1/-1}}.panel[data-astro-cid-zvr4ttoe]{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-panel);flex-direction:column;gap:.5rem;min-width:0;padding:.875rem .875rem 1rem;display:flex}.panel__head[data-astro-cid-zvr4ttoe]{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel__title[data-astro-cid-zvr4ttoe]{letter-spacing:0;font-size:.8125rem;font-weight:600}.panel__note[data-astro-cid-zvr4ttoe]{color:var(--ui-muted);font-size:.8125rem}.panel__action[data-astro-cid-zvr4ttoe]{min-height:1.75rem;color:var(--ui-muted);background:0 0;border:0;border-radius:5px;align-items:center;gap:.3125rem;padding-inline:.5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.panel__action[data-astro-cid-zvr4ttoe]:hover:not(:disabled){background:var(--ui-fill);color:var(--ui-ink)}.panel__action[data-astro-cid-zvr4ttoe]:disabled{cursor:default;opacity:.55}.hints[data-astro-cid-zvr4ttoe]{gap:.5rem;font-size:.875rem;display:grid}.hints[data-astro-cid-zvr4ttoe] li[data-astro-cid-zvr4ttoe]{padding-inline-start:.875rem;position:relative}.hints[data-astro-cid-zvr4ttoe] li[data-astro-cid-zvr4ttoe]:before{content:"";inset-inline-start:0;background:var(--ui-line-strong);border-radius:50%;width:.3125rem;height:.3125rem;position:absolute;top:.6em}.log[data-astro-cid-zvr4ttoe]{overscroll-behavior:contain;max-height:16rem;overflow-y:auto}.log[data-astro-cid-zvr4ttoe] ol[data-astro-cid-zvr4ttoe]{display:grid}.log[data-astro-cid-zvr4ttoe] li{border-block-start:1px solid var(--ui-line);grid-template-columns:auto 1fr;gap:.125rem .625rem;padding-block:.4375rem;font-size:.8125rem;display:grid}.log[data-astro-cid-zvr4ttoe] li:first-child{border-block-start:0}.log[data-astro-cid-zvr4ttoe] time{color:var(--ui-muted);font-family:var(--ui-mono);font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1.6}.log[data-astro-cid-zvr4ttoe] .log__msg{overflow-wrap:anywhere;min-width:0}.log[data-astro-cid-zvr4ttoe] .log__source{color:var(--ui-muted);font-family:var(--ui-mono);grid-column:2;font-size:.75rem}@media (width>=64rem){.wb[data-astro-cid-zvr4ttoe]{grid-template-columns:15rem minmax(0,1fr);min-height:0;display:grid}.wb__main[data-astro-cid-zvr4ttoe]{min-height:0;overflow-y:auto}@container wb-main (width>=60rem){.wb__layout[data-astro-cid-zvr4ttoe]{grid-template-columns:minmax(0,1fr) 17.5rem;height:100%;min-height:38rem}.wb__stage[data-astro-cid-zvr4ttoe]{flex:auto;min-height:0}.wb__canvas[data-astro-cid-zvr4ttoe]{flex:1 1 0;height:auto;min-height:18rem}.wb__inspector[data-astro-cid-zvr4ttoe]{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0}.panel--log[data-astro-cid-zvr4ttoe]{grid-column:auto;min-height:0}.log[data-astro-cid-zvr4ttoe]{flex:1 1 0;max-height:none}}}