Poocoin Chart Improved by 18jad

/* ==UserStyle==
@name         poocoin.app/tokens/*
@version      20221117.14.07
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://poocoin.app/tokens/") {
body,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.TokenChart_stats__3732U.d-block.bg-dark-1.shadow.pt-3.text-small,
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.TokenChart_chart__1LgYj.d-flex.flex-column.flex-shrink-1.flex-row.flex-grow-1 > div > div.bg-dark-1.shadow,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.TokenChart_chart__1LgYj.d-flex.flex-column.flex-shrink-1.flex-row.flex-grow-1 > div > div.fw-bold.flex-grow-1.TokenFeed_tokenFeed__10Pbr > div:nth-child(1) > div > div.ReactVirtualized__Table__headerRow.bg-blue-dark,
#root > nav,
.btn,
#root > div,
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 > div > div:nth-child(5) > div:nth-child(2) > div > div:nth-child(1) > div > div.ReactVirtualized__Table__headerRow,
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 > div > div:nth-child(4) > div > div > div:nth-child(1) > div > div.ReactVirtualized__Table__headerRow,
.bg-dark-1,
#slippage,
#amountIn,
#amountOut,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.d-flex.flex-column.my-2 > div > div > div > form > div:nth-child(1) > div > span,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.d-flex.flex-column.my-2 > div > div > div > form > div.bg-dark.rounded.shadow.shadow-sm.p-3.text-small.mb-2,
body > div:nth-child(17) > div > div,
::-webkit-scrollbar-track {
	background: #161A25 !important;
}

body {
	overflow-x: hidden;
}

#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.d-flex.flex-column.my-2 > div > div {
	border: 1px solid white !important;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 5px 2px #fff1;
}

#slippage,
#amountIn,
#amountOut,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.d-flex.flex-column.my-2 > div > div > div > form > div:nth-child(1) > div > span,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.d-flex.flex-column.my-2 > div > div > div > form > div.bg-dark.rounded.shadow.shadow-sm.p-3.text-small.mb-2,
body > div:nth-child(17) > div > div {
	border: 1px solid #fff6 !important;
}

#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.d-flex.flex-column.flex-grow-1.ps-2.pt-2.lh-1 > div.d-flex.flex-column.my-2 > div > div > div > form > div.mb-2.d-flex.align-items-end > div > div.d-flex > div {
	border: none !important;
}

#root > nav > div > div > div.col-lg-4.mt-3.mt-lg-0.main-nav.aos-init.aos-animate,
#root > nav > div > div > div.mb-lg-0.col-lg-4.text-lg-left.d-flex.justify-content-center.aos-init.aos-animate > div,
#root > nav > div > div > div.mb-lg-0.col-lg-4.text-lg-left.d-flex.justify-content-center.aos-init.aos-animate > a.d-flex.align-items-center.text-small.text-muted.ms-2,
#root > nav > div > div > div.mb-lg-0.col-lg-4.text-lg-left.d-flex.justify-content-center.aos-init.aos-animate > a.d-flex.align-items-center.text-small.text-muted.ms-2 > span.text-success.ps-1,
#root > nav > div > div > div.mb-lg-0.col-lg-4.text-lg-left.d-flex.justify-content-center.aos-init.aos-animate > a.d-flex.align-items-center.text-small.text-muted.ms-2 > span.bg-white.border.border-secondary.p-1 > img,
#root > nav > div > div > div.mb-lg-0.col-lg-4.text-lg-left.d-flex.justify-content-center.aos-init.aos-animate > a.d-flex.align-items-center.text-small.text-muted.ms-2,
#root > nav > div > div > div.mb-lg-0.col-lg-4.text-lg-left.d-flex.justify-content-center.aos-init.aos-animate > a:nth-child(4),
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mb-2.mt-2.d-flex.justify-content-center,
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mb-2.mt-2.overflow-auto,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.TokenChart_stats__3732U.d-block.bg-dark-1.shadow.pt-3.text-small > div:nth-child(4) > div.mb-1.text-underline.cursor-pointer,
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.TokenChart_stats__3732U.d-block.bg-dark-1.shadow.pt-3.text-small > div:nth-child(4),
#root > nav > div > div > div.mt-2.mt-lg-0.col-lg-4.d-flex.flex-wrap.justify-content-center.justify-content-lg-end.align-items-center.aos-init.aos-animate > div {
	display: none !important;
	opacity: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: -100000 !important;
}

.btn {
	color: white !important;
	border: 1px solid #fff8 !important;
	background: #ffffff0d !important;
}

#root > div {
	flex-direction: column;
}
#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 {
	max-width: 100vw !important;
	height: 820px;
}

#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 {
	z-index: 1000000000000000 !important;
	/* 	background: red; */
	width: 320px;
	border: 1px solid white;
	padding: 10px;
	border-radius: 10px;
	height: 500px;
	box-shadow: none;
}

#root > div > div.d-none.d-md-flex.flex-column.flex-grow-1 > div.d-flex.flex-column.flex-grow-1.pe-2 > div > div.TokenChart_stats__3732U.d-block.bg-dark-1.shadow.pt-3.text-small {
	height: 200px !important;
}

#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 {
	z-index: 100;
	width: 320px;
	box-shadow: none;
	background: #3330 !important;
}

#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 > div > div:nth-child(5) > div:nth-child(2) > div,
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 > div > div:nth-child(4) > div,
#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 > div > div:nth-child(4) > div > div {
	border: none !important;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(#26a69a, #ef5350) !important;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px #fff7;
}

#root > div > div.bg-dark-1.shadow.d-flex.d-lg-flex.flex-column.flex-grow-1.flex-md-grow-0 > div.d-block.px-2 > div.mt-2.pt-3 > div > div:nth-child(4) > div > div {
	height: 370px !important;
}
}