.ms-my-videos{--ms-mv-accent:var( --wp--preset--color--primary,#2271b1 );--ms-mv-text:var( --wp--preset--color--contrast,currentColor );--ms-mv-muted:#646970;--ms-mv-muted:color-mix(in srgb,currentColor 60%,transparent);--ms-mv-border:#dcdcde;--ms-mv-border:color-mix(in srgb,currentColor 15%,transparent);--ms-mv-track:#f0f0f1;--ms-mv-track:color-mix(in srgb,currentColor 8%,transparent);--ms-mv-success:#00a32a;--ms-mv-radius:8px;--ms-mv-gap:20px}.ms-my-videos-filters{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:var( --ms-mv-gap )}.ms-my-videos .ms-my-videos-filter-btn{align-items:center;border:1px solid var( --ms-mv-border );border-radius:999px;color:inherit;display:inline-flex;font-size:.875rem;min-height:40px;padding:0 16px;text-decoration:none}.ms-my-videos .ms-my-videos-filter-btn.is-active{background:var( --ms-mv-accent );border-color:var( --ms-mv-accent );color:#fff}.ms-my-videos .ms-my-videos-filter-btn:focus-visible,.ms-my-videos .ms-my-videos__page-link:focus-visible,.ms-my-videos .ms-my-videos__resume:focus-visible,.ms-my-videos .ms-my-videos__title a:focus-visible{outline:2px solid var( --ms-mv-accent );outline-offset:2px}.ms-my-videos__grid{display:grid;gap:var( --ms-mv-gap );grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ms-my-videos__card{border:1px solid var( --ms-mv-border );border-radius:var( --ms-mv-radius );display:flex;flex-direction:column;overflow:hidden}.ms-my-videos__thumbnail img{aspect-ratio:16/9;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.ms-my-videos__info{display:flex;flex:1;flex-direction:column;gap:12px;padding:16px}.ms-my-videos .ms-my-videos__title{font-size:1rem;line-height:1.4;margin:0}.ms-my-videos__title a{color:inherit;text-decoration:none}.ms-my-videos__progress{display:flex;flex-direction:column;gap:6px;margin-block-start:auto}.ms-my-videos__progress-bar{background:var( --ms-mv-track );border-radius:999px;height:6px;overflow:hidden}.ms-my-videos__progress-fill{background:var( --ms-mv-accent );border-radius:inherit;height:100%}.ms-my-videos__progress-text{color:var( --ms-mv-muted );font-size:.8125rem}.ms-my-videos .ms-my-videos__resume{align-items:center;align-self:flex-start;background:var( --ms-mv-accent );border-radius:6px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;min-height:40px;padding:0 16px;text-decoration:none}.ms-my-videos__badge{align-self:flex-start;border-radius:999px;font-size:.75rem;font-weight:600;padding:4px 10px}.ms-my-videos__badge--completed{background:#edfaef;background:color-mix(in srgb,var( --ms-mv-success ) 12%,transparent);color:var( --ms-mv-success )}.ms-my-videos__empty{color:var( --ms-mv-muted )}.ms-my-videos__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-block-start:var( --ms-mv-gap )}.ms-my-videos .ms-my-videos__page-link{align-items:center;border:1px solid var( --ms-mv-border );border-radius:6px;color:inherit;display:inline-flex;font-size:.875rem;min-height:40px;padding:0 16px;text-decoration:none}.ms-my-videos__page-info{color:var( --ms-mv-muted );font-size:.875rem}@media (hover:hover){.ms-my-videos .ms-my-videos-filter-btn:hover,.ms-my-videos .ms-my-videos__page-link:hover{border-color:var( --ms-mv-accent )}.ms-my-videos__title a:hover{color:var( --ms-mv-accent )}}@media (max-width:640px){.ms-my-videos{--ms-mv-gap:16px}.ms-my-videos__grid{grid-template-columns:1fr}}
