@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-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-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}}