@layer components{.media-chip{border:1px solid var(--pill-border);border-radius:var(--radius-xl);flex-shrink:0;transition:background-color .15s,border-color .15s;display:inline-flex}.media-chip,.media-tile-control{cursor:pointer;background:color-mix(in oklab,var(--foreground) 5%,transparent);white-space:nowrap;align-items:center;gap:.375rem;height:2.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.media-tile-control{border-radius:var(--radius-md);width:100%;min-width:0;transition:background-color .15s;display:flex}.media-chip:hover,.media-chip[aria-expanded=true],.media-chip[data-state=open],.media-tile-control:hover,.media-tile-control[aria-expanded=true],.media-tile-control[data-state=open]{background:color-mix(in oklab,var(--foreground) 10%,transparent)}.media-chip:focus-visible,.media-tile-control:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--ring) 60%,transparent);outline:none}.media-chip[aria-checked=true]{border-color:color-mix(in oklab,var(--primary) 45%,transparent);background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.media-chip[data-flagged=true],.media-tile-control[data-flagged=true]{border-color:color-mix(in oklab,var(--destructive) 70%,transparent);box-shadow:0 0 0 2px color-mix(in oklab,var(--destructive) 35%,transparent)}.media-aspect-glyph{transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.media-aspect-glyph{transition:none}}.media-plate{border:1px solid var(--pill-border);background:radial-gradient(120% 90% at 100% 0,color-mix(in oklab,var(--primary) 30%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in oklab,var(--primary) 12%,var(--background)),var(--background))}.media-dot-rule{min-width:0;height:3px;display:block}.media-dot-rule:before{background:color-mix(in srgb,var(--primary) 34%,transparent);content:"";height:100%;display:block;-webkit-mask:radial-gradient(circle,#000 .85px,#0000 1.15px) 0 0/6px 3px round;mask:radial-gradient(circle,#000 .85px,#0000 1.15px) 0 0/6px 3px round}.media-dot-rule[data-fade=end]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 55%);mask-image:linear-gradient(270deg,#0000,#000 55%)}.media-dot-rule[data-fade=end]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}.media-dot-rule[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.media-ground-ink{opacity:calc(var(--chat-ground-alpha)*1.5);color:rgb(var(--chat-ground-ink))}.media-chip-row{scrollbar-width:none;overflow-x:auto}.media-chip-row::-webkit-scrollbar{display:none}.media-number{appearance:textfield}.media-number::-webkit-inner-spin-button{appearance:none;margin:0}.media-number::-webkit-outer-spin-button{appearance:none;margin:0}}