@layer components{.upload-media-card-module__EJ_Z7G__card{box-sizing:border-box;position:relative}.upload-media-card-module__EJ_Z7G__card:focus-within .mc-material-action{opacity:1}.upload-media-card-module__EJ_Z7G__card:hover .mc-material-action{opacity:1}.upload-media-card-module__EJ_Z7G__card:where(:not(.mc-material-compact)){border-radius:12px;flex:none;width:64px;height:64px}.upload-media-card-module__EJ_Z7G__agent{border-radius:5px}:is(.upload-media-card-module__EJ_Z7G__agent .mc-material-media,.upload-media-card-module__EJ_Z7G__agent .mc-material-visualSurface,.upload-media-card-module__EJ_Z7G__agent .mc-material-status){border-radius:5px}.upload-media-card-module__EJ_Z7G__agent .mc-material-playback{opacity:1;pointer-events:none}.upload-media-card-module__EJ_Z7G__template{border-radius:8px}:is(.upload-media-card-module__EJ_Z7G__template .mc-material-media,.upload-media-card-module__EJ_Z7G__template .mc-material-visualSurface,.upload-media-card-module__EJ_Z7G__template .mc-material-status){border-radius:8px}.upload-media-card-module__EJ_Z7G__compact{border-radius:6px;flex:0 0 32px;width:32px;height:32px;overflow:hidden}.upload-media-card-module__EJ_Z7G__compact .mc-material-audioLabel{display:none}.upload-media-card-module__EJ_Z7G__compact .mc-material-audioSurface{border-radius:6px}.upload-media-card-module__EJ_Z7G__compact .mc-material-audioSurface>svg{flex-basis:16px;width:16px;height:16px}.upload-media-card-module__EJ_Z7G__compact .mc-material-duration{display:none}.upload-media-card-module__EJ_Z7G__compact .mc-material-media{border-radius:6px}.upload-media-card-module__EJ_Z7G__compact .mc-material-status{border-radius:6px}.upload-media-card-module__EJ_Z7G__compact .mc-material-visualLabel{display:none}.upload-media-card-module__EJ_Z7G__compact .mc-material-visualSurface{border-radius:6px}.upload-media-card-module__EJ_Z7G__status{pointer-events:none;z-index:1;text-align:center;color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:10px;line-height:13px;display:flex;position:absolute;inset:0;overflow:hidden}.upload-media-card-module__EJ_Z7G__status:where(:not(.mc-material-failed,.mc-material-reviewing)){background:#11182773}.upload-media-card-module__EJ_Z7G__failed:where(:not(.mc-material-reviewing)){background:#00000094}.upload-media-card-module__EJ_Z7G__reviewing{background:#1118274d}.upload-media-card-module__EJ_Z7G__spinner{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.upload-media-card-module__EJ_Z7G__spinner>svg{animation:.8s linear infinite upload-media-card-module__EJ_Z7G__spin}@media (prefers-reduced-motion:reduce){.upload-media-card-module__EJ_Z7G__spinner>svg{animation:none}}.upload-media-card-module__EJ_Z7G__action{z-index:2;cursor:pointer;width:20px;height:20px;color:var(--semi-color-text-0);opacity:0;background:var(--semi-color-bg-3);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:inline-flex;position:absolute;top:-8px;right:-8px;box-shadow:0 1px 2px #00000014}@media (prefers-reduced-motion:reduce){.upload-media-card-module__EJ_Z7G__action{transition:none}}@media (hover:none),(pointer:coarse){.upload-media-card-module__EJ_Z7G__action{pointer-events:auto;opacity:1}}.upload-media-card-module__EJ_Z7G__action>svg{width:16.667px;height:16.667px}.upload-media-card-module__EJ_Z7G__action:focus-visible{outline:2px solid var(--semi-color-focus-border);outline-offset:2px}.upload-media-card-module__EJ_Z7G__retryAction{z-index:2;cursor:pointer;width:20px;height:20px;color:var(--semi-color-text-0);opacity:0;background:var(--semi-color-bg-3);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:inline-flex;position:absolute;bottom:-8px;right:-8px;box-shadow:0 1px 2px #00000014}@media (prefers-reduced-motion:reduce){.upload-media-card-module__EJ_Z7G__retryAction{transition:none}}@media (hover:none),(pointer:coarse){.upload-media-card-module__EJ_Z7G__retryAction{pointer-events:auto;opacity:1}}.upload-media-card-module__EJ_Z7G__retryAction>svg{width:16.667px;height:16.667px}.upload-media-card-module__EJ_Z7G__retryAction:focus-visible{outline:2px solid var(--semi-color-focus-border);outline-offset:2px}.upload-media-card-module__EJ_Z7G__remaining{z-index:2;font-size:14px;line-height:22px;font-weight:var(--semi-font-weight-regular);color:#fff;background:#0003;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-media-card-module__EJ_Z7G__trigger{box-sizing:border-box;width:100%;height:100%;display:block;position:relative}.upload-media-card-module__EJ_Z7G__trigger:hover .mc-material-playback{pointer-events:auto;opacity:1}.upload-media-card-module__EJ_Z7G__media{box-sizing:border-box;width:100%;height:100%;color:var(--semi-color-text-0);background:0 0;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.upload-media-card-module__EJ_Z7G__media:focus-visible{outline:2px solid var(--semi-color-focus-border);outline-offset:2px}button.upload-media-card-module__EJ_Z7G__media{cursor:pointer}button.upload-media-card-module__EJ_Z7G__media:disabled{cursor:default}.upload-media-card-module__EJ_Z7G__playback{pointer-events:none;z-index:1;color:#fff;opacity:0;-webkit-backdrop-filter:blur(3.57px);backdrop-filter:blur(3.57px);background:#0f0f0fcc;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;line-height:0;display:inline-flex;position:absolute;top:calc(50% - 3px);left:50%;transform:translate(-50%,-50%)}@media (hover:none),(pointer:coarse){.upload-media-card-module__EJ_Z7G__playback{pointer-events:auto;opacity:1}}.upload-media-card-module__EJ_Z7G__playback:focus-visible{pointer-events:auto;opacity:1;outline:2px solid var(--semi-color-focus-border);outline-offset:2px}.upload-media-card-module__EJ_Z7G__keyboardPreview{pointer-events:none;z-index:1;border:0;padding:0;position:absolute;bottom:0;right:0}.upload-media-card-module__EJ_Z7G__keyboardPreview:focus-visible{outline:2px solid var(--semi-color-focus-border);outline-offset:2px}.upload-media-card-module__EJ_Z7G__keyboardPreview:where(:not(.mc-material-playback)){background:0 0;border-radius:12px;top:0;left:0}}@keyframes upload-media-card-module__EJ_Z7G__spin{to{transform:rotate(360deg)}}
