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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--grey:#3f3f3f;--white:#fff;--teal:#06c4e1;--dark-blue:#272b51;--light-grey:#f0f0f0;--badge-bg:var(--teal);--badge-color:var(--white);--button-bg:var(--dark-blue);--button-hover-bg:var(--teal);--button-color:var(--white)}img{display:block;height:auto;max-width:100%}body{zoom:1;background-color:#fff;background-color:var(--white);color:#3f3f3f;color:var(--grey);font-family:sans-serif;line-height:1.6;margin:0;padding:0}.video-wrapper{margin:20px auto;max-width:800px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-wrapper .react-youtube,.video-wrapper iframe,.video-wrapper video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:768px){.video-wrapper{max-width:50%}}header{align-items:center;background-color:#3f3f3f;background-color:var(--grey);color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:8px}.header-card{background-color:#06c4e1;background-color:var(--teal);border-radius:5px;color:#3f3f3f;color:var(--grey);padding:1px 20px}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin-right:15px}nav a{color:#06c4e1;color:var(--teal);font-weight:200;text-decoration:underline}nav a:hover{color:#fff;color:var(--white)}h1,h2,h3,h4{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1{font-size:1rem}h2{font-size:1.75rem}h3{font-size:1rem}h4{display:inline-block;pointer-events:auto!important}p{line-height:1;margin:0 0 1rem}.search-container{align-items:center;display:flex;margin-left:auto;padding:5px}.search-container input{border:1px solid #ccc;border-radius:4px 0 0 4px;font-size:1rem;padding:8px}.search-button{border-radius:0 4px 4px 0}.login-container{background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;margin:40px auto;max-width:400px;padding:20px}.login-container h2{margin-bottom:15px;text-align:center}.login-container form{display:flex;flex-direction:column}.login-container label{font-weight:700;margin-bottom:5px}.login-container input{border:1px solid #3f3f3f;border:1px solid var(--grey);border-radius:4px;margin-bottom:15px;padding:8px}.video-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:3px 15px}.video-item{background-color:#fff;background-color:var(--white);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:5px;text-align:center;transition:box-shadow .3s ease}.video-item .thumbnail-container{background-color:#000;border-radius:8px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-item .thumbnail-container img{border-radius:8px;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.enlarged-thumbnail-container{background-color:#000;border-radius:8px;margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.enlarged-thumbnail-container img{border-radius:8px;height:auto;object-fit:contain;width:100%}.video-grid .play-button{display:none!important}.video-player{background-color:#000;height:45vh;margin:0 auto;position:relative;width:60%}.video-player-wrapper iframe{border:none;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.youtube-embed-mobile{height:56.25vw;overflow:hidden;position:relative;width:100%}.youtube-embed-mobile iframe,.youtube-embed-mobile video{border:none;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:600px){.spb-embed-mobile{height:auto!important;overflow:visible!important}.spb-embed-mobile iframe,.spb-embed-mobile video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}}.poster-container{background-color:#000;padding-bottom:56.25%;position:relative;width:100%}.poster-image{object-fit:cover}.poster-image,.poster-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.poster-overlay{z-index:5}.poster-container .play-button{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:block!important;font-size:30px;height:60px;left:50%;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:10}.thumbnail-private-overlay{align-items:center;background:#0009;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;color:orange;display:flex;font-size:.9rem;font-weight:700;gap:6px;justify-content:center;left:0;padding:6px 0;pointer-events:none;position:absolute;width:100%;z-index:9}.thumbnail-private-overlay .lock-icon{color:gold;font-size:1rem}.thumbnail-private-overlay .private-label{color:#ff4500;text-shadow:0 0 3px #000}.video-tags{display:flex;flex-wrap:wrap;justify-content:center;margin:2px auto;padding:2px;width:80%}.tag-badge{background-color:#06c4e1;background-color:var(--badge-bg);border-radius:8px;color:#fff;color:var(--badge-color);font-size:.9rem;margin:6px;padding:3px 10px}.add-tag-button{background-color:#272b51;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;color:var(--button-color);cursor:pointer;display:inline-block;font-size:.9rem;margin-right:15px;padding:8px 16px;transition:background-color .3s ease}.add-tag-button:hover{background-color:#06c4e1;background-color:var(--button-hover-bg)}.tag-form{align-items:center;display:flex;flex-direction:column;margin-top:10px}.tag-form input{border:1px solid #3f3f3f;border:1px solid var(--grey);border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:8px;width:180px}.tag-form button{background-color:#272b51;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;color:var(--button-color);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.tag-form button:hover{background-color:#06c4e1;background-color:var(--button-hover-bg)}.youtube-actual-iframe{height:100%!important;left:0;position:absolute;top:0;transform:none!important;width:100%!important}.youtube-cover-container{height:100%;overflow:hidden;position:relative;width:100%}.pagination-controls{display:flex;justify-content:center;margin:8px 0}.pagination-controls button{background-color:#06c4e1;background-color:var(--teal);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;margin:0 3px;padding:8px 18px}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls button.active{background-color:#7719aa!important;box-shadow:0 0 6px #c851fa;color:#fff!important;cursor:default}.like-button{background-color:#e0245e;border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:1rem;margin-top:10px;padding:8px 12px;transition:background-color .3s ease}.like-button:hover{background-color:#c81e50}.like-count{color:#3f3f3f;color:var(--grey);font-size:1rem;margin-left:8px}footer{background-color:#3f3f3f;background-color:var(--grey);color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:3px 16px}button,input[type=button],input[type=submit]{background-color:#06c4e1!important;background-color:var(--teal)!important;border:1px solid #ccc;border-radius:4px;color:#fff!important;color:var(--white)!important;cursor:pointer;font-size:1rem;padding:8px 12px;transition:background-color .3s ease}button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#272b51!important;background-color:var(--dark-blue)!important}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.sticky-footer{background-color:#fff;padding:10px}
/*# sourceMappingURL=main.e2b9a178.css.map*/