@golstats/gsc-lineups-reports 1.0.1

package/dist/styles.css

@@ -0,0 +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;
+}