.VideoNav_videoNavContainer__w2Rws{font-family:Arial,sans-serif;background-color:#fff;border:1px solid #ddd;border-radius:8px;width:30dvw;height:calc(100dvh - 100px);position:relative;right:0;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:16px;z-index:1000}.VideoNav_videoNavContainer__w2Rws span{color:#000}.VideoNav_section__mhCyc{margin-bottom:12px}.VideoNav_sectionHeader__1p_vN{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f0f0f0;font-weight:700;cursor:pointer;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.VideoNav_videoList__MC26P{margin-top:8px;padding-left:8px}.VideoNav_videoItem__mh76Z{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;background-color:#f9f9f9;padding:8px;border-radius:4px}.VideoNav_videoTitleContainer__gKBFR{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.VideoNav_checkbox__r9WcP{margin-right:8px}.VideoNav_videoTitle__IuFIw{font-size:14px;margin-right:8px}.VideoNav_duration__t_pVI{font-size:12px;color:#777;margin-right:8px}.VideoNav_resources__ASCsf{font-size:12px;color:#0070f3;cursor:pointer}@media (max-width:1177px){.VideoNav_videoNavContainer__w2Rws{font-family:Arial,sans-serif;background-color:#fff;border:1px solid #ddd;border-radius:8px;width:90dvw;height:auto;position:relative;display:flex;gap:20px;right:0;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:16px;z-index:1000}}