@layer tx.components{.tx-inbox{gap:var(--tx-space-3);color:var(--tx-foreground,CanvasText);font-size:var(--tx-type-label-size);display:grid}.tx-inbox__header{align-items:center;gap:var(--tx-space-2);flex-wrap:wrap;display:flex}.tx-inbox__title{align-items:center;gap:var(--tx-space-2);margin:0;font-size:var(--tx-type-body-size);margin-inline-end:auto;display:inline-flex}.tx-inbox__count{min-inline-size:1.5rem;padding:calc(var(--tx-space-unit) * .5) var(--tx-space-2);border-radius:var(--tx-shape-radius-full);background:var(--tx-primary,Highlight);color:var(--tx-primary-foreground,HighlightText);font-size:var(--tx-type-caption-size);font-variant-numeric:tabular-nums;text-align:center}.tx-inbox__views{border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-lg);display:inline-flex;overflow:hidden}.tx-inbox__view,.tx-inbox__button{min-block-size:var(--tx-target-size,2.25rem);padding-inline:var(--tx-space-3);background:var(--tx-surface,ButtonFace);color:var(--tx-surface-foreground,ButtonText);font:inherit;cursor:pointer;border:0}.tx-inbox__view[aria-pressed=true]{background:var(--tx-primary,Highlight);color:var(--tx-primary-foreground,HighlightText)}.tx-inbox__button{border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-lg);white-space:nowrap}.tx-inbox__button[aria-disabled=true]{cursor:not-allowed;color:var(--tx-muted-foreground,GrayText)}.tx-inbox__button[data-pending]{cursor:progress;position:relative}.tx-inbox__spinner{inline-size:var(--tx-size-icon-sm);block-size:var(--tx-size-icon-sm);border-radius:var(--tx-shape-radius-full);border:2px solid color-mix(in srgb, currentColor 25%, transparent);animation:tx-inbox-spin var(--tx-motion-slow,.75s) linear infinite;border-block-start-color:currentColor;margin:auto;position:absolute;inset:0}.tx-inbox__label--hidden{opacity:0}@keyframes tx-inbox-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tx-inbox__spinner{opacity:.7;border-color:currentColor;animation:none}}.tx-inbox__view:focus-visible,.tx-inbox__button:focus-visible,.tx-inbox__open:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}.tx-inbox__list{border:var(--tx-border-width-thin) solid var(--tx-border,CanvasText);border-radius:var(--tx-shape-radius-lg);margin:0;padding:0;list-style:none;display:grid}.tx-inbox__item+.tx-inbox__item{border-block-start:var(--tx-border-width-thin) solid var(--tx-border,CanvasText)}.tx-inbox__article{align-items:start;gap:var(--tx-space-3);padding:var(--tx-space-3);grid-template-columns:.5rem minmax(0,1fr) auto;display:grid}.tx-inbox__item[data-unread] .tx-inbox__article{background:var(--tx-muted,Canvas)}.tx-inbox__dot{block-size:.5rem;inline-size:.5rem;border-radius:50%;margin-block-start:calc(var(--tx-space-unit) * 1.5)}.tx-inbox__item[data-unread] .tx-inbox__dot{background:var(--tx-primary,CanvasText)}.tx-inbox__content{gap:var(--tx-space-1);min-inline-size:0;display:grid}.tx-inbox__item-title,.tx-inbox__body{overflow-wrap:anywhere;margin:0}.tx-inbox__item[data-unread] .tx-inbox__item-title{font-weight:var(--tx-font-weight-semibold,600)}.tx-inbox__open{color:inherit;font:inherit;text-align:start;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tx-inbox__body,.tx-inbox__time,.tx-inbox__empty{color:var(--tx-muted-foreground,CanvasText)}.tx-inbox__time{font-size:var(--tx-type-caption-size)}.tx-inbox__empty{margin:0}.tx-inbox__actions{justify-content:flex-end;gap:var(--tx-space-2);flex-wrap:wrap;display:flex}.tx-inbox__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=30rem){.tx-inbox__article{grid-template-columns:.5rem minmax(0,1fr)}.tx-inbox__actions{grid-column:2;justify-content:flex-start}}}