.sm-media-option{text-align:center;background:#0a0a0a;border:1px dashed #333;border-radius:12px;flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;gap:6px;min-width:0;height:117px;padding:8px 10px;transition:flex-basis .5s cubic-bezier(.22,1,.36,1),border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.sm-media-option[data-kind=speaker]:only-child{flex:0 0 100%}.sm-media-option[data-kind=speaker][data-compact]:only-child{flex-basis:calc(50% - 6px)}.sm-media-option[data-state=drag]{background:#1e1e1e;border-color:#f8f8f8}.sm-media-option[data-state=invalid]{background:#1e1e1e;border-color:#ff9a9a99}.sm-media-option[data-state=uploading],.sm-media-option[data-state=analyzing]{background:#161616;border:0}.sm-media-option[data-state=error]{background:#161616;border-color:#ff9a9a99}.sm-media-option[data-state=ready]{background:#161616;border:0;justify-content:flex-end;align-items:flex-start;padding-bottom:10px}.sm-media-option[data-kind=voiceover][data-state=ready]{border:1px solid #333}.sm-media-option[data-kind=voiceover][data-state=ready]:hover,.sm-media-option[data-kind=voiceover][data-state=ready]:focus-within{background:#1e1e1e}.sm-media-option[data-state=ready]>*{flex-shrink:0}.sm-media-empty,.sm-media-status{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;inset:0}.sm-media-empty{cursor:pointer}.sm-media-option[data-state=uploading] .sm-media-status{gap:10px}.sm-media-option[data-state=error] .sm-media-status{gap:4px}.sm-media-art{flex-shrink:0;width:66px;height:40px;position:relative}.sm-media-art-upload,.sm-media-art-preview{border-radius:8px;place-items:center;width:32px;height:32px;transition:transform .25s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;overflow:hidden}.sm-media-art-upload{background:radial-gradient(circle,#fff0 0,#ffffff2e 100%),#1e1e1e;top:5.5px;left:8px;transform:rotate(-8deg)}.sm-media-art-upload img{width:16px;height:16px}.sm-media-art-preview{color:#fff;background:#242424;border:1px solid #fff;top:4px;left:27.5px;transform:rotate(8deg)}.sm-media-art-preview img{object-fit:cover;width:100%;height:100%}.sm-media-art[data-spread]{width:76px}.sm-media-art[data-spread] .sm-media-art-preview{left:37px}.sm-media-art-inline{flex-shrink:0;width:46px;height:24px;display:inline-block}.sm-media-art-inline>.sm-media-art{transform-origin:0 0;display:block;transform:scale(.6)}.sm-media-empty:hover .sm-media-art-upload{transform:rotate(-14deg)translate(-3px)}.sm-media-empty:hover .sm-media-art-preview{transform:rotate(14deg)translate(3px)}.sm-media-chip{color:#f8f8f8;white-space:nowrap;background:#1e1e1e;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;display:flex}.sm-media-hint{color:#9d9d9d;font-size:12px;line-height:18px;position:relative}.sm-media-title,.sm-media-drop-title{color:#f8f8f8;font-size:14px;font-weight:500;line-height:20px;position:relative}.sm-media-alert{color:#ff9191}.sm-media-track{background:#ffffff1f;border-radius:40px;width:100%;height:3px;overflow:hidden}.sm-media-track i{background:#f8f8f8;border-radius:40px;height:100%;transition:width .1s linear;display:block}.sm-media-status .sm-face-spinner{position:relative}.sm-media-preview{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.sm-media-shade{pointer-events:none;position:absolute;inset:0}.sm-media-option[data-state=analyzing] .sm-media-shade{background:#000000b3}.sm-media-option[data-state=ready] .sm-media-shade{background:linear-gradient(#0000 0%,#00000026 45%,#000000e0 100%)}.sm-media-option[data-state=ready] .sm-media-shade:after{content:"";opacity:0;background:linear-gradient(#00000040 0%,#000000e6 100%);transition:opacity .24s;position:absolute;inset:0}.sm-media-option[data-state=ready]:hover .sm-media-shade:after,.sm-media-option[data-state=ready]:focus-within .sm-media-shade:after{opacity:1}.sm-media-name{color:#f8f8f8;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,24ch);font-size:14px;font-weight:500;line-height:20px;position:relative;overflow:hidden}.sm-media-actions{opacity:0;pointer-events:none;gap:6px;max-height:0;margin-top:-6px;transition:max-height .24s cubic-bezier(.22,1,.36,1),margin-top .24s cubic-bezier(.22,1,.36,1),opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(6px)}.sm-media-option[data-state=ready]:hover .sm-media-actions,.sm-media-option[data-state=ready]:focus-within .sm-media-actions{opacity:1;pointer-events:auto;max-height:28px;margin-top:0;transition-delay:0s,0s,40ms,0s;transform:none}.sm-media-pill-light,.sm-media-pill-dark{cursor:pointer;border-radius:40px;padding:4px 10px;font-size:12px;font-weight:500;line-height:16px}.sm-media-pill-light{color:#0a0a0a;background:#f8f8f8}.sm-media-pill-dark{color:#f8f8f8;background:#242424}.sm-media-option[data-state=error] .sm-media-pill-light{margin-top:2px}.sm-media-wave{cursor:pointer;justify-content:center;align-items:center;gap:3px;height:36px;display:flex;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.sm-media-wave i{background:#f8f8f847;border-radius:1px;width:2px;transition:background-color .2s}.sm-media-wave[data-playing] i{background:#f8f8f8b3}.sm-media-option[data-kind=voiceover][data-state=ready] .sm-media-name{transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1)}.sm-media-option[data-kind=voiceover][data-state=ready] .sm-media-actions{max-height:none;margin-top:0;position:absolute;bottom:10px;left:10px}.sm-media-option[data-kind=voiceover][data-state=ready]:hover .sm-media-name,.sm-media-option[data-kind=voiceover][data-state=ready]:focus-within .sm-media-name{opacity:0;transform:translateY(-4px)}@media (hover:none){.sm-media-actions{opacity:1;pointer-events:auto;max-height:28px;margin-top:0;transform:none}.sm-media-option[data-kind=voiceover][data-state=ready] .sm-media-name{opacity:0}}@media (prefers-reduced-motion:reduce){.sm-media-option,.sm-media-art-upload,.sm-media-art-preview,.sm-media-actions,.sm-media-name,.sm-media-shade:after,.sm-media-track i{transition:none}}
