.cmp{--cmp-market: var(--op-cta-to);--cmp-k: var(--cmp-market);margin-top: var(--op-space-8)}.cmp__bar{position: relative;display: flex;gap: 2px;padding: 6px;border-radius: var(--op-r-lg);background: var(--op-ground-ink);color: var(--op-ink-on-ground);box-shadow: var(--op-elevation-2)}.cmp__bar[hidden]{display: none}.cmp__thumb{position: absolute;top: 6px;bottom: 6px;left: 0;width: 0;border-radius: var(--op-r-md);background: var(--cmp-market);pointer-events: none;transition: transform var(--op-dur-reveal) var(--op-ease),width var(--op-dur-reveal) var(--op-ease),background-color var(--op-dur-panel)}.cmp__thumb--all{background: var(--op-surface)}.cmp__seg{position: relative;z-index: 1;flex: none;display: flex;align-items: center;gap: var(--op-space-2);min-height: 48px;padding: var(--op-space-3);border: 0;border-radius: var(--op-r-md);background: none;color: var(--op-on-ink-strong);font: inherit;font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);white-space: nowrap;cursor: pointer;transition: color var(--op-dur-base)}.cmp__seg[hidden]{display: none}.cmp__seg:hover,.cmp__seg[aria-pressed="true"]{color: var(--op-ink-on-ground)}.cmp__seg:focus-visible{outline: 2px solid var(--op-ink-on-ground);outline-offset: -3px}.cmp__segface{display: flex;align-items: center;gap: var(--op-space-2)}.cmp__flag{font-family: var(--op-font-emoji);font-size: var(--op-fs-xl);line-height: 1}.cmp__num{font-family: var(--op-font-mono);font-weight: var(--op-weight-semibold);font-variant-numeric: tabular-nums}.cmp__seg .cmp__num{color: color-mix(in srgb,var(--cmp-market) 40%,var(--op-ink-on-ground));transition: color var(--op-dur-base)}.cmp__seg--all .cmp__num{color: color-mix(in srgb,var(--cmp-all) 45%,var(--op-ink-on-ground))}.cmp__seg[aria-pressed="true"] .cmp__num{color: var(--op-ink-on-ground)}.cmp__seg--all[aria-pressed="true"],.cmp__seg--all[aria-pressed="true"] .cmp__num{color: var(--op-ink)}.cmp__seg--all[aria-pressed="true"]:focus-visible{outline-color: var(--op-ground-ink)}.cmp__seg--more{margin-left: auto}.cmp__chev{flex: none;transition: transform var(--op-dur-slow)}.cmp__seg--more[aria-expanded="true"] .cmp__chev{transform: rotate(180deg)}.cmp__menu{position: absolute;z-index: 5;top: calc(100% + var(--op-space-2));right: 6px;display: grid;gap: 2px;min-width: 270px;max-width: calc(100% - 12px);padding: 6px;border-radius: var(--op-r-lg);background: var(--op-surface);box-shadow: var(--op-elevation-3)}.cmp__menu[hidden]{display: none}.cmp__opt{display: grid;grid-template-columns: 28px minmax(0,1fr) auto;align-items: center;gap: var(--op-space-3);padding: var(--op-space-3);border: 0;border-radius: var(--op-r-sm);background: none;color: var(--op-ink);font: inherit;font-size: var(--op-fs-md);font-weight: var(--op-weight-medium);text-align: left;cursor: pointer}.cmp__opt[hidden]{display: none}.cmp__opt:hover{background: color-mix(in srgb,var(--cmp-market) 10%,var(--op-surface))}.cmp__opt:focus-visible{outline: 2px solid var(--cmp-market);outline-offset: -2px}.cmp__opt .cmp__num{color: var(--cmp-market)}.cmp__opt[aria-pressed="true"]{background: var(--cmp-market);color: var(--op-ink-on-accent)}.cmp__opt[aria-pressed="true"] .cmp__num{color: var(--op-ink-on-accent)}.cmp__state{display: grid;grid-template-columns: minmax(0,1fr) minmax(240px,300px) minmax(0,1fr);gap: var(--op-space-5);align-items: stretch;margin-top: var(--op-space-6)}.cmp__state[hidden]{display: none}.cmp__state + .cmp__state{margin-top: var(--op-space-10)}.cmp__state--all{--cmp-k: var(--cmp-all)}.cmp__state--oneside{grid-template-columns: minmax(240px,300px) minmax(0,1fr)}.cmp__state--oneside .cmp__col:first-child{order: 1}.cmp__state--oneside .cmp__list{grid-template-columns: repeat(2,minmax(0,1fr))}.cmp__h{margin: 0 0 var(--op-space-3);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);line-height: var(--op-lh-heading);color: var(--op-ink)}.cmp__list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--op-space-3)}.cmp__card{position: relative;display: grid;grid-template-columns: 52px minmax(0,1fr) auto;align-items: center;gap: var(--op-space-3);padding: var(--op-space-3) var(--op-space-4);border-radius: var(--op-r-lg);background: var(--op-surface);box-shadow: var(--op-elevation-1)}.cmp__place{font-family: var(--op-font-mono);font-size: var(--op-fs-lg);font-weight: var(--op-weight-semibold);font-variant-numeric: tabular-nums;color: var(--cmp-k)}.cmp__who{display: flex;flex-direction: column;gap: 2px;min-width: 0}.cmp__link{font-weight: var(--op-weight-semibold);color: var(--op-ink);text-decoration: none;overflow-wrap: anywhere}a.cmp__link::after{content: '';position: absolute;inset: 0;border-radius: inherit}a.cmp__link:focus-visible{outline: none}a.cmp__link:focus-visible::after{outline: 2px solid var(--cmp-k);outline-offset: 2px}.cmp__gap{font-size: var(--op-fs-base);color: var(--op-text-2)}.cmp__mark{flex: none;display: grid;place-items: center;width: 64px;height: 34px}.cmp__mark img{display: block;max-width: 64px;max-height: 34px;width: auto;height: auto}.cmp__mark--own{--op-initials: 2.25rem;--op-initials-fs: var(--op-fs-sm)}.cmp__mark--dark{box-sizing: content-box;padding: 3px 6px;border-radius: var(--op-r-sm);background: var(--op-ground-ink)}.cmp__me{position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--op-space-2);padding: var(--op-space-6) var(--op-space-5);border-radius: var(--op-r-lg);background: var(--op-ground-ink);color: var(--op-ink-on-ground);text-align: center}.cmp__me::before{content: '';position: absolute;inset: auto -30% -55% -30%;height: 90%;background: radial-gradient(closest-side,var(--cmp-k),transparent);opacity: .55;pointer-events: none}.cmp__me > *{position: relative}.cmp__mark--me{width: auto;height: auto;padding: 6px 10px;border-radius: var(--op-r-sm);background: var(--op-surface)}.cmp__mark--me.cmp__mark--dark{padding: 0;background: none}.cmp__kind{display: flex;align-items: center;gap: var(--op-space-2);margin-top: var(--op-space-1);font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);color: color-mix(in srgb,var(--cmp-k) 40%,var(--op-ink-on-ground))}.cmp__big{font-family: var(--op-font-mono);font-size: 64px;font-weight: var(--op-weight-semibold);font-variant-numeric: tabular-nums;line-height: 1}.cmp__of{font-size: var(--op-fs-base);color: var(--op-on-ink)}.cmp__name{margin-top: var(--op-space-1);font-size: var(--op-fs-xl);font-weight: var(--op-weight-semibold)}.cmp__per{font-family: var(--op-font-mono);font-size: var(--op-fs-base);font-weight: var(--op-weight-semibold);color: var(--op-on-ink-strong)}.cmp--live .cmp__card{animation: cmp-rise var(--op-dur-bar) var(--op-ease) backwards}.cmp--live .cmp__card:nth-child(2){animation-delay: 45ms}.cmp--live .cmp__card:nth-child(3){animation-delay: 90ms}.cmp--live .cmp__card:nth-child(n+4){animation-delay: 135ms}@keyframes cmp-rise{from{opacity: 0;transform: translateY(10px)}}@media (max-width: 900px){.cmp__state,.cmp__state--oneside{grid-template-columns: minmax(0,1fr)}.cmp__me{order: -1}.cmp__state--oneside .cmp__col:first-child{order: 0}}@media (max-width: 560px){.cmp__seg{padding: var(--op-space-3);font-size: var(--op-fs-base)}.cmp__state--oneside .cmp__list{grid-template-columns: minmax(0,1fr)}.cmp__card{grid-template-columns: 44px minmax(0,1fr) auto;padding-inline: var(--op-space-3)}}@media (prefers-reduced-motion: reduce){.cmp--live .cmp__card{animation: none}.cmp__thumb,.cmp__chev{transition: none}}:where(html[data-site="openpatrol"]) .cmp__card > .cmp__mark--dark{box-sizing: content-box;align-self: stretch;height: auto;margin: calc(-1 * var(--op-space-3)) calc(-1 * var(--op-space-4)) calc(-1 * var(--op-space-3)) 0;padding: var(--op-space-3) var(--op-space-4) var(--op-space-3) 28px;border-radius: 0 var(--op-r-lg) var(--op-r-lg) 0;background: var(--op-ground-ink);clip-path: polygon(16px 0,100% 0,100% 100%,0 100%)}@media (max-width: 560px){:where(html[data-site="openpatrol"]) .cmp__card > .cmp__mark--dark{margin-right: calc(-1 * var(--op-space-3));padding-right: var(--op-space-3)}}