.market{--notch: 14px;--tag-notch: polygon( 0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100% )}.mkt-slip{position:relative;background:hsl(var(--card));clip-path:var(--tag-notch)}.mkt-slip--quiet{background:hsl(var(--muted))}.mkt-price{--notch: 16px;--hole-ground: hsl(var(--card));position:relative;display:inline-block;padding:12px 18px 14px;background:hsl(var(--foreground));color:hsl(var(--background));clip-path:var(--tag-notch)}.mkt-price--small{--notch: 12px;padding:8px 14px 10px}.mkt-price--on-ground{--hole-ground: hsl(var(--background))}.mkt-price:before{content:"";position:absolute;top:-5px;left:50%;translate:-50% 0;width:12px;height:12px;border-radius:50%;background:var(--hole-ground)}.mkt-row{position:relative;display:grid;justify-items:start;gap:4px 16px;padding:18px 22px;background:hsl(var(--card));clip-path:var(--tag-notch);transition:background-color var(--motion-fast) var(--ease-out)}@media(min-width:640px){.mkt-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.mkt-row:hover{background:hsl(var(--accent))}.mkt-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:hsl(var(--muted))}.mkt-seg__item{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out)}.mkt-seg__item:hover{background:hsl(var(--accent))}.mkt-seg__item[aria-pressed=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.mkt-seg__item--icon{width:44px;padding-inline:0}.mkt-chip{display:inline-block;max-width:100%;padding:5px 11px;background:hsl(var(--muted));overflow-wrap:anywhere}.mkt-tag{--tag-notch: 7px;display:inline-flex;align-items:center;max-width:100%;padding:3px 10px 3px 9px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:500;line-height:1.45;overflow-wrap:anywhere;clip-path:polygon(0 0,calc(100% - var(--tag-notch)) 0,100% var(--tag-notch),100% 100%,0 100%)}.mkt-tag--quiet{padding-inline:4px;background:transparent;color:hsl(var(--muted-foreground) / .85);font-weight:400;clip-path:none}@media(pointer:coarse){.market button,.market a{min-height:44px}}