@golstats/gsc-game-data 1.0.341 → 1.0.343

package/dist/styles.css

@@ -1,1191 +1,1191 @@
-
-body {
-	margin: 0;
-	line-height: normal;
-}
-
-
-
-
-:root {
-	/* fonts */
-	--font-poppins: 'Poppins-Regular';
-
-	/* font sizes */
-	--font-size-smicom: 13px;
-	--font-size-smcom: 14px;
-	--font-size-5xlcom: 24px;
-	--font-size-basecom: 16px;
-	--font-size-3xlcom: 22px;
-
-	/* Colors */
-	--color-gray-100com: #fafafb;
-	--color-gray-200com: #122736;
-	--color-gray-300com: #172531;
-	--color-gray-400com: #0d1d29;
-	--color-gray-500com: rgba(255, 255, 255, 0.4);
-	--color-gray-600com: rgba(255, 255, 255, 0.05);
-	--color-gray-700com: rgba(255, 255, 255, 0.2);
-	--color-gray-800com: rgba(255, 255, 255, 0.1);
-	--color-gray-900com: rgba(255, 255, 255, 0.04);
-	--color-gray-1000com: rgba(116, 125, 132, 0.6);
-	--color-yellowgreencom: #cbee6b;
-	--color-whitecom: #fff;
-	--color-darkslategraycom: #3d4a54;
-	--color-steelbluecom: #275075;
-	--color-whitesmokecom: #f4f4f4;
-	--color-dimgraycom: #566169;
-	--color-slategraycom: #667085;
-
-	/* Gaps */
-	--gap-smicom: 13px;
-	--gap-35xlcom: 48px;
-	--gap-xlcom: 20px;
-	--gap-45xlcom: 64px;
-	--gap-21xlcom: 40px;
-	--gap-basecom: 8px;
-	--gap-3xscom: 10px;
-	--gap-7xscom: 6px;
-	--gap-0com: 0px;
-	--gap-5xlcom: 24px;
-	--gap-xscom: 12px;
-	--gap-11xs-6com: 1.6px;
-
-	/* Paddings */
-	--padding-3xscom: 10px;
-	--padding-9xscom: 4px;
-	--padding-5xscom: 8px;
-	--padding-basecom: 16px;
-	--padding-xscom: 12px;
-	--padding-31xlcom: 50px;
-	--padding-xlcom: 20px;
-	--padding-61xlcom: 80px;
-	--padding-5xlcom: 24px;
-	--padding-smicom: 13px;
-
-	/* Border radiuses */
-	--br-6xlcom: 25px;
-	--br-31xlcom: 50px;
-	--br-9xscom: 4px;
-	--br-5xscom: 8px;
-	--br-46xlcom: 65px;
-	--br-xscom: 12px;
-}
-
-/* grupos */
-.comfiltersContainer {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	display: none;
-	justify-content: flex-start;
-}
-
-.comfiltersContainer1232 {
-	display: none;
-}
-.closeFiltersPc{
-    width: 20px;
-    height: 20px;
-    right: 10px;
-    position: absolute;
-	top: 9px;
-}
-.closeFiltersPc:hover{
-    background-color: rgba(128, 128, 128, 0.15);
-    cursor: pointer;
-}
-.comtextleyemdmultipleleagues{
-    font-size: 12px;
-    color: rgb(167, 167, 167);
-}
-.comtextleyemdmultipleleagues380{
-    font-size: 10px;
-    color: rgb(167, 167, 167);
-}
-
-.comfiltersContainer760 {
-	display: flex;
-	width: 100%;
-	box-sizing: border-box;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.comfiltersContainer460 {
-	display: flex;
-	width: 100%;
-	box-sizing: border-box;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-
-
-/* grupos */
-/* grupos */
-.comcontainerSection {
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-xscom);
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xlcom);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-.comcontainerSection1232 {
-	align-self: stretch;
-	width: auto;
-	padding-left: var(--padding-31xlcom);
-	padding-right: var(--padding-31xlcom);
-	box-sizing: border-box;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-xscom);
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xlcom);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-
-}
-
-.comcontainerSection960 {
-	align-self: stretch;
-	width: auto;
-	padding-left: 0px;
-	padding-right: 0px;
-	box-sizing: border-box;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-xscom);
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xlcom);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-.comcontainerSection320 {
-	width: 99%;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-	margin: 0 auto;
-	gap: 10px;
-}
-
-.comcontainerSection350 {
-	width: 99%;
-	align-self: stretch;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xlcom);
-	text-align: left;
-	font-size: 15px;
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-/* grupos*/
-/* grupos: */
-.comtemplateLosMejores1 {
-	position: relative;
-	
-	width: 100%;
-    overflow: hidden;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores11232 {
-	position: relative;
-	width: auto;
-	align-self: unset;
-	min-width: 960px;
-	display: flex;
-    overflow: hidden;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1960 {
-	position: relative;
-	width: auto;
-    overflow: hidden;
-	align-self: unset;
-	align-items: center;
-	justify-content: center;
-	min-width: 540px;
-
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1420 {
-	position: relative;
-    overflow: hidden;
-	width: auto;
-	min-width: 320px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1320 {
-	position: relative;
-	width: auto;
-	align-self: unset;
-	display: flex;
-    overflow: hidden;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1540 {
-	position: relative;
-	width: auto;
-	align-self: unset;
-	min-width: 420px;
-    overflow: hidden;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-35xlcom);
-}
-
-.comtemplateLosMejores1350 {
-	position: relative;
-	width: auto;
-    overflow: hidden;
-	align-self: unset;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-/* grupos: */
-/* grupos */
-.comtopFiltersParent {
-	align-self: stretch;
-	border-radius: var(--br-5xscom);
-	background-color: #172531;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xlcom);
-	font-size: var(--font-size-basecom);
-}
-
-.comtopFiltersParent1232 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom);
-	background-color: #172531;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xlcom);
-	font-size: var(--font-size-basecom);
-	width: auto;
-    min-height: 1100px;
-	margin-top: -170px;
-}
-
-.comtopFiltersParent960 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom);
-	background-color: #172531;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xlcom);
-	font-size: var(--font-size-basecom);
-	width: auto;
-}
-
-.comtopFiltersParent460 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom);
-	background-color: #172531;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xlcom);
-	font-size: var(--font-size-basecom);
-	width: auto;
-	margin-top: -195px;
-}
-.comtopFiltersParent420 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom);
-	background-color: #172531;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px 50px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-35xlcom);
-	font-size: var(--font-size-basecom);
-	width: auto;
-	margin-top: -195px;
-}
-
-/* grupos */
-/* grupos */
-.comcontainerTheBest {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 0px;
-}
-
-.comcontainerTheBest1232 {
-	align-self: stretch;
-	width: auto;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 10px;
-}
-
-.comcontainerTheBest960 {
-	gap: 10px;
-	width: 100%;
-	box-sizing: border-box;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-}
-
-.comcontainerTheBest320 {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 10px;
-}
-
-/* grupos */
-/* grupos */
-.comtitleSection {
-	align-self: stretch;
-	display: flex;
-    position: relative;
-	flex-wrap: wrap;
-	flex-direction: row;
-	padding: 0px 0px 15px 48px;
-	align-items: center;
-	justify-content: flex-start;
-}
-
-.comtitleSection540 {
-	align-self: stretch;
-	display: flex;
-    position: relative;
-	flex-direction: row;
-	align-items: center;
-	flex-wrap: wrap;
-	justify-content: flex-start;
-	padding: 0px 5px 15px 5px;
-	box-sizing: border-box;
-}
-
-/* grupos*/
-/* grupos */
-.comcontainerTables {
-	align-self: stretch;
-	display: flex;
-	max-width: 1200px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-start;
-	justify-content: center;
-	gap: 45px;
-	font-size: var(--font-size-5xlcom);
-	color: var(--color-whitesmokecom);
-	width: 100% !important;
-}
-
-.comcontainerTables960 {
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-start;
-	justify-content: center;
-	font-size: var(--font-size-5xlcom);
-	color: var(--color-whitesmokecom);
-	width: 100% !important;
-	gap: var(--gap-21xlcom);
-	box-sizing: border-box;
-}
-
-.comcontainerTables760 {
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-start;
-	justify-content: center;
-	font-size: var(--font-size-5xlcom);
-	color: var(--color-whitesmokecom);
-	width: 100% !important;
-	gap: var(--gap-3xscom);
-	box-sizing: border-box;
-}
-
-.comcontainerTables320 {
-	align-self: stretch;
-	width: auto;
-	align-self: stretch;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	gap: var(--gap-21xlcom);
-	width: 100% !important;
-	align-items: flex-start;
-	justify-content: center;
-	font-size: var(--font-size-5xlcom);
-	color: var(--color-whitesmokecom);
-}
-
-/* grupos */
-/* grupos */
-.comtoniKroosWrapper {
-	flex: 1;
-	border-radius: var(--br-xscom);
-	height: auto;
-    min-height: 480px;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 496px;
-	max-width: 496px;
-	margin-bottom: -50px;
-}
-
-.comtoniKroosWrapper1080 {
-	flex: 1;
-	border-radius: var(--br-xscom);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 456px;
-	max-width: 456px;
-	margin-bottom: -25px;
-}
-
-.comtoniKroosWrapper975 {
-	flex: 1;
-	border-radius: var(--br-xscom);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 426px;
-	max-width: 426px;
-	margin-bottom: -25px;
-}
-
-.comtoniKroosWrapper760 {
-	flex: 1;
-	border-radius: var(--br-xscom);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	min-width: 360px;
-	max-width: 360px;
-	margin-bottom: 0px;
-}
-
-.comtoniKroosWrapper420 {
-	flex: 1;
-	border-radius: var(--br-xscom);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	width: 330px;
-	min-width: 330px;
-	margin-bottom: 0px;
-}
-
-.comtoniKroosWrapper320 {
-	flex: 1;
-	border-radius: var(--br-xscom);
-	height: auto;
-	display: flex;
-	flex-direction: row;
-	box-sizing: border-box;
-	align-items: center;
-	justify-content: center;
-	width: 310px;
-	min-width: 310px;
-	margin-bottom: -25px;
-}
-
-/* grupos */
-
-
-.frameChild {
-	position: relative;
-	width: 17px;
-	height: 10.03px;
-}
-
-.filtros {
-	position: relative;
-	line-height: 24px;
-}
-
-.groupParent {
-	flex: 1;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 9px;
-}
-
-.shapeIcon {
-	position: relative;
-	width: 8px;
-	height: 4px;
-}
-
-.btnFilters {
-	border-radius: var(--br-5xscom);
-	background-color: var(--color-gray-600com);
-	border: 1px solid rgba(255,255,255, .2);
-	box-sizing: border-box;
-	width: 145px;
-	display: flex;
-	flex-direction: row;
-	padding: var(--padding-xscom);
-	align-items: center;
-	justify-content: flex-start;
-	gap: 43px;
-	height: 45px;
-	font-size: 14px;
-	color: rgba(255,255,255, .9);
-	font-family: 'Poppins-Regular', sans-serif;
-	cursor: pointer;
-}
-.btnFiltersPC {
-	border-radius: var(--br-5xscom);
-	background-color: var(--color-gray-600com);
-	border: 1px solid #566169;
-	box-sizing: border-box;
-	width: 115px;
-	display: flex;
-	flex-direction: row;
-	padding: 6px 12px;
-    margin-left: 12px;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 43px;
-	font-size: 16px;
-	margin-top: 7px;
-}
-.btnFiltersPC:hover {
-    cursor: pointer;
-}
-.comquitarFiltros{
-    color: rgba(255, 255, 255, 0.7);
-    text-decoration: underline;
-    font-size: 12px;
-    font-family: 'Poppins-Regular';
-    top: 1px;
-    right: 20px;
-    position: absolute;
-    text-align: center;
-    width: 110px;
-    height: 30px;
-    line-height: 30px;
-}
-.comquitarFiltros:hover{
-    background: rgba(128, 128, 128, 0.15);
-    cursor: pointer;
-}
-
-.comquitarFiltros730  {
-    color: #cccccc;
-    text-decoration: underline;
-    font-size: 12px;
-    font-family: 'Poppins-SemiBold';
-    top: -28px;
-    right: 20px;
-    position: absolute;
-    text-align: center;
-    width: 110px;
-    height: 30px;
-    line-height: 30px;
-}
-
-.comquitarFiltros480{
-    color: #cccccc;
-    text-decoration: underline;
-    font-size: 10px;
-    font-family: 'Poppins-SemiBold';
-    top: -28px;
-    right: 0px;
-    position: absolute;
-    text-align: center;
-    width: 80px;
-    height: 30px;
-    line-height: 30px;
-}
-.comquitarFiltros380{
-    color: #cccccc;
-    text-decoration: underline;
-    font-size: 12px;
-    font-family: 'Poppins-SemiBold';
-    top: -41px;
-    right: 0px;
-    position: absolute;
-    text-align: center;
-    width: 100px;
-    height: 30px;
-    line-height: 30px;
-}
-
-.btnCloseFilters {
-	cursor: pointer;
-	position: absolute;
-	left: 9%;
-    display: none;
-	margin-top: 90px;
-	background: url(https://golstatsimages.blob.core.windows.net/todoelfut/icn_close.png);
-	width: 15px;
-	height: 15px;
-	background-size: 100%;
-	opacity: 0.7;
-}
-
-.commejoresJugadores {
-	position: relative;
-	font-weight: 500;
-}
-.commejoresJugadores730 {
-	position: relative;
-	font-weight: 500;
-    font-size: 14px;
-}
-.commejoresJugadores480 {
-	position: relative;
-	font-weight: 500;
-    font-size: 11px;
-}
-
-.mejoresJugadoresSM {
-	position: relative;
-	font-weight: 500;
-	font-size: 11px;
-}
-
-.toniKroos {
-	position: relative;
-	letter-spacing: 0.2px;
-	line-height: 20px;
-	font-weight: 500;
-}
-
-
-/* aqui esta el codigo */
-
-.teamBar {
-	align-self: stretch;
-	background-color: var(--color-gray-300com);
-	box-shadow: 0px -1px 0px #3d4a54 inset;
-	height: 72px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-	gap: var(--gap-5xlcom);
-	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-}
-
-.commenuSection {
-	align-self: stretch;
-	height: 40px;
-	display: flex;
-	overflow: hidden;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	position: relative;
-}
-
-.commenuSection960 {
-	align-self: stretch;
-	overflow: hidden;
-	height: 40px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	position: relative;
-}
-
-.comcontainerMenu {
-	
-	display: inline-flex;
-	width: 100%;
-	align-items: center;
-	justify-content: center;
-	gap: 10px;
-
-}
-.comcontainerMenu760{
-	display: flex;
-	margin: 0 auto;
-	gap: 15px;
-	flex-direction: column;
-}
-
-.containerFilters {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: var(--gap-xlcom);
-	font-size: var(--font-size-smcom);
-	margin-top: -3px;
-}
-
-.teamBarParent {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	align-items: left;
-	justify-content: flex-start;
-	gap: var(--gap-basecom);
-}
-
-.comtopFilters {
-	align-self: stretch;
-	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-/*	background-color: var(--color-gray-300com); */
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-basecom) var(--padding-basecom);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smicom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-.comtopFilters1232 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-/*	background-color: var(--color-gray-300com); */
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-basecom) var(--padding-basecom);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smicom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-	width: auto;
-}
-
-.comtopFilters420 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-/*	background-color: var(--color-gray-300com); */
-	display: flex;
-	flex-direction: column;
-	padding: 0px var(--padding-basecom) var(--padding-basecom);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smicom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-.comtopFilters460 {
-	align-self: stretch;
-	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
-/*	background-color: var(--color-gray-300com); */
-	display: flex;
-	flex-direction: column;
-	padding: 0px 6px 16px;
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: center;
-	font-size: var(--font-size-smicom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-/* coidgo */
-
-.comlosMejores {
-	margin: 0;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-	font-weight: 500;
-	font-family: inherit;
-}
-.comlosMejores380{
-    margin: 0;
-    width: 30%;
-    height: 42px;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-    margin-top: 0px;
-    line-height: 42px;
-    font-size: 14px;
-	font-weight: 500;
-	font-family: inherit;
-}
-.comlosMejores530{
-    margin: 0;
-    width: 30%;
-    height: 42px;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-    margin-top: 0px;
-    line-height: 42px;
-    font-size: 16px;
-	font-weight: 500;
-	font-family: inherit;
-}
-.comlosMejores730{
-    margin: 0;
-    width: 33.3%;
-    height: 42px;
-	align-self: stretch;
-	position: relative;
-	margin-top: 20px;
-	font-size: inherit;
-    margin-top: 0px;
-    line-height: 42px;
-    font-size: 18px;
-	font-weight: 500;
-	font-family: inherit;
-}
-
-.commenuSectionHeader {
-	min-width: 392px !important;
-	max-width: 300px !important;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-}
-
-.commenuSectionHeader1232 {
-	min-width: 392px !important;
-	max-width: 300px !important;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-
-	width: auto;
-	align-self: unset;
-}
-
-.commenuSectionHeader960 {
-	min-width: 392px;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	gap: var(--gap-0com);
-	align-items: flex-start;
-	justify-content: flex-start;
-}
-
-.commenuSectionHeader730 {
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: center;
-	min-width: 392px;
-	height: 42px;
-	flex: 1;
-}
-
-.comdropdown {
-	flex: 1;
-	border-radius: var(--br-9xscom);
-	box-sizing: border-box;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	
-	align-items: center;
-	justify-content: space-between;
-}
-.comdropdown730 {
-	border-radius: var(--br-9xscom);
-	box-sizing: border-box;
-	height: 42px;
-    width: 33.3%;
-	color: var(--color-gray-100com);
-}
-
-.comdropdown1 {
-	flex: 1;
-	border-radius: var(--br-9xscom);
-	box-sizing: border-box;
-	height: 42px;
-	display: flex;
-	flex-direction: row;
-	
-	align-items: center;
-	justify-content: space-between;
-	color: var(--color-gray-100com);
-}
-.comdropdown1730 {
-	border-radius: var(--br-9xscom);
-	box-sizing: border-box;
-	height: 42px;
-    width: 33.3%;
-	color: var(--color-gray-100com);
-}
-
-.comdropdownParent {
-	width: 312px;
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: flex-start;
-	gap: var(--gap-xscom);
-	text-align: left;
-	font-size: var(--font-size-smcom);
-	z-index: 4;
-}
-
-.comdropdownParent730 {
-	flex: 1;
-	width: 100%;
-
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
-	justify-content: flex-start;
-	gap: var(--gap-xscom);
-	text-align: left;
-	font-size: var(--font-size-smcom);
-
-	padding-left: 0px;
-	padding-right: 0px;
-	box-sizing: border-box;
-	margin-top: 10px;
-}
-
-.commenuSectionParentHeader {
-	width: 100%;
-	align-self: stretch;
-	display: flex;
-	margin-top: 20px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: flex-end;
-	justify-content: space-between;
-	text-align: center;
-	font-size: var(--font-size-basecom);
-}
-
-.commenuSectionParentHeader1232 {
-	align-self: stretch;
-	display: flex;
-	margin-top: 20px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	text-align: center;
-	font-size: var(--font-size-basecom);
-	align-items: flex-end;
-	justify-content: space-between;
-	gap: var(--gap-0com);
-}
-
-.commenuSectionParentHeader960 {
-	align-self: stretch;
-	display: flex;
-	margin-top: 20px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	text-align: center;
-	font-size: var(--font-size-basecom);
-	align-self: stretch;
-	width: auto;
-	gap: var(--gap-0com);
-	align-items: center;
-	justify-content: space-between;
-}
-
-.commenuSectionParentHeader730 {
-	align-self: stretch;
-	margin-top: -20px;
-	text-align: center;
-	font-size: var(--font-size-basecom);
-    display: flex;
-    flex-direction: column-reverse;
-    justify-content: space-between;
-    align-items: center;
-	gap: var(--gap-basecom);
-	
-
-	box-sizing: border-box;
-}
-
-.commenuSectionParentHeader430 {
-	align-self: stretch;
-
-	margin-top: 0px;
-	flex-direction: row;
-	flex-wrap: wrap;
-	text-align: center;
-	font-size: var(--font-size-basecom);
-
-	gap: var(--gap-basecom);
-	align-items: center;
-	display: inline-block;
-	justify-content: center;
-	display: flex;
-	box-sizing: border-box;
-}
-
-.comdescubreVideos {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px var(--padding-9xscom);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: left;
-	font-size: var(--font-size-3xlcom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-}
-
-.comdescubreVideos1232 {
-
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px var(--padding-9xscom);
-	align-items: flex-start;
-	justify-content: flex-start;
-	text-align: left;
-	font-size: var(--font-size-3xlcom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-	width: auto;
-}
-
-.comdescubreVideos960 {
-	align-self: stretch;
-	display: flex;
-	flex-direction: column;
-	padding: 0px 0px var(--padding-9xscom);
-	align-items: flex-start;
-	text-align: left;
-	font-size: var(--font-size-3xlcom);
-	color: var(--color-whitecom);
-	font-family: var(--font-poppins);
-
-	flex-direction: column;
-	align-items: flex-start;
-	justify-content: space-between;
-	gap: var(--gap-0com);
-}
-
-.allCategories {
-	height: 35px;
-	background-color: rgb(35, 48, 59);
-	border-radius: 30px;
-	color: rgba(255, 255, 255, 0.7);
-	padding: 0 14px;
-	display: flex;
-	font-size: 11px;
-	margin-left: 13px;
-	align-items: center;
+
+body {
+	margin: 0;
+	line-height: normal;
+}
+
+
+
+
+:root {
+	/* fonts */
+	--font-poppins: 'Poppins-Regular';
+
+	/* font sizes */
+	--font-size-smicom: 13px;
+	--font-size-smcom: 14px;
+	--font-size-5xlcom: 24px;
+	--font-size-basecom: 16px;
+	--font-size-3xlcom: 22px;
+
+	/* Colors */
+	--color-gray-100com: #fafafb;
+	--color-gray-200com: #122736;
+	--color-gray-300com: #172531;
+	--color-gray-400com: #0d1d29;
+	--color-gray-500com: rgba(255, 255, 255, 0.4);
+	--color-gray-600com: rgba(255, 255, 255, 0.05);
+	--color-gray-700com: rgba(255, 255, 255, 0.2);
+	--color-gray-800com: rgba(255, 255, 255, 0.1);
+	--color-gray-900com: rgba(255, 255, 255, 0.04);
+	--color-gray-1000com: rgba(116, 125, 132, 0.6);
+	--color-yellowgreencom: #cbee6b;
+	--color-whitecom: #fff;
+	--color-darkslategraycom: #3d4a54;
+	--color-steelbluecom: #275075;
+	--color-whitesmokecom: #f4f4f4;
+	--color-dimgraycom: #566169;
+	--color-slategraycom: #667085;
+
+	/* Gaps */
+	--gap-smicom: 13px;
+	--gap-35xlcom: 48px;
+	--gap-xlcom: 20px;
+	--gap-45xlcom: 64px;
+	--gap-21xlcom: 40px;
+	--gap-basecom: 8px;
+	--gap-3xscom: 10px;
+	--gap-7xscom: 6px;
+	--gap-0com: 0px;
+	--gap-5xlcom: 24px;
+	--gap-xscom: 12px;
+	--gap-11xs-6com: 1.6px;
+
+	/* Paddings */
+	--padding-3xscom: 10px;
+	--padding-9xscom: 4px;
+	--padding-5xscom: 8px;
+	--padding-basecom: 16px;
+	--padding-xscom: 12px;
+	--padding-31xlcom: 50px;
+	--padding-xlcom: 20px;
+	--padding-61xlcom: 80px;
+	--padding-5xlcom: 24px;
+	--padding-smicom: 13px;
+
+	/* Border radiuses */
+	--br-6xlcom: 25px;
+	--br-31xlcom: 50px;
+	--br-9xscom: 4px;
+	--br-5xscom: 8px;
+	--br-46xlcom: 65px;
+	--br-xscom: 12px;
+}
+
+/* grupos */
+.comfiltersContainer {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	display: none;
+	justify-content: flex-start;
+}
+
+.comfiltersContainer1232 {
+	display: none;
+}
+.closeFiltersPc{
+    width: 20px;
+    height: 20px;
+    right: 10px;
+    position: absolute;
+	top: 9px;
+}
+.closeFiltersPc:hover{
+    background-color: rgba(128, 128, 128, 0.15);
+    cursor: pointer;
+}
+.comtextleyemdmultipleleagues{
+    font-size: 12px;
+    color: rgb(167, 167, 167);
+}
+.comtextleyemdmultipleleagues380{
+    font-size: 10px;
+    color: rgb(167, 167, 167);
+}
+
+.comfiltersContainer760 {
+	display: flex;
+	width: 100%;
+	box-sizing: border-box;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.comfiltersContainer460 {
+	display: flex;
+	width: 100%;
+	box-sizing: border-box;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+
+
+/* grupos */
+/* grupos */
+.comcontainerSection {
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-xscom);
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xlcom);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+.comcontainerSection1232 {
+	align-self: stretch;
+	width: auto;
+	padding-left: var(--padding-31xlcom);
+	padding-right: var(--padding-31xlcom);
+	box-sizing: border-box;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-xscom);
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xlcom);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+
+}
+
+.comcontainerSection960 {
+	align-self: stretch;
+	width: auto;
+	padding-left: 0px;
+	padding-right: 0px;
+	box-sizing: border-box;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-xscom);
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xlcom);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+.comcontainerSection320 {
+	width: 99%;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+	margin: 0 auto;
+	gap: 10px;
+}
+
+.comcontainerSection350 {
+	width: 99%;
+	align-self: stretch;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xlcom);
+	text-align: left;
+	font-size: 15px;
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+/* grupos*/
+/* grupos: */
+.comtemplateLosMejores1 {
+	position: relative;
+	
+	width: 100%;
+    overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores11232 {
+	position: relative;
+	width: auto;
+	align-self: unset;
+	min-width: 960px;
+	display: flex;
+    overflow: hidden;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1960 {
+	position: relative;
+	width: auto;
+    overflow: hidden;
+	align-self: unset;
+	align-items: center;
+	justify-content: center;
+	min-width: 540px;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1420 {
+	position: relative;
+    overflow: hidden;
+	width: auto;
+	min-width: 320px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1320 {
+	position: relative;
+	width: auto;
+	align-self: unset;
+	display: flex;
+    overflow: hidden;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1540 {
+	position: relative;
+	width: auto;
+	align-self: unset;
+	min-width: 420px;
+    overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-35xlcom);
+}
+
+.comtemplateLosMejores1350 {
+	position: relative;
+	width: auto;
+    overflow: hidden;
+	align-self: unset;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+/* grupos: */
+/* grupos */
+.comtopFiltersParent {
+	align-self: stretch;
+	border-radius: var(--br-5xscom);
+	background-color: #172531;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xlcom);
+	font-size: var(--font-size-basecom);
+}
+
+.comtopFiltersParent1232 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom);
+	background-color: #172531;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xlcom);
+	font-size: var(--font-size-basecom);
+	width: auto;
+    min-height: 1100px;
+	margin-top: -170px;
+}
+
+.comtopFiltersParent960 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom);
+	background-color: #172531;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xlcom);
+	font-size: var(--font-size-basecom);
+	width: auto;
+}
+
+.comtopFiltersParent460 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom);
+	background-color: #172531;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xlcom);
+	font-size: var(--font-size-basecom);
+	width: auto;
+	margin-top: -195px;
+}
+.comtopFiltersParent420 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom);
+	background-color: #172531;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px 50px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-35xlcom);
+	font-size: var(--font-size-basecom);
+	width: auto;
+	margin-top: -195px;
+}
+
+/* grupos */
+/* grupos */
+.comcontainerTheBest {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 0px;
+}
+
+.comcontainerTheBest1232 {
+	align-self: stretch;
+	width: auto;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 10px;
+}
+
+.comcontainerTheBest960 {
+	gap: 10px;
+	width: 100%;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+.comcontainerTheBest320 {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 10px;
+}
+
+/* grupos */
+/* grupos */
+.comtitleSection {
+	align-self: stretch;
+	display: flex;
+    position: relative;
+	flex-wrap: wrap;
+	flex-direction: row;
+	padding: 0px 0px 15px 48px;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+.comtitleSection540 {
+	align-self: stretch;
+	display: flex;
+    position: relative;
+	flex-direction: row;
+	align-items: center;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	padding: 0px 5px 15px 5px;
+	box-sizing: border-box;
+}
+
+/* grupos*/
+/* grupos */
+.comcontainerTables {
+	align-self: stretch;
+	display: flex;
+	max-width: 1200px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: center;
+	gap: 45px;
+	font-size: var(--font-size-5xlcom);
+	color: var(--color-whitesmokecom);
+	width: 100% !important;
+}
+
+.comcontainerTables960 {
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: center;
+	font-size: var(--font-size-5xlcom);
+	color: var(--color-whitesmokecom);
+	width: 100% !important;
+	gap: var(--gap-21xlcom);
+	box-sizing: border-box;
+}
+
+.comcontainerTables760 {
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-start;
+	justify-content: center;
+	font-size: var(--font-size-5xlcom);
+	color: var(--color-whitesmokecom);
+	width: 100% !important;
+	gap: var(--gap-3xscom);
+	box-sizing: border-box;
+}
+
+.comcontainerTables320 {
+	align-self: stretch;
+	width: auto;
+	align-self: stretch;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: var(--gap-21xlcom);
+	width: 100% !important;
+	align-items: flex-start;
+	justify-content: center;
+	font-size: var(--font-size-5xlcom);
+	color: var(--color-whitesmokecom);
+}
+
+/* grupos */
+/* grupos */
+.comtoniKroosWrapper {
+	flex: 1;
+	border-radius: var(--br-xscom);
+	height: auto;
+    min-height: 480px;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 496px;
+	max-width: 496px;
+	margin-bottom: -50px;
+}
+
+.comtoniKroosWrapper1080 {
+	flex: 1;
+	border-radius: var(--br-xscom);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 456px;
+	max-width: 456px;
+	margin-bottom: -25px;
+}
+
+.comtoniKroosWrapper975 {
+	flex: 1;
+	border-radius: var(--br-xscom);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 426px;
+	max-width: 426px;
+	margin-bottom: -25px;
+}
+
+.comtoniKroosWrapper760 {
+	flex: 1;
+	border-radius: var(--br-xscom);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	min-width: 360px;
+	max-width: 360px;
+	margin-bottom: 0px;
+}
+
+.comtoniKroosWrapper420 {
+	flex: 1;
+	border-radius: var(--br-xscom);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	width: 330px;
+	min-width: 330px;
+	margin-bottom: 0px;
+}
+
+.comtoniKroosWrapper320 {
+	flex: 1;
+	border-radius: var(--br-xscom);
+	height: auto;
+	display: flex;
+	flex-direction: row;
+	box-sizing: border-box;
+	align-items: center;
+	justify-content: center;
+	width: 310px;
+	min-width: 310px;
+	margin-bottom: -25px;
+}
+
+/* grupos */
+
+
+.frameChild {
+	position: relative;
+	width: 17px;
+	height: 10.03px;
+}
+
+.filtros {
+	position: relative;
+	line-height: 24px;
+}
+
+.groupParent {
+	flex: 1;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 9px;
+}
+
+.shapeIcon {
+	position: relative;
+	width: 8px;
+	height: 4px;
+}
+
+.btnFilters {
+	border-radius: var(--br-5xscom);
+	background-color: var(--color-gray-600com);
+	border: 1px solid rgba(255,255,255, .2);
+	box-sizing: border-box;
+	width: 145px;
+	display: flex;
+	flex-direction: row;
+	padding: var(--padding-xscom);
+	align-items: center;
+	justify-content: flex-start;
+	gap: 43px;
+	height: 45px;
+	font-size: 14px;
+	color: rgba(255,255,255, .9);
+	font-family: 'Poppins-Regular', sans-serif;
+	cursor: pointer;
+}
+.btnFiltersPC {
+	border-radius: var(--br-5xscom);
+	background-color: var(--color-gray-600com);
+	border: 1px solid #566169;
+	box-sizing: border-box;
+	width: 115px;
+	display: flex;
+	flex-direction: row;
+	padding: 6px 12px;
+    margin-left: 12px;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 43px;
+	font-size: 16px;
+	margin-top: 7px;
+}
+.btnFiltersPC:hover {
+    cursor: pointer;
+}
+.comquitarFiltros{
+    color: rgba(255, 255, 255, 0.7);
+    text-decoration: underline;
+    font-size: 12px;
+    font-family: 'Poppins-Regular';
+    top: 1px;
+    right: 20px;
+    position: absolute;
+    text-align: center;
+    width: 110px;
+    height: 30px;
+    line-height: 30px;
+}
+.comquitarFiltros:hover{
+    background: rgba(128, 128, 128, 0.15);
+    cursor: pointer;
+}
+
+.comquitarFiltros730  {
+    color: #cccccc;
+    text-decoration: underline;
+    font-size: 12px;
+    font-family: 'Poppins-SemiBold';
+    top: -28px;
+    right: 20px;
+    position: absolute;
+    text-align: center;
+    width: 110px;
+    height: 30px;
+    line-height: 30px;
+}
+
+.comquitarFiltros480{
+    color: #cccccc;
+    text-decoration: underline;
+    font-size: 10px;
+    font-family: 'Poppins-SemiBold';
+    top: -28px;
+    right: 0px;
+    position: absolute;
+    text-align: center;
+    width: 80px;
+    height: 30px;
+    line-height: 30px;
+}
+.comquitarFiltros380{
+    color: #cccccc;
+    text-decoration: underline;
+    font-size: 12px;
+    font-family: 'Poppins-SemiBold';
+    top: -41px;
+    right: 0px;
+    position: absolute;
+    text-align: center;
+    width: 100px;
+    height: 30px;
+    line-height: 30px;
+}
+
+.btnCloseFilters {
+	cursor: pointer;
+	position: absolute;
+	left: 9%;
+    display: none;
+	margin-top: 90px;
+	background: url(https://golstatsimages.blob.core.windows.net/todoelfut/icn_close.png);
+	width: 15px;
+	height: 15px;
+	background-size: 100%;
+	opacity: 0.7;
+}
+
+.commejoresJugadores {
+	position: relative;
+	font-weight: 500;
+}
+.commejoresJugadores730 {
+	position: relative;
+	font-weight: 500;
+    font-size: 14px;
+}
+.commejoresJugadores480 {
+	position: relative;
+	font-weight: 500;
+    font-size: 11px;
+}
+
+.mejoresJugadoresSM {
+	position: relative;
+	font-weight: 500;
+	font-size: 11px;
+}
+
+.toniKroos {
+	position: relative;
+	letter-spacing: 0.2px;
+	line-height: 20px;
+	font-weight: 500;
+}
+
+
+/* aqui esta el codigo */
+
+.teamBar {
+	align-self: stretch;
+	background-color: var(--color-gray-300com);
+	box-shadow: 0px -1px 0px #3d4a54 inset;
+	height: 72px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	gap: var(--gap-5xlcom);
+	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.commenuSection {
+	align-self: stretch;
+	height: 40px;
+	display: flex;
+	overflow: hidden;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	position: relative;
+}
+
+.commenuSection960 {
+	align-self: stretch;
+	overflow: hidden;
+	height: 40px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	position: relative;
+}
+
+.comcontainerMenu {
+	
+	display: inline-flex;
+	width: 100%;
+	align-items: center;
+	justify-content: center;
+	gap: 10px;
+
+}
+.comcontainerMenu760{
+	display: flex;
+	margin: 0 auto;
+	gap: 15px;
+	flex-direction: column;
+}
+
+.containerFilters {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: var(--gap-xlcom);
+	font-size: var(--font-size-smcom);
+	margin-top: -3px;
+}
+
+.teamBarParent {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	align-items: left;
+	justify-content: flex-start;
+	gap: var(--gap-basecom);
+}
+
+.comtopFilters {
+	align-self: stretch;
+	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+/*	background-color: var(--color-gray-300com); */
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-basecom) var(--padding-basecom);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smicom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+.comtopFilters1232 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+/*	background-color: var(--color-gray-300com); */
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-basecom) var(--padding-basecom);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smicom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+	width: auto;
+}
+
+.comtopFilters420 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+/*	background-color: var(--color-gray-300com); */
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--padding-basecom) var(--padding-basecom);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smicom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+.comtopFilters460 {
+	align-self: stretch;
+	border-radius: var(--br-5xscom) var(--br-5xscom) 0px 0px;
+/*	background-color: var(--color-gray-300com); */
+	display: flex;
+	flex-direction: column;
+	padding: 0px 6px 16px;
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: center;
+	font-size: var(--font-size-smicom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+/* coidgo */
+
+.comlosMejores {
+	margin: 0;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+	font-weight: 500;
+	font-family: inherit;
+}
+.comlosMejores380{
+    margin: 0;
+    width: 30%;
+    height: 42px;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+    margin-top: 0px;
+    line-height: 42px;
+    font-size: 14px;
+	font-weight: 500;
+	font-family: inherit;
+}
+.comlosMejores530{
+    margin: 0;
+    width: 30%;
+    height: 42px;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+    margin-top: 0px;
+    line-height: 42px;
+    font-size: 16px;
+	font-weight: 500;
+	font-family: inherit;
+}
+.comlosMejores730{
+    margin: 0;
+    width: 33.3%;
+    height: 42px;
+	align-self: stretch;
+	position: relative;
+	margin-top: 20px;
+	font-size: inherit;
+    margin-top: 0px;
+    line-height: 42px;
+    font-size: 18px;
+	font-weight: 500;
+	font-family: inherit;
+}
+
+.commenuSectionHeader {
+	min-width: 392px !important;
+	max-width: 300px !important;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+}
+
+.commenuSectionHeader1232 {
+	min-width: 392px !important;
+	max-width: 300px !important;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+
+	width: auto;
+	align-self: unset;
+}
+
+.commenuSectionHeader960 {
+	min-width: 392px;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	gap: var(--gap-0com);
+	align-items: flex-start;
+	justify-content: flex-start;
+}
+
+.commenuSectionHeader730 {
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: center;
+	min-width: 392px;
+	height: 42px;
+	flex: 1;
+}
+
+.comdropdown {
+	flex: 1;
+	border-radius: var(--br-9xscom);
+	box-sizing: border-box;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	
+	align-items: center;
+	justify-content: space-between;
+}
+.comdropdown730 {
+	border-radius: var(--br-9xscom);
+	box-sizing: border-box;
+	height: 42px;
+    width: 33.3%;
+	color: var(--color-gray-100com);
+}
+
+.comdropdown1 {
+	flex: 1;
+	border-radius: var(--br-9xscom);
+	box-sizing: border-box;
+	height: 42px;
+	display: flex;
+	flex-direction: row;
+	
+	align-items: center;
+	justify-content: space-between;
+	color: var(--color-gray-100com);
+}
+.comdropdown1730 {
+	border-radius: var(--br-9xscom);
+	box-sizing: border-box;
+	height: 42px;
+    width: 33.3%;
+	color: var(--color-gray-100com);
+}
+
+.comdropdownParent {
+	width: 312px;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: flex-start;
+	gap: var(--gap-xscom);
+	text-align: left;
+	font-size: var(--font-size-smcom);
+	z-index: 4;
+}
+
+.comdropdownParent730 {
+	flex: 1;
+	width: 100%;
+
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	justify-content: flex-start;
+	gap: var(--gap-xscom);
+	text-align: left;
+	font-size: var(--font-size-smcom);
+
+	padding-left: 0px;
+	padding-right: 0px;
+	box-sizing: border-box;
+	margin-top: 10px;
+}
+
+.commenuSectionParentHeader {
+	width: 100%;
+	align-self: stretch;
+	display: flex;
+	margin-top: 20px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: flex-end;
+	justify-content: space-between;
+	text-align: center;
+	font-size: var(--font-size-basecom);
+}
+
+.commenuSectionParentHeader1232 {
+	align-self: stretch;
+	display: flex;
+	margin-top: 20px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	text-align: center;
+	font-size: var(--font-size-basecom);
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: var(--gap-0com);
+}
+
+.commenuSectionParentHeader960 {
+	align-self: stretch;
+	display: flex;
+	margin-top: 20px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	text-align: center;
+	font-size: var(--font-size-basecom);
+	align-self: stretch;
+	width: auto;
+	gap: var(--gap-0com);
+	align-items: center;
+	justify-content: space-between;
+}
+
+.commenuSectionParentHeader730 {
+	align-self: stretch;
+	margin-top: -20px;
+	text-align: center;
+	font-size: var(--font-size-basecom);
+    display: flex;
+    flex-direction: column-reverse;
+    justify-content: space-between;
+    align-items: center;
+	gap: var(--gap-basecom);
+	
+
+	box-sizing: border-box;
+}
+
+.commenuSectionParentHeader430 {
+	align-self: stretch;
+
+	margin-top: 0px;
+	flex-direction: row;
+	flex-wrap: wrap;
+	text-align: center;
+	font-size: var(--font-size-basecom);
+
+	gap: var(--gap-basecom);
+	align-items: center;
+	display: inline-block;
+	justify-content: center;
+	display: flex;
+	box-sizing: border-box;
+}
+
+.comdescubreVideos {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px var(--padding-9xscom);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: left;
+	font-size: var(--font-size-3xlcom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+}
+
+.comdescubreVideos1232 {
+
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px var(--padding-9xscom);
+	align-items: flex-start;
+	justify-content: flex-start;
+	text-align: left;
+	font-size: var(--font-size-3xlcom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+	width: auto;
+}
+
+.comdescubreVideos960 {
+	align-self: stretch;
+	display: flex;
+	flex-direction: column;
+	padding: 0px 0px var(--padding-9xscom);
+	align-items: flex-start;
+	text-align: left;
+	font-size: var(--font-size-3xlcom);
+	color: var(--color-whitecom);
+	font-family: var(--font-poppins);
+
+	flex-direction: column;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--gap-0com);
+}
+
+.allCategories {
+	height: 35px;
+	background-color: rgb(35, 48, 59);
+	border-radius: 30px;
+	color: rgba(255, 255, 255, 0.7);
+	padding: 0 14px;
+	display: flex;
+	font-size: 11px;
+	margin-left: 13px;
+	align-items: center;
 }