@layer components{.queue-row{column-gap:var(--space-xl);row-gap:var(--space-2xs);box-sizing:border-box;width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--surface-inset);border:0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;container-type:inline-size}.queue-row__content{align-items:flex-start;gap:var(--space-2xs);flex-direction:column;grid-area:1/1;min-width:0;display:flex}.queue-row__media{flex-shrink:0;justify-content:center;align-items:center;display:flex}.queue-row>.queue-row__meta{grid-area:2/1;align-self:start}.queue-row__actions{grid-area:1/2/-1;align-self:center}.queue-row--selected{background:var(--surface-active)}.queue-row__heading{align-items:center;gap:var(--space-sm);flex-flow:wrap;min-width:0;display:flex}.queue-row__title{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);margin:0}.queue-row__meta{align-items:center;gap:var(--space-2xs);flex-flow:wrap;margin:0;display:flex}.queue-row__meta-slot{align-items:center;gap:var(--space-2xs);flex-flow:row;min-width:0;display:inline-flex}.queue-row .chip{cursor:default;pointer-events:none}.queue-row__actions{align-items:center;gap:var(--space-2xs);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.queue-row__actions .button{padding-inline:var(--space-xs)}.queue{align-items:stretch;gap:var(--space-sm);flex-direction:column;width:100%;display:flex}@container (max-width:36rem){.queue-row{grid-template-columns:minmax(0,1fr)}.queue-row__actions{flex-wrap:wrap;grid-area:3/1;justify-self:start}}}