body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.login-header{color:#333;font-size:2em;margin-bottom:20px;text-align:center}.login-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.login-button:hover{background-color:#0056b3}.layout-nav{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #ddd;display:flex;padding:10px}.main-nav-links{display:flex;gap:15px;list-style-type:none;margin:0;padding:0}.layout-nav li{margin-right:10px}.layout-nav a{color:#333;font-weight:700;text-decoration:none}.layout-nav a:hover{color:#007bff}.auth-section{margin-left:auto}.auth-section,.user-info{align-items:center;display:flex}.user-info{gap:10px}.layout-main{padding:20px}.layout-footer{border-top:1px solid #ddd;color:#777;padding-top:20px;text-align:center}.layout-auth-error-message{background-color:#f8d7da;border:1px solid #dc3545;border-radius:5px;color:#dc3545;font-weight:700;margin:20px auto;max-width:600px;padding:15px;text-align:center}.video-list-container{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:95%;padding:20px;text-align:center}.video-list-heading{color:#333;margin-bottom:20px}.video-grid,.video-list{list-style-type:none;padding:0}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.video-card{background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:transform .2s ease-in-out}.video-card:hover{transform:scale(1.02)}.video-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:15px;transition:background-color .2s ease-in-out}.video-item:hover{background-color:#f0f0f0}.video-thumbnail{align-items:center;aspect-ratio:3/2;background-color:#eee;border-radius:4px;display:flex;height:auto;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}.video-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.video-link{align-items:center;color:inherit;display:flex;flex-direction:column;padding:10px;text-decoration:none}.video-title{color:#333;font-size:1.1em;margin-top:5px;text-align:center}.video-link:hover{color:#0056b3}.compare-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-size:.9em;margin:10px 10px 0 0;padding:8px 12px;text-decoration:none}.compare-link:hover{background-color:#0056b3}@media (max-width:600px){.video-grid{grid-template-columns:1fr}}@media (min-width:601px) and (max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:901px){.video-grid{grid-template-columns:repeat(3,1fr)}}.watch-video-container{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.video-and-questions-wrapper{gap:20px}.video-and-questions-wrapper,.video-player-section{align-items:center;display:flex;flex-direction:column}.video-player-section{background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:20px;position:sticky;top:20px;width:100%;z-index:10}.questions-list-section{max-height:calc(100vh - 200px);overflow-y:auto;padding:0 10px;width:100%}@media (min-width:900px){.video-and-questions-wrapper{align-items:flex-start;flex-direction:row}.video-player-section{align-self:flex-start;flex:2 1;margin-bottom:0}.video-player-section .video-player{height:auto!important;width:100%!important}.questions-list-section{border-left:1px solid #eee;flex:1 1;max-height:calc(100vh - 40px);padding-left:20px}}.watch-video-heading{color:#333;margin-bottom:10px;text-align:center}.question-heading{border-bottom:1px solid #ddd;color:#555;margin-top:0;padding-bottom:10px}.question-item{align-items:center;border:1px solid #eee;display:flex;flex-direction:column;padding:10px;text-align:center}.button-container{display:flex;gap:10px;justify-content:center;margin-top:10px;width:100%}.jump-button,.nav-button,.seek-button,.watch-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px;white-space:nowrap}.jump-button:hover,.nav-button:hover,.seek-button:hover,.watch-button:hover{background-color:#0056b3}.seek-input-container{align-items:center;display:flex;margin-bottom:20px;margin-top:10px;width:100%}.seek-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;margin-right:10px;max-width:150px;padding:8px}.seek-input-container{justify-content:center}.comparison-container{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:90%;padding:20px}.current-video-name{color:#555;font-size:1.8em;margin-bottom:10px;text-align:center}.single-video-player{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.video-player{height:auto;width:100%}.video-selector{margin-top:20px}.video-selector h2{border-bottom:1px solid #ddd;color:#555;margin-bottom:10px;padding-bottom:5px}.video-selector ul{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;padding:0}.video-selector li{margin-bottom:5px}.select-video-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px}.select-video-button:hover{background-color:#0056b3}.loading{color:#777;font-size:1.2em;margin-top:50px;text-align:center}.video-navigation-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:20px;margin-top:20px;width:100%}.nav-button{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1em;justify-content:center;min-width:0;padding:10px 15px;text-decoration:none;white-space:nowrap}.nav-button:hover:not(:disabled){background-color:#5a6268}.nav-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.question-list-container{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:800px;padding:20px;text-align:center}.question-list-heading{color:#333;margin-bottom:20px}.question-list{list-style-type:none;padding:0}.question-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:15px;transition:background-color .2s ease-in-out}.question-item:hover{background-color:#f0f0f0}.question-link{color:#007bff;display:block;font-weight:700;text-decoration:none}.question-link:hover{color:#0056b3}.back-link{color:#007bff;display:block;margin-top:20px;text-decoration:none}
/*# sourceMappingURL=main.b17ac98e.css.map*/