@layer z.tokens,z.base,z.components;@layer z.pages{.z-searchpage{gap:var(--z-space-6);padding-block:var(--z-space-12) var(--z-space-18);flex-direction:column;display:flex}.z-searchpage__head h1{overflow-wrap:anywhere}.z-searchpage__lead{max-width:40rem;margin-top:var(--z-space-2);color:var(--z-sub);font:var(--z-text-body-lg)}.z-searchpage__form{gap:var(--z-space-2);flex-direction:column;display:flex}.z-searchpage__row{gap:var(--z-space-2);display:flex}.z-searchpage__row .z-search{max-width:none;height:var(--z-tap);background:var(--z-surface);flex:1}.z-searchpage__row .z-search input{font:var(--z-text-body-lg)}.z-searchpage__row .z-btn{min-height:var(--z-tap)}.z-searchpage__summary{justify-content:space-between;align-items:baseline;gap:var(--z-space-1) var(--z-space-4);font:var(--z-text-small);flex-wrap:wrap;display:flex}.z-searchpage__summary p{color:var(--z-ink);overflow-wrap:anywhere}.z-searchpage__summary .z-sub{font:var(--z-text-caption)}.z-searchpage:has(.z-pending[data-pending=true]) .z-results{opacity:.55;transition:opacity var(--z-dur) var(--z-ease)}.z-results{overflow:hidden}.z-result{grid-template-columns:var(--z-control-h) minmax(0, 1fr);gap:var(--z-space-4);padding:var(--z-space-4) var(--z-space-5);transition:background-color var(--z-dur-fast) var(--z-ease);display:grid;position:relative}.z-result+.z-result{border-top:1px solid var(--z-line)}.z-result__symbol{width:var(--z-control-h);height:var(--z-control-h);border-radius:var(--z-radius-sm);background:var(--z-muted);color:var(--z-sub);place-items:center;display:grid}.z-result__symbol .z-icon{stroke-width:1.75px;width:20px;height:20px}.z-result__body{gap:var(--z-space-1-5);flex-direction:column;min-width:0;display:flex}.z-result__meta{align-items:center;gap:var(--z-space-1) var(--z-space-2);color:var(--z-sub);font:var(--z-text-caption);flex-wrap:wrap;display:flex}.z-result__title{font:var(--z-text-body-strong);overflow-wrap:anywhere}.z-result__title a:after{content:"";position:absolute;inset:0}.z-result__title a{scroll-margin-block:var(--z-space-6)}.z-result__title a:focus-visible{outline:none}.z-result:has(.z-result__title a:focus-visible){outline:2px solid var(--z-focus);outline-offset:-2px}.z-result__excerpt{-webkit-line-clamp:2;color:var(--z-sub);font:var(--z-text-small);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.z-result__foot{align-items:center;gap:var(--z-space-1) var(--z-space-2);color:var(--z-sub);font:var(--z-text-caption);flex-wrap:wrap;display:flex}.z-result__foot .z-avatar{--size:20px;font-size:.5625rem}.z-result__foot .z-icon{width:14px;height:14px}.z-mark{border-radius:var(--z-radius-xs);background:var(--z-accent-soft);box-shadow:0 0 0 2px var(--z-accent-soft);color:var(--z-ink);text-decoration:underline;-webkit-text-decoration-color:var(--z-accent);text-decoration-color:var(--z-accent);text-underline-offset:3px;font-weight:600;text-decoration-thickness:2px}@media (hover:hover){.z-result:hover{background:var(--z-muted)}.z-result:hover .z-result__symbol{background:var(--z-surface)}}.z-searchpage__examples{gap:var(--z-space-3);flex-direction:column;display:flex}.z-searchpage__examples>p:not(.z-notice){color:var(--z-sub);font:var(--z-text-small)}.z-searchpage__empty-actions{gap:var(--z-space-3);margin-top:var(--z-space-1);flex-wrap:wrap;display:flex}.z-searchpage__empty-actions .z-btn{margin-top:0}.z-searchpage .z-pagination{margin-top:var(--z-space-2)}.z-searchpage__cap{color:var(--z-sub);font:var(--z-text-caption)}@media (max-width:59.9375em){.z-searchpage{gap:var(--z-space-5);padding-block:var(--z-space-8) var(--z-space-12)}}@media (max-width:39.9375em){.z-searchpage__lead{font:var(--z-text-body)}.z-searchpage__row{flex-wrap:wrap}.z-searchpage__row .z-search{flex-basis:100%}.z-searchpage__row .z-btn{flex:1}.z-result{grid-template-columns:var(--z-control-h-sm) minmax(0, 1fr);gap:var(--z-space-3);padding:var(--z-space-4)}.z-result__symbol{width:var(--z-control-h-sm);height:var(--z-control-h-sm)}.z-result__symbol .z-icon{width:16px;height:16px}.z-result>.z-avatar{--size:var(--z-control-h-sm);font:var(--z-text-label)}.z-result>.z-logo-tile{width:var(--z-control-h-sm);height:var(--z-control-h-sm)}.z-result>.z-logo-tile img{width:18px;height:18px}.z-searchpage .z-tabs{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--z-space-6)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--z-space-6)), transparent);padding-inline-end:var(--z-space-6);scroll-padding-inline-end:var(--z-space-6)}}}@layer z.utilities;