html{background-color:#fff}body,html{margin:0;padding:0}body{background:#fff;color:#fff;font-family:Gugi}h1,h2{margin-bottom:20px;text-align:center}h1{color:#000;font-size:2rem}h2,p{color:grey;font-size:1.5rem}p{font-weight:700}.search-input::placeholder{color:#7f8c8d;opacity:1}a,button{color:inherit;text-decoration:none}a:focus,button:focus{outline:none}a{text-decoration:none}a,a:active{color:inherit}button{background-color:silver;border:none;border-radius:8px;color:red;cursor:pointer;display:block;font-family:Gugi;font-size:1.1rem;font-weight:700;margin:10px auto;padding:10px;transition:background-color .3s ease;width:100%}button:hover{background-color:#b5b7b8}.hour-button{background-color:#dcc;border:none;border-radius:8px;color:red;cursor:pointer;display:block;font-size:1.1rem;margin:10px auto;padding:10px;transition:background-color .3s ease;width:100%}.hour-button:hover{background-color:#b5b7b8}.video-btn{border:none;border-radius:5px;color:red;cursor:pointer;font-size:.9rem;margin-left:10px;padding:8px 12px;transition:background-color .3s ease}.video-btn,.video-btn:hover{background-color:#dcc}img{border-radius:10px;margin-bottom:10px;max-width:100%}.container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}.logo-container{flex-wrap:wrap;gap:20px}.logo-container,.logo-container a{display:flex;justify-content:center}.logo-container a{align-items:center;flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1;height:150px;margin:0;padding:0;text-align:center}.logo-container a:only-child{flex:0 1 100%}.logo-container img{border-radius:50%;height:auto;transition:transform .3s ease;width:150px}.logo-container img:hover{transform:scale(1.1)}.unit-logo{border-radius:50%;display:block;height:150px;margin:0;object-fit:cover;width:150px}.court-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.court-container a{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1;text-align:center}.court-logo{border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;transition:transform .3s ease;width:120px}.court-logo:hover{transform:scale(1.05)}.videos-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px}.videos-container video{border-radius:10px;max-width:400px;width:100%}.videos-container p{color:grey;text-align:center}.video-item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.video-item video{border-radius:10px;max-width:400px;width:100%}.video-item p{color:#7f8c8d;margin-top:10px;text-align:center}.video-item button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.video-item button:hover{background-color:#2980b9}.loader-container{align-items:center;background-color:#fff;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loader{animation:spinloader 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:red;height:120px;position:relative;width:120px}.loader img{animation:spinlogo 2s linear infinite;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes spinloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinlogo{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@font-face{font-family:Gugi;font-style:normal;font-weight:400;src:url(/static/media/Gugi.16bf41aa7cd4f58a6497.ttf) format("truetype")}.video-card{margin:20px 0;text-align:center}.action-buttons{gap:5px;margin-top:10px}.action-buttons,.round-button{display:flex;justify-content:center}.round-button{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;cursor:pointer;height:40px;position:relative;transition:background-color .3s ease,transform .2s ease;width:40px}.round-button:hover{background-color:#fff;transform:scale(1.1)}.round-button img{border-radius:50%;display:block;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@media (min-width:768px){.logo-container a{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}.logo-container img{width:150px}.videos-container{flex-direction:row;flex-wrap:wrap}.videos-container video{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1;margin-bottom:20px}}body.dark-mode,html.dark-mode,html[data-dark-mode=true]{background-color:#000!important}body.dark-mode,body.dark-mode div,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p,body.dark-mode span{color:#fff!important}body[data-dark-mode=true]{background-color:#000!important;color:#fff!important}body[data-dark-mode=true] div,body[data-dark-mode=true] h1,body[data-dark-mode=true] h2,body[data-dark-mode=true] h3,body[data-dark-mode=true] p,body[data-dark-mode=true] span{color:#fff!important}body.dark-mode .loader-container,body[data-dark-mode=true] .loader-container{background-color:#000!important}body.dark-mode .hour-button,body.dark-mode button:not(.round-button):not(.back-button),body[data-dark-mode=true] .hour-button,body[data-dark-mode=true] button:not(.round-button):not(.back-button){background-color:#fff!important;color:red!important}body.dark-mode .back-button,body[data-dark-mode=true] .back-button{background-color:#443e3e!important;color:#fff!important}body.dark-mode .loader,body[data-dark-mode=true] .loader{border:16px solid #333!important;border-top-color:red!important}
/*# sourceMappingURL=main.3c48a8ad.css.map*/