@layer guards,reset;@layer features{.record-sleeve{background:var(--px-bg);width:100%;height:100%;display:block;position:relative;overflow:hidden;container-type:size}.record-sleeve canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.record-sleeve:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 2px var(--px-accent-lo);position:absolute;inset:3.125%}.record-sleeve strong{z-index:1;-webkit-line-clamp:2;border-bottom:4px solid var(--px-shadow);font:400 12px/14px var(--px-font-cn);color:var(--px-ink);text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;background:var(--px-shadow);box-shadow:0 -2px 0 var(--px-accent-lo);-webkit-box-orient:vertical;padding:4px 6px 2px;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@container (width<=100px){.record-sleeve strong{-webkit-line-clamp:1;padding-inline:4px}}@container (width<=63px){.record-sleeve strong{display:none}.record-sleeve:after{box-shadow:inset 0 0 0 1px var(--px-accent-lo)}}.record-sleeve.is-loading strong{display:none}.room-record-sleeve:has(>.room-record-tag) .record-sleeve strong{padding-right:40px}}@layer skin,overrides;