.composer-media{color:var(--ui-muted,#999);min-width:0;margin-top:14px;font-family:inherit}.composer-media-frame{background:var(--ui-media-bg,#111);isolation:isolate;border-radius:12px;margin:0 auto;position:relative;overflow:hidden}.composer-media-frame>video,.composer-media-frame>img{object-fit:contain;width:100%;height:100%;display:block}.composer-media button{cursor:pointer;font:inherit;color:#fff;border:0}.composer-media button:focus-visible,.composer-media a:focus-visible{outline:2px solid var(--ui-accent,#ff3a60);outline-offset:2px}.composer-media-remove,.composer-media-prev,.composer-media-next,.composer-media-play,.composer-media-count,.composer-media-badge,.composer-media-orientation{color:#fff;z-index:3;background:#08080acc;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff2e}.composer-media-remove{width:28px;height:28px;top:8px;right:8px}.composer-media-prev,.composer-media-next{width:32px;height:32px;top:50%;transform:translateY(-50%)}.composer-media-prev{left:8px}.composer-media-next{right:8px}.composer-media-play{border-radius:11px;width:52px;height:52px;top:50%;left:50%;transform:translate(-50%,-50%)}.composer-media-count{height:24px;padding:0 9px;font-size:11.5px;top:8px;left:8px}.composer-media-badge,.composer-media-orientation{gap:5px;height:23px;padding:0 8px;font-size:11.5px;bottom:8px}.composer-media-badge{font-variant-numeric:tabular-nums;left:8px}.composer-media-orientation{text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;right:8px}.composer-media-dots{justify-content:center;gap:1px;margin-top:3px;display:flex}.composer-media-dots button{background:0 0;padding:9px 3px}.composer-media-dots span{background:var(--ui-line,#555);border-radius:99px;width:6px;height:6px;display:block}.composer-media-dots [aria-pressed=true] span{background:var(--ui-accent,#ff3a60);width:16px}.composer-media-foot{margin-top:9px;font-size:12.5px}.composer-media-frame.busy>video,.composer-media-frame.busy>img{opacity:.42;filter:saturate(.5)}.composer-media-status{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.composer-media-status svg{fill:none;stroke:#ffffff38;stroke-width:3px;width:38px;height:38px}.composer-media-status .composer-media-progress{stroke:var(--ui-accent,#ff3a60);transform-origin:50%;stroke-linecap:round;transform:rotate(-90deg)}.composer-media-status b{text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #000;font-size:11px}.composer-media-bar{background:#ffffff30;height:3px;position:absolute;bottom:0;left:0;right:0}.composer-media-bar span{background:var(--ui-accent,#ff3a60);height:100%;display:block}.composer-media-frame.processing .composer-media-progress{stroke:#4da3ff;animation:1.5s linear infinite compose-processing}.composer-media-frame.processing .composer-media-bar span{opacity:.6;background:#4da3ff}.composer-media-error{color:#fff;background:#111d;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:25% 0}.composer-media-error a{color:#fff}@keyframes compose-processing{to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.composer-media-frame.processing .composer-media-progress{animation:none}}