*{margin:0;padding:0}body{background:linear-gradient(135deg,#fff9f4,#e2d1c3);background-repeat:no-repeat}#root{background:url(/background-icons.svg);background-size:400px 70px,cover;background-repeat:repeat;font-family:Kanit,sans-serif;min-height:calc(100vh - 3rem);line-height:1.5;font-weight:400;text-align:center;margin-top:3rem}.navbar{position:fixed;z-index:5;background:#fff;top:0;width:100%;height:2rem;font-size:1.25rem;display:flex;justify-content:center;align-items:center;border-bottom:2px solid black}.nav-home{cursor:pointer;position:absolute;left:1.5rem;display:flex;justify-content:center;align-items:center;color:#000!important;background:#fff!important}.nav-home .logo{height:2rem}.nav-home .name{font-size:1.25rem}.nav-links{display:flex;justify-content:center;align-items:center}a.nav-link{color:#000;text-decoration:none}a.nav-link.active{color:#fff;background:#000}.nav-item{cursor:pointer;margin:0 1rem;position:relative}.league:hover,.team:hover,.player:hover{cursor:pointer;opacity:.7}.l h2.header,.t h2.header{background:#000;color:#fff;width:160px;margin:0 auto .25rem;border-radius:.25rem}.l-img,.t-img{background:#fff;border:3px solid black;border-radius:.5rem;box-shadow:5px 5px 10px #000;padding:.5rem}.leagues{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.league{background:#242423;width:170px;height:270px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;border:2px solid black;border-radius:1rem;padding:1rem;margin:.5rem;box-shadow:5px 5px 10px #000}.league .country-flag{position:absolute;border-right:2px solid black;border-bottom:2px solid black;border-radius:1rem 0 0;width:2rem;top:0;left:0}.league .league-logo{background:#fff;border-radius:.5rem;padding:0 .5rem}.league .header{margin-bottom:.5rem}.swiper-wrapper{width:fit-content!important;margin:auto}.players-group{display:flex;flex-direction:column;position:relative;background-color:#0000001a;width:90%;margin:1rem;border-radius:1rem;border:2px solid #fff;box-shadow:5px 5px 10px #000}.players-group .header{background:#000;color:#fff;border-radius:1rem 1rem 0 0;font-size:1.5rem;letter-spacing:.1rem}.players .carousel-button{position:absolute;cursor:pointer;transform:translateY(-50%);top:50%;z-index:10}.players .carousel-button:hover{opacity:.3}.players .carousel-button-prev{left:0}.players .carousel-button-next{right:0}.teams,.players{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.team,.player{background:#242423;color:#fff;border:2px solid black;border-radius:1rem;padding:1rem;margin:.5rem;box-shadow:5px 5px 10px #000}.team{width:180px}.player{width:150px}.player .player-image{border-radius:.25rem}.player .market-value{min-height:24px}.player .face-image{max-height:4rem}.team-header,.player-header{font-size:1rem}.team .team-image{height:3rem;background:#fff;border-radius:.5rem;padding:0 .5rem}.nationality-image{width:1rem;margin-right:.5rem;border:1px solid white;border-radius:.1rem}.go-back-btn{cursor:pointer;height:3rem;width:3rem;position:fixed;background:transparent;border:none;top:3rem;right:2rem}.go-back-btn img{width:100%}.search-players{width:100%;display:flex;justify-content:center;align-items:center}.search__input{width:14rem;padding:12px 32px;caret-color:transparent;font-size:14px;line-height:18px;color:#575756;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px 18px;background-position:95% center;border-radius:50px;border:1px solid #575756;transition:all .25s ease-in-out;backface-visibility:hidden;transform-style:preserve-3d}.search__input::placeholder{color:color(#575756 a(.8));text-transform:uppercase;letter-spacing:1.5px}.search__input:focus{caret-color:unset;padding:12px .5rem;outline:0;border-radius:0}.found-players{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.search-players-bottom{margin-bottom:1rem}.player-overview{border-radius:.25rem;box-shadow:5px 5px 10px #000;display:flex;align-items:center;width:50%;background:#fff;padding:.5rem;margin-bottom:.5rem}.player-overview.active{cursor:pointer;color:#fff;background:#242423}.player-overview img.face-image,.player-overview img.team-image,.player-overview img.league-image{height:50px;border-radius:.15rem}.player-overview img.team-image,.player-overview img.league-image{padding:0 .25rem;background:#fff}.player-overview img.team-image:hover,.player-overview img.league-image:hover{cursor:pointer;transition:transform .25s;transform:scale(1.35);background:transparent}.player-overview p.name,.player-overview img.league-image{margin-left:1rem}.player-overview img.team-image{margin-left:auto}.player-details-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:1rem}.player-general-info,.player-additional-info{width:700px;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:5px 5px 10px #000;display:grid}.player-general-info{grid-template-rows:30px 5px repeat(10,25px);grid-template-columns:repeat(2,1fr);grid-template-areas:"header header" ". ." "portrait name" "portrait name" "portrait age" "portrait age" "portrait birthDate" "portrait birthDate" "portrait position" "nationalities position" "nationalities marketValue" "nationalities marketValue"}.player-general-info .portrait{grid-area:portrait;align-self:center;display:flex;justify-content:center;align-items:center}.player-general-info .nationalities{grid-area:nationalities;align-self:center}.player-general-info .header,.player-additional-info .header{grid-area:header;font-size:1.25rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid black}.player-general-info .name{grid-area:name}.player-general-info .age{grid-area:age}.player-general-info .position{grid-area:position}.player-general-info .birth-date{grid-area:birthDate}.player-general-info .market-value{grid-area:marketValue}.player-general-info img.nationality-img{height:35px;margin:0 .25rem;border:3px solid #000;border-radius:.25rem}.player-general-info .label,.player-additional-info .label{font-weight:700;text-transform:uppercase}.player-general-info .content,.player-additional-info .content{border-bottom:2px solid black}.player-general-info .market-value .content{border-bottom:unset}.player-general-info .portrait img{border:3px solid black;border-radius:.25rem}.player-additional-info{grid-template-rows:30px 5px repeat(6,50px);grid-template-columns:repeat(2,1fr);grid-template-areas:"header header" ". ." "socials height" "socials birthPlace" "socials nationalTeam" ". leadingFoot" ". clubJoinDate" ". contractExpirationDate"}.player-additional-info .height{grid-area:height}.player-additional-info .birth-place{grid-area:birthPlace}.player-additional-info .birth-place .content{display:flex;justify-content:center;align-items:center;border-bottom:unset}.player-additional-info .birth-place,.player-additional-info .national-team{display:flex;border-bottom:2px solid black}.player-additional-info .national-team{grid-area:nationalTeam}.player-additional-info .national-team .center,.player-additional-info .birth-place .center{width:60%}.player-additional-info .national-team .left,.player-additional-info .national-team .right,.player-additional-info .birth-place .left,.player-additional-info .birth-place .right{width:20%}.player-additional-info .national-team .left,.player-additional-info .birth-place .left{display:flex;justify-content:center;align-items:center}.player-additional-info .national-team .country,.player-additional-info .birth-place .country{display:flex}.player-additional-info .national-team .country .country-flag-img,.player-additional-info .birth-place .country .country-flag-img{height:1.75rem;border:2px solid #000;border-radius:.15rem}.player-additional-info .national-team .content{display:flex;justify-content:center;align-items:center;gap:.3rem;border-bottom:unset}.player-additional-info .leading-foot{grid-area:leadingFoot}.player-additional-info .club-join-date{grid-area:clubJoinDate}.player-additional-info .contract-expiration-date{grid-area:contractExpirationDate}.player-additional-info .socials{grid-area:socials;align-self:end}.player-additional-info .contract-expiration-date .content,.player-additional-info .socials .content{border-bottom:unset}.player-additional-info .socials .content{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;position:relative}.player-additional-info .socials .content:after{content:"";display:block;width:75%;height:1px;background-color:#000;position:absolute;bottom:0}.player-additional-info .socials .social-media img.icon{cursor:pointer;height:2rem}.player-additional-info .socials .social-media img.icon:hover{opacity:.7}.stats-container{width:700px;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:5px 5px 10px #000}.stats-container .header{font-size:1.25rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid black;margin-bottom:.5rem}.stats-container .stats-labels{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto}.stats-container .stats-label{font-weight:700;align-self:center;margin:.5rem 0}.stats-container .stats-content{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto}.stats-container .stats-content .stats-item{align-self:center;margin:.25rem 0}.stats-container .stats-content .league-flag{display:flex;justify-content:center;align-items:center}.stats-container .stats-content .league-flag img.league-icon{height:2.5rem}.market-value-tooltip .row{padding:5px}.market-value-tooltip .date{color:#fff;background:#000}.market-value-tooltip img.team-img{height:2rem}.chart-conatiner{border-radius:1rem;padding:.5rem;background:#fff;box-shadow:5px 5px 10px #000}.chart-conatiner .header{font-size:1.25rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid black;margin-bottom:.5rem}.stats-view{width:50%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.stats-option{width:10rem;background:#242423;color:#fff;position:relative;border:2px solid black;border-radius:1rem;padding:1rem;margin:.5rem;box-shadow:5px 5px 10px #000;text-transform:uppercase}.stats-option:hover{cursor:pointer;opacity:.7}.stats-panel-container{position:absolute;display:none;top:0;z-index:10;background:#000000d9;height:100vh;width:100%}.stats-panel-container{display:flex;justify-content:center;align-items:center}.stats-panel{width:90%;height:85%;background:#fff;border-radius:2rem;border:2px solid #fff}.stats-panel-header{display:grid;grid-template-columns:1fr 25fr 1fr;align-items:center;width:100%;background:#000;border-radius:1.9rem 1.9rem 0 0;padding:.25rem 0}.stats-panel-header .close-btn{z-index:15;cursor:pointer;height:3rem;width:3rem;border:none;background:transparent}.stats-panel-header .close-btn:hover{opacity:.7}.stats-panel-header .close-btn img{width:100%}.stats-panel-header h1{font-size:1.25rem;color:#fff}.img-cell-wrapper{display:flex;align-items:center;justify-content:center}.stats-panel .img-cell-wrapper.clickable:hover{cursor:pointer;transition:transform .25s;transform:scale(1.25)}.stats-panel .loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.stats-panel .name-link{text-decoration:none;color:#000}.stats-panel .name-link:hover{cursor:pointer;text-decoration:underline;font-weight:700}.MuiTableContainer-root::-webkit-scrollbar{width:.5rem}.MuiTableContainer-root::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px}.MuiTableContainer-root::-webkit-scrollbar-track{background:transparent}.MuiTableContainer-root::-webkit-scrollbar-button{display:none}.MuiInputBase-root{width:70%!important;margin:auto!important}.home-container{display:flex;flex-direction:column;gap:2rem}.home-container .header{display:flex;position:relative;justify-content:center;margin-bottom:1rem}.home-container .header:after{display:block;position:absolute;bottom:0;content:"";width:14rem;height:5%;background:#000}.home-container .header .logo{height:3rem}.introduction-container .introduction-text{text-align:justify}.introduction-container,.data-amount-container{background:#fff;width:50%;margin:auto;padding:1rem;border-radius:1rem;box-shadow:5px 5px 10px #000}.count-boxes{display:flex;justify-content:space-evenly;color:#fff}.count-box{background:#d90368;padding:2rem 0;width:20%;border-radius:.5rem}.count-box .amount{font-size:2rem}.count-box .data-type{text-transform:uppercase}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
