body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;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;font-family:Montserrat,Helvetica,"sans-serif";position:relative}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{--tw-bg-opacity:1;background-color:rgb(67 69 88/var(--tw-bg-opacity));align-items:center;height:150px;padding:12px}.header{background-color:#000;background-position:50%;background-size:cover;max-width:100%;height:250px;position:relative}.box{opacity:.5;background:#fff;align-items:center;width:28%;height:250px;display:flex;position:absolute}.logo{width:300px;height:150px}.banner-floating{z-index:10;cursor:pointer;background-color:#00000080;border-radius:50%;padding:8px;transition:background-color .3s;position:absolute;top:12px;right:12px}.banner-floating:hover{background-color:#ffffffd9}.banner-floating:hover .anticon{color:#000!important}@media (width>=0) and (width<=695px){.box{width:100%}}@media (width>=696px) and (width<=1023px){.box{width:100%}}@media (width>=1024px){.box{clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}}.notification-wrapper{max-height:80vh;padding:12px;overflow-y:auto}.notification-item-wrapper{justify-content:space-between;align-items:center;display:flex}.notification-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:flex}.notification-avatar{flex-shrink:0;margin-right:12px}.container-profile-player{border:1px solid #e6e1e1}.item-profile-player-left{background-color:#ead8b7;flex-direction:column;gap:10px;height:100%;padding:0 12px;display:flex}.img-profile{justify-content:center;align-items:center;width:100%;height:200px;display:flex}.img-profile img{text-align:center;vertical-align:middle;border-radius:50%;width:120px;height:120px}.icon-contact-profile{margin-right:6px;padding:2px}.item-profile-player-right{padding:0 16px}.contact-profile p{font-size:12px}.loader-container{justify-content:center;align-items:center;height:100%;display:flex}.text-timeline{font-weight:700}.text-timeline:hover{color:#ccc!important}.container-activity{justify-content:center;align-items:center;width:100%;display:flex}.activity{perspective:1000px;cursor:pointer;height:70px}.activity-circle{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.circle{position:relative}.activity img{max-width:100%;max-height:100%}.animation{animation:1.2s infinite flipImage}@keyframes flipImage{0%{transform:rotateY(0)}50%{transform:rotateX(90deg)}to{transform:rotateY(180deg)}0%{transform:rotateY(0)}}.nav{background-color:#fff;width:100%;position:relative}.nav-box{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;display:flex;position:absolute;bottom:-45px;right:0}.nav-item{background-color:#ccc;width:50%;position:relative}.triangle{border-bottom:35px solid #ccc;border-left:35px solid #0000;border-right:35px solid #0000;position:absolute;left:-35px}.nav-item-icon{justify-content:space-around;height:50px;display:flex}.item-menu-top{align-items:center;line-height:1px}.text-menu{font-size:14px;font-style:italic}.text-menu:hover{cursor:pointer;font-weight:900;animation:.5s forwards moveAndResize}.text-menu-active{cursor:pointer;font-size:14px;font-style:italic;font-weight:900;animation:.5s forwards moveAndResize}.custom-modal{max-width:70%}@keyframes moveAndResize{to{transform:scale(1.25)}}.item-menu-bottom{background-color:#000;justify-content:center;align-items:center;width:150px;padding:0 5px;display:flex;position:relative}@media (width>=0) and (width<=695px){.nav-box{display:none}.nav-box-mobie{background-color:#000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;left:0}.custom-modal{max-width:100%}}@media (width>=696px) and (width<=1023px){.nav-box-mobie{background-color:#000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;left:0}.nav-box{display:none}}@media (width>=1024px){.nav-box-mobie{display:none}}.auth-container{background-color:#fff;width:100%;height:500px;display:flex;position:relative;overflow:hidden}.auth-loading{background-color:#fff;justify-content:center;align-items:center;height:300px;display:flex}.auth-title{z-index:999;background:linear-gradient(145deg,#0e0e0e 0%,#1c1c1c 30%,#143b74 65%,#d93025 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:absolute;left:0}.auth-form{background-color:#f9fbfd;flex-direction:column;justify-content:center;align-items:center;width:50%;display:flex}.auth-form Form{animation:1.5s ease-in-out forwards animate}.auth-heading{opacity:0;color:#fff;font-size:12px;font-weight:700;animation:1.5s ease-in-out forwards animate}.auth-logo{opacity:0;color:#fff;border-radius:12px;width:150px;height:70px;animation:1s ease-in-out forwards animate}.auth-submit{text-align:end;width:100%}.text-forget-password{color:#234f66;cursor:pointer;margin-right:24px;text-decoration:underline}.text-forget-password:hover{color:#00cdf6}.auth-submit button{color:#fff;background:#000;border:none;border-radius:5px;margin-left:12px;padding:6px 24px;font-weight:800}.auth-submit button:hover{background-color:#ccc}@keyframes animate{0%{opacity:0;filter:blur(33px);transform:translateY(100px)}to{opacity:1;filter:blur();transform:translate(0)}}@media (width>=0) and (width<=695px){.auth-container{flex-direction:column;height:auto}.auth-form{width:100%;height:300px;padding:12px 0;overflow:auto}.auth-title{width:100%;height:50%}.login{order:1}.register{order:2}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}}@media (width>=1024px){@keyframes slideIn{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOut{0%{transform:translate(100%)}to{transform:translate(0)}}}.container-ranking{padding:0}.header-ranking{color:#fff;background-color:#ccc;background-image:url(/assets/banner-ranking-BiO15a-E.png);flex-direction:column;align-items:center;height:140px;display:flex}.title{justify-content:space-between;padding:0 25px}.choose-age{align-items:center;gap:12px;padding:12px;display:flex}.title-ranking{justify-content:space-between;align-items:center;display:flex}.btn-login{color:#000;background:#000;border:none;border-radius:5px;width:100px;height:30px;margin:12px 0;font-weight:900}.btn-login:hover{color:#fff;background:#000}.custom-modal .ant-modal-container{padding:0}@media (width>=0) and (width<=695px){.choose-age{scrollbar-width:none;width:80%;overflow:scroll}}.mb-30{margin-bottom:30px}.mt-24{margin-top:24px}.mt-48{margin-top:48px}.table-ranking{border-radius:5px;width:100%;min-height:500px}.tab-ranking{background-color:#fff;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:0 50px;display:flex;box-shadow:0 2px 4px #0006,0 8px 16px #0006}.item-ranking{cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;height:140px;margin:16px 50px;animation:1s ease-in-out forwards animate;display:flex;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a}.rank{color:#000;width:5%;font-weight:900}.name{align-items:center;gap:5px;width:30%;height:100%;display:flex}.name:hover{color:#851e1e;cursor:pointer}.team{align-items:center;gap:20px;width:30%;display:flex}.age{width:5%}.point{width:20%;font-weight:900}.avatar-name{border-radius:50%;justify-content:center;align-items:center;width:124px;height:90%;display:flex}.avatar-team{border-radius:5px;justify-content:center;align-items:center;width:80px;height:50px;display:flex}.search{width:10%}.search-input{border:none;border-radius:3px;outline:none;width:100%;height:100%}.search-group{width:100%;height:25px}.btn-export{color:#fff;cursor:pointer;background-color:#000;border:1px solid #000;border-radius:5px;margin:12px 24px;padding:12px 24px;font-weight:800}.btn-export:hover{opacity:.5}.top-ranking-icon{width:40px;height:40px}.top-player-ranking-detail{justify-content:center;align-items:center;gap:20px;height:350px;padding:30px 0;display:flex}.top-player-ranking-detail .box-top-player{z-index:2;background-color:#000;border-radius:0 50px;width:20%;height:100%;position:relative;overflow:hidden}.animation1{animation:.75s linear forwards slide}.animation2{animation:1s linear forwards slide}.animation3{animation:.5s linear forwards slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(0%)}}.box-top-team{z-index:1;color:#fff;border-radius:0 0 0 50px;justify-content:center;align-items:center;gap:5px;width:100%;height:50px;font-weight:700;display:flex;position:absolute;bottom:0}.box-top-team a{font-size:12px}.box-top-ranking{z-index:1;text-align:start;text-align:center;color:#fff;text-shadow:2px 2px 4px #fafafa4d;padding:12px 24px;font-size:6rem;font-weight:700;position:absolute;top:0}.bgrank1{background:linear-gradient(45deg,gold,orange,tomato,#ff4500)}.bgrank2{background:linear-gradient(45deg,silver,#d3d3d3,#b0b0b0,#e5e5e5)}.bgrank3{background:linear-gradient(45deg,#8b4513,sienna,#6f4f28,#4a3c2f)}.rank1{background:linear-gradient(45deg,gold,orange,tomato,#ff4500);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rank2{background:linear-gradient(45deg,silver,#d3d3d3,#b0b0b0,#e5e5e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rank3{background:linear-gradient(45deg,#8b4513,sienna,#6f4f28,#4a3c2f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.box-top-point{color:#16a34a;text-shadow:2px 2px 4px #fafafa4d;background-color:#000;border-radius:0 50px 0 40px;justify-content:center;align-items:center;width:70px;height:50px;font-weight:900;display:flex;position:absolute;top:0;right:0}.box-top-point a{font-size:16px}@media (width>=0) and (width<=695px){.age,.exam{display:none}.avatar-name{width:50px;height:40%}.team{text-align:start;width:20%;font-size:10px}.avatar-team{display:none}.rank,.change{font-size:10px}.name{text-align:start;font-size:10px}.point,.search{font-size:10px}.btn-login{display:none}.top-ranking-icon{width:25px;height:25px}.item-ranking{height:100px;margin:16px 0;padding:0 12px}.tab-ranking{padding:0 12px}.top-player-ranking-detail .box-top-player{border-top-right-radius:40px;border-bottom-left-radius:40px;width:33%}.top-player-ranking-detail{height:250px;margin:16px 12px}.box-top-team img{border-radius:50%;margin-top:3px;margin-left:12px;width:30px!important;height:30px!important}.box-top-team a{margin-top:10px;font-size:8px}.box-top-team{align-items:normal;height:40px}.box-top-ranking{padding:12px;font-size:3rem}.box-top-point{width:60px;height:40px}.box-top-point a{font-size:12px}}@media (width>=696px) and (width<=1023px){.avatar-name{width:80px;height:50%}.name{width:30%;font-size:14px}.name p{width:60%;font-size:14px}.avatar-team{width:60px;height:30px}.team{width:30%;font-size:10px}.box-top-team a{font-size:10px}.box-top-team img{border-radius:50%;margin-left:16px;width:30px!important;height:30px!important}.box-top-point{width:60px;height:40px}.box-top-point a{font-size:12px}}@media (width>=1024px){.name{gap:20px}.top-player-ranking-detail .box-top-player{width:15%}}.btn-more-infomation{--tw-bg-opacity:1;background-color:rgb(67 69 88/var(--tw-bg-opacity));width:100%;margin:12px 0;padding:16px 0}.container-event{color:#fff;background-color:#282e34}.events-title{border:1px solid;border-radius:3px;padding:6px 12px}.post-title{gap:10px;display:flex}.background-contact{background-image:linear-gradient(#00000035,#0000003e),url(/assets/logoteam-DzshrLzv.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100%}.img-contact{width:100%;height:100%}.text-contact{letter-spacing:2px;text-transform:uppercase;color:#111;justify-content:center;align-items:center;width:100%;height:100%;font:12px Lato,sans-serif;display:none}.container-news{text-align:start;justify-content:center;align-items:center;padding:12px;display:flex}.article-detail{background-color:#fff;border-radius:8px;width:70%;padding:20px;box-shadow:0 4px 8px #0000001a}.article-detail h2{margin-bottom:10px;font-size:2rem}.article-detail .metadata{color:#666;margin-bottom:10px;font-size:12px}.article-detail img{width:100%;max-width:100%;height:auto;margin-bottom:20px}.article-detail p{color:#333;line-height:1.8}.back-button{color:#fff;background-color:#333;border-radius:4px;margin-top:20px;padding:10px 20px;text-decoration:none;display:inline-block}.back-button:hover{background-color:#555}@media (width>=0) and (width<=695px){.article-detail{width:auto}}.info-team{text-align:start;background-image:url(/assets/banner-ranking-BiO15a-E.png);padding:24px 50px;font-style:italic}.logo-profile-team{height:150px;margin-top:12px}.logo-profile-team img{width:100%;height:100%}.information-profile-team{flex-direction:column;gap:10px;margin-top:20px;display:flex}.text-profile-team{color:#fff;background:linear-gradient(45deg,#fff,#f90,#3c3,#39f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600}.loading-container-athlete-by-team{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.chat-container{max-width:100%;margin:30px 15px;font-family:Arial,sans-serif}.chat-box{background:#f9f9f9;height:500px;margin-bottom:10px;padding:10px;overflow-y:auto}.chat-messages{text-align:start}.chat-message{word-wrap:break-word;border-radius:15px;max-width:50%;margin-bottom:8px;padding:6px 10px;list-style:none}.my-message{background:#d0ebff;margin-left:auto}.other-message{background:#e1ffc7;margin-left:0}.input-user,.input-message{margin-right:8px;padding:8px;font-size:16px}.input-user{width:150px}.send-button{padding:8px;font-size:16px}.typing-status{color:gray;font-style:italic}.send-message-container{background-color:#fff;border-radius:15px;align-items:center;gap:10px;margin-top:10px;padding:12px 24px;display:flex;position:relative;box-shadow:0 2px 8px #0003}.input-message{resize:none;box-sizing:border-box;overflow-wrap:break-word;border:none;outline:none;width:90%;min-height:40px;max-height:150px;padding:8px;font-size:16px;line-height:1.4}.send-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.media-upload{display:flex;position:absolute;right:70px}.media-img{object-fit:cover;border:1px solid #edbaba;border-radius:10px;width:50px;height:50px;margin-right:16px;overflow:hidden}.container-media-upload{position:relative}.button-remove-media{opacity:1;background-color:red;border-radius:50px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-5px;right:10px}.button-remove-media:hover{opacity:.5;border-radius:10px}.message-media{flex-wrap:wrap;gap:8px;margin:12px 0 0 12px;display:flex}.chat-media-image{object-fit:cover;cursor:pointer;border-radius:8px;width:100px;height:100px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.chat-media-image:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.chat-sidebar{border-right:1px solid #f0f0f0;flex-direction:column;width:100%;display:flex}.scroll-container{cursor:grab;-webkit-user-select:none;user-select:none;gap:12px;display:flex;overflow-x:auto}.scroll-container.active{cursor:grabbing}.user-avatar{text-align:center;flex:none;position:relative}.user-name{margin-top:4px;font-size:12px}.title-chat{text-align:left;background-color:#fffefd;align-items:center;gap:5px;margin-bottom:5px;padding:6px 12px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.chat-wrapper{background:#f5f5f5;padding:12px}.chat-row{height:100%}.chat-sidebar{background:#fff;border-radius:8px;height:100%;overflow:auto}.chat-content{background:#fff;border-radius:8px;height:100%;overflow:hidden}.user-profile-card{text-align:left;background:#fff;border-radius:12px;max-width:100%;margin:auto;padding:24px;font-family:sans-serif;box-shadow:0 8px 24px #0000000f}.user-profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.user-profile-header-info{flex:1;margin-left:16px}.user-profile-name{font-size:18px;font-weight:600}.user-profile-email{color:#888}.user-profile-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-profile-save-btn{padding:4px 8px}.user-profile-logout-btn{color:#999}.user-profile-label{color:#555;font-weight:700}@media (width<=768px){.user-profile-header{flex-direction:column;align-items:center}.user-profile-header-info{margin-top:12px;margin-left:0}.user-profile-actions{justify-content:center}}.home-container{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100%}.header-home{--tw-bg-opacity:1;background-color:rgb(67 69 88/var(--tw-bg-opacity))}.title{width:80%;padding:6px 12px}.title p{font-size:20px}.top-player-slider{width:100%;animation:1s ease-in-out forwards animate;display:flex;position:relative;overflow:hidden}.top-player-list{color:#fff;justify-content:space-between;align-items:center;gap:30px;padding:20px 24px;transition:transform .3s;display:flex}.button-slide{cursor:pointer;color:#000;background-color:#0000;border:none;width:40px;font-weight:900}.btn-group-header-home{z-index:1;justify-content:space-between;width:10%;height:100%;display:flex;position:absolute}.top-player-list-item{cursor:pointer;background-color:#fff;border-bottom:2px solid #1dd01d;border-radius:10px;flex:none;justify-content:space-around;gap:10px;width:230px;height:100px;display:flex;position:relative;box-shadow:0 2px 4px #000,0 8px 16px #000}.flex-end-item{flex-direction:column;justify-content:flex-end;display:flex}.logoTeam{box-sizing:border-box;z-index:1;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:-20px;right:14px;overflow:hidden;box-shadow:0 2px 4px #0000001a,0 8px 16px #0006}.logoTeam img{object-fit:cover;max-width:100%;max-height:100%}.number-ranking{color:#000;font-size:60px;font-weight:700}.top-player-list-item:hover{background-color:#ccc}.container-header-home img{height:140px}.line-header-home{background-color:#1dd01d;width:100%;height:3px}@media (width>=0) and (width<=575px){.title p{font-size:10px}.container-header-home{justify-content:center;align-items:center}.container-header-home img{height:70px}.line-header-home{background-color:#1dd01d;width:100%;height:3px}}.search-home{--tw-bg-opacity:1;background-size:cover;background-color:rgb(67 69 88/var(--tw-bg-opacity));flex-direction:column;justify-content:center;align-items:center;width:100%;height:250px;display:flex}.container-home-search{text-align:start}.serach-label{color:#fff;padding:24px;font-size:35px}.Search-btn{background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;width:50%;height:30px;padding:12px;display:flex;position:relative;box-shadow:0 2px 4px #0000001a,0 8px 16px #0006}.Search-input{border:none;outline:none;width:80%;height:100%}.line-search{background-color:#000;width:2px;height:100%}.item-search{box-sizing:border-box;z-index:1;background-color:#fff;width:100%;padding:12px;position:absolute;top:60px;left:0;box-shadow:0 2px 4px #0000001a,0 8px 16px #0006}.item-search:before{content:"";border-bottom:100px solid #fff;border-left:50px solid #0000;border-right:50px solid #0000;position:absolute;top:-25px;right:0}@media (width>=0) and (width<=695px){.search-home{justify-content:center;align-items:center;width:100%;display:flex}.Search-btn{width:80%}.serach-label{font-size:24px;font-weight:800}}.selected-row{background-color:#e6f7ff;font-weight:700}.about-home{color:#777;text-align:center;text-align:justify;background-color:#fff;max-height:300px;padding:50px 80px;overflow:auto}.about-home h3{letter-spacing:5px;text-transform:uppercase;color:#111;justify-content:center;font:20px Lato,sans-serif;display:flex}@media (width>=0) and (width<=695px){.about-home{padding:0 30px}}.about{height:600px;position:relative}.container-about{background:#f5f5f5;width:100%;height:600px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 50px #dbdbdb}.container-about .slide-about .item-about{background-position:50%;background-size:cover;border-radius:20px;width:200px;height:300px;transition:all .5s;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 30px 50px #505050}.slide-about .item-about:first-child,.slide-about .item-about:nth-child(2){border-radius:0;width:100%;height:100%;top:0;left:0;transform:translate(0)}.slide-about .item-about:nth-child(3){left:50%}.slide-about .item-about:nth-child(4){left:calc(50% + 220px)}.slide-about .item-about:nth-child(5){left:calc(50% + 440px)}.slide-about .item-about:nth-child(n+6){opacity:0;left:calc(50% + 660px)}.item-about .content-about{text-align:left;color:#eee;width:300px;font-family:system-ui;display:none;position:absolute;top:17%;left:15px;transform:translateY(-50%)}.slide-about .item-about:nth-child(2) .content-about{display:block}.content-about .name-about{text-transform:uppercase;opacity:0;color:#000;font-size:24px;font-weight:700;animation:1s ease-in-out forwards animate}.content-about .des-about{opacity:0;color:#000;margin-top:10px;margin-bottom:20px;font-size:14px;animation:1s ease-in-out .3s forwards animate}.content-about button{cursor:pointer;opacity:0;border:none;padding:10px 20px;animation:1s ease-in-out .6s forwards animate}.button-about{text-align:center;width:100%;position:absolute;bottom:20px}.button-about button{cursor:pointer;background-color:#fff;border:none;border-radius:8px;width:40px;height:35px;margin:0 5px;transition:all .3s}.button-about button:hover{color:#fff;background:#ababab}.bright-menu-item{color:#fff;font-weight:700}.container-create-player{flex-wrap:wrap;gap:20px;width:100%;display:flex}.form-create-player{flex-direction:column;gap:10px;width:20%;display:flex}.label-creater-player{padding:0 6px}.input-create-player{border:1px solid #ccc;border-radius:7px;outline:none;height:40px;padding:0 12px}.form-create-player-category{flex-direction:column;gap:10px;width:50%;display:flex}.btn-submit-creater-player{color:#fff;background-color:#000;border:none;border-radius:5px;padding:12px;font-weight:700}.cms-search-player{text-align:start;padding:12px}.cms-search-player-border{box-sizing:border-box;z-index:1;background-color:#fff;border-radius:5px;justify-content:space-between;align-items:center;width:30%;padding:12px;display:flex;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a}.cms-search-player-border button{color:#fff;background-color:#000;border:none;border-radius:5px;padding:4px 6px;font-weight:600}.cms-search-player-input{border:none;outline:none;width:70%;height:100%}.cms-table-account{flex-direction:column;justify-content:flex-start;align-self:start;gap:20px;display:flex}.button-create-account{background-color:brown;align-self:flex-start;width:auto;overflow:hidden}.notification-header{justify-content:space-between;align-items:center;display:flex}.layout{padding:45px 0 0}@media (width>=0) and (width<=695px){.layout{padding:0}}@media (width>=696px) and (width<=1023px){.layout{padding:0}}