.aud{color:var(--text);background:oklch(var(--aud-bg-l) var(--aud-bg-c) var(--aud-h));--aud-plate:oklch(var(--aud-plate-l) var(--aud-plate-c) var(--aud-h));display:block;position:absolute;inset:0;overflow:hidden}.aud:before{content:"";background:linear-gradient(135deg, var(--aud-plate), oklch(var(--aud-deep-l) var(--aud-deep-c) var(--aud-h)));position:absolute;inset:0}.aud.cover:before{display:none}.aud-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.aud-kind{z-index:var(--ut-z-raise);background:var(--shade);width:22px;height:22px;color:var(--text);border-radius:6px;place-items:center;display:grid;position:absolute;top:6px;left:6px}.aud-cap{z-index:var(--ut-z-raise);background:linear-gradient(transparent, var(--shade));text-align:left;flex-direction:column;gap:1px;padding:14px 6px 5px;display:flex;position:absolute;bottom:0;left:0;right:0}.aud-title{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:11px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.aud-dur{color:var(--text2);font-variant-numeric:tabular-nums;font-size:10px}.aud-slot .aud-kind{border-radius:4px;width:16px;height:16px;top:3px;left:3px}.aud-slot .aud-cap{padding:10px 3px 3px}.aud-slot .aud-title{-webkit-line-clamp:2;font-size:9px}.aud-slot .aud-dur{font-size:9px}.dropzone .aud-slot .aud-title{font-size:12px}.dropzone .aud-slot .aud-dur{font-size:11px}.dropzone .aud-slot .aud-kind{width:24px;height:24px;top:8px;left:8px}.dropzone .aud-slot.cover{align-items:stretch;display:flex}.dropzone .aud-slot.cover .aud-img{aspect-ratio:1;object-fit:cover;background:0 0;flex:none;width:auto;height:100%;position:static}.dropzone .aud-slot.cover .aud-cap{background:0 0;flex:1;justify-content:center;gap:4px;min-width:0;padding:8px 32px 8px 12px;position:static}.dropzone .aud-slot.cover .aud-title{-webkit-line-clamp:4}.aud-row{background:0 0;align-items:center;gap:10px;min-height:48px;display:flex;position:relative}.aud-row:before{display:none}.aud-row .aud-img,.aud-row .aud-kind{border-radius:6px;flex:none;width:48px;height:48px;position:static}.aud-row .aud-cap{background:0 0;padding:0;position:static}
