@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;scrollbar-width:none}button,input{outline:none!important}label,span,p,a,div{color:var(--primaryColor);margin:0;padding:0}button{color:var(--secondaryColor)}input::placeholder{font-style:italic;font-size:small}input{color:var(--primaryColor)!important}body{position:relative}.ant-input-outlined:focus,.ant-input-outlined:hover{border-color:var(--primaryColor)}.ant-form-item-required:after,.ant-form-item-label>label:after{visibility:unset!important}.ant-btn-primary{display:flex;justify-content:space-evenly;align-items:center;font-size:medium;font-weight:500;background-color:var(--primaryColor)}.ant-btn-primary span{color:var(--secondaryColor)}.ant-btn-primary:hover{background-color:var(--primaryColor)}.ant-input-suffix{margin:0!important}.ant-input-outlined:focus-within{border-color:var(--primaryColor)!important}.ant-select-item-option-content,.ant-select-selection-item{display:flex;justify-content:center;align-items:center}.ant-select-selector,.ant-select-selector:hover{border:1px solid var(--primaryColor)}:where(.css-dev-only-do-not-override-kghr11).ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):focus-within .ant-select-selector{border:1px solid var(--primaryColor)}:where(.css-dev-only-do-not-override-kghr11).ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border:1px solid var(--primaryColor)}:where(.css-dev-only-do-not-override-kghr11).ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary):hover{border:1px solid var(--primaryColor)}.page{max-width:1500px;margin:0 auto;min-height:100vh;background-color:#fff9f9}.medium-width{width:1280px;margin:0 auto}.center{display:flex;justify-content:center;align-items:center}.full-width{width:100%}.direction{flex-direction:column}.between{display:flex;justify-content:space-between}:root{--primaryColor: #00B125;--secondaryColor: #ffffff;--textColor: #000;--borderPrimary: 1px solid var(var(--primaryColor))}.auth-account-layout .title{text-align:center;text-transform:uppercase;color:var(--primaryColor)}.auth-account-layout .container-banner .ant-image{width:100%;height:100%}.auth-account-layout .container-banner .banner-image{max-height:100vh;object-fit:cover}.auth-account-layout .wrapper-auth-account-layout{position:relative}.auth-account-layout .wrapper-auth-account-layout .container-form .login-form{width:500px}.auth-account-layout .wrapper-auth-account-layout .container-form .login-form label{font-size:medium;color:var(--primaryColor)}.auth-account-layout .wrapper-auth-account-layout .container-form .login-form .forgot-password{text-align:end;color:var(--primaryColor)}.auth-account-layout .wrapper-auth-account-layout .container-form .login-form .login-btn{background-color:var(--primaryColor)}.auth-account-layout .wrapper-auth-account-layout .container-form .login-form .login-btn span{color:var(--secondaryColor)}.auth-account-layout .wrapper-auth-account-layout .container-grass{position:absolute;bottom:0}.auth-account-layout .wrapper-auth-account-layout .container-grass .ant-image{width:100%;height:auto}.auth-account-layout .wrapper-auth-account-layout .container-ball{position:absolute;bottom:30px;right:0}.login-page .title{text-align:center;text-transform:uppercase;color:var(--primaryColor)}.login-page .login-form{width:500px}.login-page .login-form label{font-size:medium!important;color:var(--primaryColor)}.login-page .login-form .forgot-password{text-align:end;color:var(--primaryColor)}.login-page .login-form .login-btn{background-color:var(--primaryColor)}.login-page .login-form .login-btn span{color:var(--secondaryColor)}.forgot-password-page{max-width:500px}.forgot-password-page .description{color:var(--primaryColor);font-size:medium;text-align:center}.forgot-password-page label{color:var(--primaryColor)!important;text-transform:capitalize;font-size:medium!important;font-weight:500}.wrapper-back-page{display:flex;justify-content:flex-start;margin-bottom:30px}.wrapper-back-page a{display:flex;align-items:center}.footer-wrapper{background-color:var(--primaryColor)}.footer-wrapper .title,.footer-wrapper span,.footer-wrapper p,.footer-wrapper div{color:var(--secondaryColor)!important;margin-bottom:10px}.footer-wrapper .title{margin-bottom:20px;text-transform:uppercase}.footer-wrapper span{font-weight:700}.footer-wrapper .footer{padding:40px 0}.footer-wrapper .email{text-transform:capitalize}.footer-wrapper .email .content{text-transform:lowercase}.footer-wrapper .container-icons{display:flex}.footer-wrapper .container-icons svg{cursor:pointer;margin:0 8px}.footer-wrapper .ant-input-outlined{border-radius:35px}.footer-wrapper .registe-news{margin-top:10px}.footer-wrapper .btn-register{border-radius:35px;background-color:var(--primaryColor)}.footer-wrapper .btn-register:hover{background-color:var(--primaryColor)}.footer-wrapper .btn-register span{margin:0}.footer-wrapper .text-download{font-size:medium;text-transform:uppercase;margin-top:10px}.footer-wrapper .container-download-btns{justify-content:space-evenly}.footer-wrapper .container-download-btns .ant-btn{background-color:transparent;border:none;padding:0}.header{background-color:#fff;box-shadow:0 0 8px #949494;width:100vw;position:fixed;top:0;z-index:100}.header .header-tools{justify-content:flex-end}.header .header-tools .text-contact{padding-left:8px;display:inline-block}.header .header-tools .btn-search{background-color:transparent;border:none;outline:none;box-shadow:none;border-radius:50%;height:45px;width:45px;padding:unset}.header .header-tools .btn-search:hover{background-color:transparent}.header .header-tools .btn-contact:hover{background-color:var(--primaryColor)}.header .header-tools .select-language{width:60px;outline:none}.header .header-tools .select-language .ant-select-selector{border-radius:30px}.custom-title .title{border-bottom:2px solid black;padding-bottom:5px;padding-right:10px;display:inline-block;text-transform:uppercase;color:var(--secondaryColor)}.custom-title .title .active{padding-left:5px;color:var(--primaryColor)}.custom-title .title span{font-size:x-large!important}.base-tournament{width:100%;border-radius:30px;background-color:var(--secondaryColor);transition:all .3s}.base-tournament:hover{box-shadow:5px 5px 5px 1px #b2b2b2}.base-tournament .ant-image{width:100%}.base-tournament .content{padding:5px 20px 20px}.base-tournament .img-banner{width:100%;height:auto;object-fit:cover;border-top-left-radius:30px;border-top-right-radius:30px}.base-tournament .detail{margin-top:10px;display:flex;align-items:center}.base-tournament .detail .live{padding:5px 10px 5px 8px;color:var(--secondaryColor);text-transform:uppercase;font-weight:700;font-size:large;background-color:#d10000;position:relative;border-radius:10px;max-width:100px;display:flex;align-items:center;margin-right:10px}.base-tournament .detail .organizational-units{color:gray;text-transform:uppercase;font-size:large}.base-tournament .name-tournament{font-size:large;font-weight:800;max-width:100%;margin-top:15px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.base-tournament .container-btn{justify-content:space-evenly}.base-tournament .container-btn .btn-livestream{margin-left:3px}.base-tournament .container-btn .btn-livescore{margin-right:3px}.base-tournament .container-btn .ant-btn{flex:1;padding:7px}.base-tournament .container-btn .ant-btn svg{margin-right:5px}.base-tournament .container-btn .ant-btn span{font-size:medium;font-weight:300}.base-tournament .time,.base-tournament .address{display:flex;align-items:center;font-size:medium;margin:8px 0}.base-tournament .time span,.base-tournament .address span{color:gray;padding-left:5px}.base-tournament .btn-info-tournament{max-width:160px}.livenow{display:inline-block;width:15px;height:15px;margin-right:5px}.livenow div{vertical-align:middle;width:15px;height:15px;border-radius:100%;position:absolute;margin:0 auto;border:3px solid rgb(243,81,22);-webkit-animation:live 1.4s infinite ease-in-out;animation:live 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.livenow div:nth-child(1){background-color:#ffffff4d;background-color:#fff;-webkit-animation-delay:-.1s;animation-delay:-.1s}.livenow div:nth-child(2){-webkit-animation-delay:.16s;animation-delay:.16s}.livenow div:nth-child(3){-webkit-animation-delay:.42s;animation-delay:.42s;border:3px solid rgba(255,255,255,.5)}.livenow div:nth-child(4){border:3px solid rgb(255,255,255);-webkit-animation-delay:-.42s;animation-delay:-.42s}@-webkit-keyframes live{0%,80%,to{-webkit-transform:scale(.6)}40%{-webkit-transform:scale(1)}}@keyframes live{0%,80%,to{transform:scale(.6);-webkit-transform:scale(.6)}40%{transform:scale(1);-webkit-transform:scale(1)}}.loading{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:10000;background-color:#393939cc}.loading .handling{font-size:x-large;font-weight:700;color:var(--secondaryColor);padding:20px}.loading .spinner{animation:animateRotation 1s infinite linear}.loading .btn-cancel{background-color:var(--primaryColor);color:#fff}.loading .btn-cancel svg{margin-left:5px}.loading .btn-cancel:hover{background-color:var(--primaryColor)!important}.loading .cancel{margin:20px 0;font-size:20px;color:#fff}@keyframes animateRotation{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.reset-password .title{width:500px}.reset-password label{font-size:medium!important;font-weight:500;text-transform:capitalize;color:var(--primaryColor)!important}.reset-password .form-reset-password{width:400px}.verify-otp .description{color:var(--primaryColor)}.verify-otp .container-input-otp{max-width:400px;margin-bottom:15px;height:50px}.verify-otp .container-input-otp .ant-input{border:1px solid var(--primaryColor);height:100%}.verify-otp .container-resend-btn{margin-top:25px}.verify-otp .time-sent-otp{color:gray;font-style:italic}.verify-otp .time-detail{color:var(--primaryColor);display:inline-block;padding-left:5px}.verify-otp .time-detail.finished{color:#fe0606}.base-layout .content-layout{padding-top:80px}.home-page .banner{background-image:url(/assets/banner-CRGmqHkJ.jpg);background-repeat:no-repeat;background-size:cover;height:calc(100vh - 81px)}.home-page .banner .content-banner{padding:100px 50px 50px}.home-page .banner .content-banner .title{max-width:550px;color:var(--secondaryColor);font-size:50px;text-shadow:3px 3px 2px #000;animation:animationTextShadow 2s infinite linear}.home-page .banner .content-banner .description{color:var(--secondaryColor);font-size:large;text-shadow:3px 3px 2px #000}.home-page .tournament-happen{margin-bottom:30px}.home-page .tournament-happen .head{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.home-page .tournament-happen .see-all{display:flex;justify-content:space-between;align-items:center;text-decoration:none}@keyframes animationTextShadow{0%{text-shadow:3px 3px 2px #000}20%{text-shadow:3px 0px 2px #000}40%{text-shadow:3px -3px 2px #000}60%{text-shadow:0px -3px 2px #000}80%{text-shadow:-3px -3px 2px #000}to{text-shadow:3px 3px 2px #000}}.introduction{margin-bottom:50px}.introduction .block-icon{border-radius:10px;background-color:var(--primaryColor);width:140px;height:140px}.introduction .organized{padding-left:5px}.introduction .title{font-size:xx-large;text-transform:uppercase;font-weight:700;text-align:center}.introduction .description{font-size:medium;font-weight:300;text-align:justify}.introduction .home-intro{text-align:center}.introduction .container-detail .title{font-size:medium!important;text-transform:capitalize!important;font-weight:600;color:#000;text-align:start}.contact-form .title{font-size:xx-large;text-transform:uppercase;text-align:center;margin-bottom:5px}.contact-form .description{text-align:center;font-size:medium;margin-bottom:20px}.contact-form .form-booking{width:500px}.contact-form .container-code .ant-form-item-control-input-content{display:flex}.contact-form .container-code .ant-form-item-control-input-content .code{height:50px;width:200px;background-color:gray;font-size:large;color:var(--secondaryColor)}.contact-form .container-code .ant-form-item-control-input-content .reload{height:50px;border-top-left-radius:0;border-bottom-left-radius:0;min-width:70px;display:flex}.contact-form input{color:#000!important}.contact-form .ant-input-outlined{height:50px;border:none!important;background-color:transparent;border-radius:unset!important;border-bottom-left-radius:20px!important;border-bottom:1px solid black!important}.contact-form .ant-input-outlined:focus-within{box-shadow:unset}.contact-form input::-webkit-input-placeholder{font-size:medium}.contact-form textarea{resize:none;min-height:100px}.contact-form .btn-send{width:100px}.not-found{height:calc(100vh - 80px);min-height:unset}.not-found .omg{font-size:x-large;font-weight:400}.not-found .error-page{margin:20px;font-size:large;font-weight:400}.duplicate-page{height:calc(100vh - 80px);min-height:unset}.duplicate-page .description{font-size:x-large;font-weight:300}.duplicate-page img{margin:-30px}.duplicate-page .recommend{font-size:large}.duplicate-page .btn-active svg{margin-left:5px}.tourament-upcoming-page{margin-top:50px}.tourament-upcoming-page .title{margin-bottom:5px;font-size:xx-large;text-transform:uppercase}.tourament-upcoming-page .title .detail{color:var(--primaryColor);margin-left:8px}.tourament-upcoming-page .tool-right{display:flex;justify-content:flex-end}.tourament-upcoming-page .filter-organization,.tourament-upcoming-page .full-width{width:100%}.tourament-upcoming-page .description{color:#000;font-size:medium;font-weight:300}
