@layer z.tokens,z.base,z.components;@layer z.pages{.z-compare{gap:var(--z-space-6);padding-block:var(--z-space-10) var(--z-space-18);flex-direction:column;display:flex}.z-compare__head{justify-content:space-between;align-items:flex-end;gap:var(--z-space-4) var(--z-space-8);flex-wrap:wrap;display:flex}.z-compare__head>div{flex:24rem;min-width:0}.z-compare__lead{max-width:40rem;margin-top:var(--z-space-2);color:var(--z-sub);font:var(--z-text-body-lg)}.z-compare__count{align-self:flex-end}.z-compare__picker{gap:var(--z-space-4);flex-direction:column;display:flex}.z-compare__picker p{margin-top:var(--z-space-1);color:var(--z-sub);font:var(--z-text-small)}.z-compare__picker .z-chip{padding-inline-start:var(--z-space-1)}.z-compare__single{align-items:center;gap:var(--z-space-3) var(--z-space-4);flex-wrap:wrap;display:flex}.z-compare__single>div{flex:16rem;min-width:0}.z-compare__single p+p{color:var(--z-sub);font:var(--z-text-small)}.z-compare__body{gap:var(--z-space-4);flex-direction:column;display:flex}.z-compare__guide{color:var(--z-sub);font:var(--z-text-small)}.z-compare__guide .z-compare__diff{margin-inline-end:var(--z-space-1)}.z-compare__note{max-width:52rem;color:var(--z-sub);font:var(--z-text-caption)}.z-compare__table{table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-surface);width:100%;color:var(--z-ink);font:var(--z-text-small)}.z-compare__table :is(th,td){padding:var(--z-space-4) var(--z-space-5);border-top:1px solid var(--z-line);text-align:start;vertical-align:top;overflow-wrap:anywhere}@media (min-width:48em){.z-compare__table tbody tr:first-child>*{border-top:0}}.z-compare__table td{border-inline-start:1px solid var(--z-line)}.z-compare__corner{width:11rem}.z-compare__table thead th{top:var(--z-header-h);z-index:2;border-top:0;border-bottom:1px solid var(--z-line-strong);background:var(--z-surface);font-weight:400;position:sticky}.z-compare__table thead th+th{border-inline-start:1px solid var(--z-line)}.z-compare__table thead th:first-child{border-start-start-radius:var(--z-radius-md)}.z-compare__table thead th:last-child{border-start-end-radius:var(--z-radius-md)}.z-compare__corner>span{font:var(--z-text-small-strong);display:block}.z-compare__corner .z-compare__corner-note{color:var(--z-sub);font:var(--z-text-caption)}.z-compare__tool{align-items:center;gap:var(--z-space-3);min-width:0;display:flex}.z-compare__name{min-width:0;font:var(--z-text-body-strong);overflow-wrap:anywhere;font-size:1.0625rem}@media (hover:hover){.z-compare__name:hover{text-underline-offset:3px;text-decoration:underline}}.z-compare__remove{margin:var(--z-space-2) 0 0 calc(-1 * var(--z-space-2));color:var(--z-sub)}.z-compare__table tbody th{font:var(--z-text-small-strong)}.z-compare__table tbody th>span:first-child{display:block}.z-compare__diff{margin-top:var(--z-space-1-5);padding:0 var(--z-space-1-5);border-radius:var(--z-radius-xs);background:var(--z-muted);color:var(--z-sub);font:var(--z-text-label);letter-spacing:var(--z-tracking-label);align-items:center;display:inline-flex}.z-compare__cell-tool{display:none}.z-compare__text{white-space:pre-line}.z-compare__list{gap:var(--z-space-1-5);padding-inline-start:1.1em;list-style:outside;display:grid}.z-compare__list[data-ordered]{list-style:decimal}.z-compare__list li::marker{color:var(--z-sub)}.z-compare__formats{gap:var(--z-space-1-5);flex-wrap:wrap;display:flex}.z-compare__formats li{padding:var(--z-space-0-5) var(--z-space-2);border-radius:var(--z-radius-xs);background:var(--z-muted);color:var(--z-sub);font:var(--z-text-caption);border:1px solid #0000}.z-compare__formats li[data-distinct]{border-color:var(--z-line-strong);background:var(--z-surface);color:var(--z-ink);font-weight:600}.z-compare__sources{gap:var(--z-space-2);flex-direction:column;display:flex}.z-compare__sources .z-link{white-space:normal}@media (forced-colors:active){.z-compare__diff,.z-compare__formats li{border:1px solid canvastext}}@media (max-height:31.25em){.z-compare__table thead th{position:static}}@media (pointer:coarse){.z-compare__name{position:relative}.z-compare__name:after{content:"";inset:50% calc(-1 * var(--z-space-1)) auto;height:max(100% + 2 * var(--z-space-2), var(--z-tap));position:absolute;translate:0 -50%}}@media (max-width:59.9375em){.z-compare{gap:var(--z-space-5);padding-block:var(--z-space-6) var(--z-space-12)}.z-compare__corner{width:8.5rem}.z-compare__table :is(th,td){padding:var(--z-space-3) var(--z-space-4)}}@media (max-width:47.9375em){.z-compare__table,.z-compare__table :is(thead,tbody,tr,th,td){display:block}.z-compare__table{background:0 0;border:0;border-radius:0}.z-compare__table thead tr{gap:var(--z-space-2);flex-direction:column;display:flex;position:relative}.z-compare__table thead .z-compare__corner{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.z-compare__table thead th,.z-compare__table thead th+th{justify-content:space-between;align-items:center;gap:var(--z-space-3);padding:var(--z-space-2) var(--z-space-2) var(--z-space-2) var(--z-space-3);border:1px solid var(--z-line);border-radius:var(--z-radius-md);display:flex;position:static}.z-compare__remove{flex-shrink:0;margin:0}.z-compare__table tbody{gap:var(--z-space-3);margin-top:var(--z-space-4);flex-direction:column;display:flex}.z-compare__table tbody tr{border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-surface);overflow:hidden}.z-compare__table tbody th{justify-content:space-between;align-items:center;gap:var(--z-space-2);padding:var(--z-space-3) var(--z-space-4);background:var(--z-muted);border-top:0;flex-wrap:wrap;display:flex}.z-compare__table tbody th .z-compare__diff{background:var(--z-surface);margin-top:0}.z-compare__table td{border-inline-start:0;border-top:1px solid var(--z-line)}.z-compare__cell-tool{margin-bottom:var(--z-space-1-5);color:var(--z-sub);font:var(--z-text-label);letter-spacing:var(--z-tracking-label);display:block}}@media (max-width:39.9375em){.z-compare__lead{font:var(--z-text-body)}.z-compare__head{align-items:flex-start}}}@layer z.utilities;
