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}.video-grid-container{margin:0 auto;max-width:1400px;padding:20px;width:100%}.video-grid-title{color:#333;font-size:28px;margin-bottom:40px;text-align:center}.video-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(1,1fr);width:100%}@media (min-width:768px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-monitor{perspective:1000px;width:100%}.monitor-frame{background-color:#1a1a1a;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;padding:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.monitor-frame:hover{box-shadow:0 8px 20px #0006;transform:translateY(-5px)}.monitor-screen{aspect-ratio:16/9;background-color:#000;border-radius:4px;overflow:hidden;position:relative;width:100%}.video-player{height:100%;object-fit:cover;width:100%}.video-thumbnail{cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-thumbnail:hover img{transform:scale(1.05)}.play-button{align-items:center;background-color:#0009;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;width:60px}.play-button svg{height:40%;width:40%}.video-thumbnail:hover .play-button{background-color:#ff0000b3;opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-info{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.video-info h3{font-size:16px;font-weight:600;margin:0 0 5px}.video-info p{font-size:14px;margin:0;opacity:.8}.monitor-stand{background-color:#333;border-bottom-left-radius:3px;border-bottom-right-radius:3px;height:15px;margin:0 auto;width:30%}.monitor-base{background-color:#444;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:5px;margin:0 auto;width:50%}.monitor-controls{display:flex;justify-content:center;padding:10px 0 5px}.play-video-button,.stop-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:5px 15px;transition:background-color .3s ease}.play-video-button{background-color:#4caf50;color:#fff}.play-video-button:hover{background-color:#388e3c}.stop-button{background-color:#f44336;color:#fff}.stop-button:hover{background-color:#d32f2f}body,html{font-family:Inter,Arial,sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth}.loading-screen{align-items:center;background-color:#f0f8ff;display:flex;flex-direction:column;height:100vh;justify-content:center;transition:background-color .5s ease}.dark-mode .loading-screen{background-color:#001a33}.spinner{animation:spin 1s linear infinite;border:4px solid #0073e64d;border-radius:50%;border-top-color:#0073e6;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{background-color:#f0f8ff;color:#036;display:flex;flex-direction:column;min-height:100vh;transition:all .5s ease}.dark-mode{background-color:#001a33;color:#b3e0ff}.header{background-color:#0073e6;box-shadow:0 2px 10px #0000001a;padding:15px 30px;position:fixed;top:0;transition:background-color .5s ease;width:100%;z-index:1000}.dark-mode .header{background-color:#004080}.logo{color:#fff;font-size:24px;font-weight:700;text-transform:uppercase}.header-buttons{align-items:center;display:flex;gap:10px}.header-button{background-color:#0059b3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;padding:10px 20px;transform:scale(1);transition:all .3s ease}.header-button:hover{background-color:#06c;transform:scale(1.05)}.header{align-items:center;display:flex;justify-content:space-between;padding:10px}.header-logo{display:block;height:auto;max-width:100%}.theme-toggle-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;margin-right:40px;padding:8px;transition:all .3s ease}.theme-toggle-button:hover{transform:rotate(90deg) scale(1.1)}.theme-icon{display:inline-block;font-size:24px}.dark-mode .theme-toggle-button{color:#b3e0ff}.main-content{flex-grow:1;margin-top:80px;padding:20px;text-align:center}.main-title{align-items:center;display:flex;flex-direction:column;font-size:2.5rem;margin-bottom:20px}.main-title .subtitle{color:#0073e6;font-size:1.2rem;margin-top:10px}.description{color:#0059b3;font-size:.9rem;margin:0 auto 30px;max-width:600px}.dark-mode .description{color:#b3e0ff}.video-links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:20px auto;max-width:1200px}@media (max-width:768px){.video-links-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.video-links-grid{gap:10px;grid-template-columns:1fr}.header{flex-direction:column;padding:10px}.header-buttons{flex-wrap:wrap;margin-top:10px}.header-button{margin:5px 0;width:90%}.footer{padding:10px;text-align:center}.footer-content img{max-width:150px}}.video-player-container{align-items:center;display:flex;justify-content:center;margin:10px auto;width:100%}.VideoPlayerWithPreview{height:auto;max-width:100%}.video-wrapper{margin-left:30px;padding-left:10px}.video-link{margin:0 auto;max-width:300px;text-align:center;width:90%}.video-link-content{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:transform .3s ease}.video-link:hover .video-link-content{transform:scale(1.05)}.dark-mode .video-link{background-color:#00264d;color:#b3e0ff}.video-link:hover{box-shadow:0 6px 10px #0003;transform:scale(1.05)}.video-link-content{text-align:center}.video-link-icon{color:inherit;color:#000;font-size:2rem;margin-bottom:5px;transition:color .3s ease}.dark-mode .video-link-icon{color:#fff}.video-link:hover .video-link-icon{color:#555}.video-container{margin-left:20px;padding-left:10px}.footer{background-color:#036;color:#fff;padding:20px}.dark-mode .footer{background-color:#001a33}.footer-content{gap:10px}.footer-logo{height:auto;max-width:200px;object-fit:contain}.footer-text{font-size:14px}.footer-links{margin-top:10px}.footer-link{color:#b3e0ff;font-size:14px;margin:0 10px}.footer-link:hover{text-decoration:underline}.emoji-large{font-size:160%}.emoji-large-washed{filter:grayscale(100%);font-size:160%}.emoji-large-r{display:inline-block;filter:grayscale(100%);font-size:2em}.icon-large-t{height:32px;width:32px}.blue-tinted-icon{color:#007bff;display:inline-block;font-size:1.5em}.blue-tinted-icon:hover{color:#0a3d74;transform:scale(1.1);transition:color .3s,transform .3s}.green-tinted-icon{color:#40ff00;display:inline-block;font-size:1.5em}.green-tinted-icon:hover{color:#0a740a;transform:scale(1.1);transition:color .3s,transform .3s}.red-tinted-icon{color:red;display:inline-block;font-size:1.5em}.red-tinted-icon:hover{color:#831126;transform:scale(1.1);transition:color .3s,transform .3s}.yellow-tinted-icon{color:#877e2f;display:inline-block;font-size:1.5em}.yellow-tinted-icon:hover{color:#838311;transform:scale(1.1);transition:color .3s,transform .3s}.footer{background-color:#f8f8f8;padding:1rem;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;margin-bottom:.5rem}.footer-text{font-size:1rem}.company-name{display:inline}.footer-links{display:flex;flex-direction:row;gap:1rem;justify-content:center}.footer-link{font-size:.875rem;text-decoration:none}@media (max-width:480px){.footer-text{font-size:.75rem}.company-name{display:none}.footer-text:after{content:" W3LE"}.footer-link{font-size:.75rem}.footer-content{margin-bottom:.25rem}}@media (min-width:481px){.company-name{display:inline}}
/*# sourceMappingURL=main.1b4c3281.css.map*/