/* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: local('Poppins Black'), local('Poppins-Black'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: local('Poppins Black'), local('Poppins-Black'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: local('Poppins Black'), local('Poppins-Black'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html {
    background-image: url(https://cdn.discordapp.com/attachments/748408026444202026/748408162796961802/223e6792880429.5e569ff84ebef.gif);
    background-size: cover;
    font-family: Poppins;
}

* {
    font-family: Poppins;
}
/*background-color*/
#aHolder {
		display: none !important
}
/* hides ad */
.scrollItem {
    vertical-align: top;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 680px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 0 0 #d8d8d8;
    -moz-box-shadow: 0 7px 0 0 #d8d8d8;
    box-shadow: 0 7px 0 0 #d8d8d8;
    display: inline-block;
    border-radius: 12px;
    max-height: calc(100% - 40px);
    overflow-y: auto;
}
/* hides bottom bar */
#navBar {
    background-color: #111;
}
/* navbar color */
#navTitle {
    display: none;
}
/* Krunker link moved to the left */
.leaderNav {
    margin-top: -90px;
    margin-bottom: 20px;
    padding-top: 4px;
}
/* navbar into top bar */
.leaderBtn {
    background-color: #0000!important;
}
#profileLogin {
    z-index: 1;
}

.purchBtn {
    background-color: transparent;
    color: transparent;
    margin-top: -240px;
    height: 240px;
    width: 200px;
    border-radius: 7px;
}
/* info button is now as big as the whole card and invisible */
.purchBtn:hover {
    opacity: .2;
    background-color: #999;
}
/* info button hover */
.itemOwn {
    color: transparent;
}
/* hides the item class, e.g. sniper, back item */
.marketCard {
    border: none!important;
    transition-duration: 0.32s !important;
}
.marketCard {
    margin-bottom: 10px;
    background-color: #ffffff1c;
}
.marketCard {
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    width: 210px;
    height: 215px;
    vertical-align: top;
    border-radius: 32px;
    display: inline-block;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
}
.purchInfoBtn {
    background-color: #111;
    color: #555;
    z-index: 11;
    position: relative;
}
/* hides bottom bar */
.purchInfoBtn:hover {
    background-color: #7a2eae;
}

.marketPrice {
    color: rgba(255,255,255,.7);
    position: absolute;
    top: 198px;
    left: 5px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    border-radius: 32px;
    text-shadow: none;
    padding: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-left: 10px;
}

.marketPrice {
    color: #f4f4f4;
}

/* price color */
#marketSearchB,
#filterTog,
#filterRBtn {
    background-color: #7a2eae;
    color: #fff;
    transition-duration: 0.4s;
}
/* buttons color change */
#marketSearchB:hover,
#filterRBtn:hover,
#filterTog:hover {
    background-color: #d086ff;
}
input:checked + .sliderSml {
    background-color: #7a2eae;
}

::-webkit-scrollbar-track {
    background-color: #111;
    border-radius: 0;
}
/*scrollbar color change*/
::-webkit-scrollbar-thumb {
    background-color: #222;
}

#sortFilt {
    overflow: clip!important;
}

#profileKR {
    color: #ffc147;
}
/* KR color */
#marketFiltTxt {
    color: white;
    background-color: #222;
}
/* search filter color */
#sortFilt,
#seaFilt {
    background-color: #111;
    color: white;
}
#sortFilt *,
#seaFilt * {
    background-color: #111;
    color: white;
}

.lds-ring {
    /* new loading animation */
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid #fff;
    border-color: #7a2eae transparent #7a2eae transparent;
    animation: lds-ring 1.2s infinite;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        transform: rotate(1800deg);
    }
}
.lds-ring div {
    visibility: hidden;
}




/* social pages */
.scrollItem {
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    box-shadow: none;
    border-radius: 32px;
    color: rgba(75, 172, 255, 0.72)
}
.scrollItem div,
.scrollItem a,
.scrollItem span {
    color: white;
}
a.lName {
    color: #7a2eae!important;
}

.pSt strong {
    color: #d086ff;
}
.membSinc span {
    color: lightgrey!important;
}

#popupBack {
    width: 364px;
    height: 210px;
    padding: 10px;
    background-image: url(https://cdn.discordapp.com/attachments/594749445791547395/714493637358256219/close_4.png);
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
    position: relative;
    top: 30%;
    left: 250%;
    background-color: rgba(255, 255, 255, 0);
}



#filterPop {
    width: 390px;
    pointer-events: auto;
    border-radius: 10px;
    background-image: rgba(0, 0, 0, .75);
    padding: 15px;
    text-align: left;
    position: relative;
    top: -300%;
    left: 150%;
    transform: translate(-50%, -60%);
    color: #fff;
}

#popupHolder {
    display: none;
    text-align: center;
    width: 30%;
    height: 13%;
    position: absolute;
    top: 75%;
    left: 5%;
    z-index: 20;
}

.purchInfoBtn {
    font-size: 12px;
    color: #71717163;
    background-color: #0f0f0f;
    padding: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: pointer;
    pointer-events: auto;
    z-index: 9999999;
    position: absolute;
    text-align: center;
    border-radius: 4px;
    text-shadow: none;
    top: 10px;
    right: 6px;
}


#marketSearchB {display:inline-block!important;}
.marketCard {border:none!important;}

#popupContent {
    pointer-events: auto;
    border-radius: 32px;
    padding: 15px;
    text-align: left;
    position: absolute;
	top: -15vw;
    left: 145%;
    transform: translate(-50%,-60%);
    color: #fff;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
}
::-webkit-scrollbar-thumb {
    background-color: #777;
}
::-webkit-scrollbar-track {
    background-color: #2b2b2b;
    border-radius: 32px;
}
.button.lgn {
    z-index: 1;
    border-radius: 36px;
    background-color: #2f2f2f;
    box-shadow: inset 0 -7px 0 0 #b08531;
    color: #c98eff;
}
.buttonT {
    background-color: #2f2f2f!important;
    box-shadow: inset 0 -7px 0 0 #1769aa!important;
    transition-duration: 0.25s !important;
}
.buttonG {
    background-color: #2f2f2f!important;
    box-shadow: inset 0 -7px 0 0 #008b00!important;
    transition-duration: 0.25s !important;
}
.buttonR {
    background-color: #2f2f2f!important;
    box-shadow: inset 0 -7px 0 0 #992b2b!important;
    transition-duration: 0.25s !important;
}
.buttonF {
    border-radius: 36px;
    background-color: #2f2f2f !important;
    box-shadow: inset 0 -7px 0 0 #b08531 !important;
    transition-duration: 0.25s !important;
}
.buttonC {
    background-color: #2f2f2f!important;
    box-shadow: inset 0 -7px 0 0 #6b236b!important;
    transition-duration: 0.25s !important;
}
.pSt {
    border-radius: 36px;
}
.classCard {
    border-radius: 36px;
}
.pItemButton {
    color: #c98eff;
	border-radius: 32px;
    background-color: #2f2f2f !important;
    transition-duration: 0.25s;
}
#sellPriceIn {
    border-radius: 36px;
    background-color: #2f2f2f !important;
    color: #c483ff !important;
    border-color: transparent;
    
}
.pTabs {
    border-radius: 36px;
}
.clsXPBarV {
    border-radius: 36px;
}
.membSinc span {
    color: #e0d5ff !important;
}
.scrollItem div, .scrollItem a, .scrollItem span {
    color: #e0d5ff;
    border-radius: 32px;
}
.floatR {
	text-align: right;
}
#navTitle {
    left: 25%;
    color: #c87eff;
}
#loginPop {
    pointer-events: auto;
    border-radius: 32px;
    padding: 15px;
    text-align: left;
    position: absolute;
	top: -15vw;
    left: 145%;
    transform: translate(-50%,-60%);
    color: #2f2f2f;
    width: 372px;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
}
#giftPop {
	top: -15vw;
    left: 145%;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    border-radius: 36px;
}
#reportPop {
	top: -15vw;
    left: 145%;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    border-radius: 36px;
}
#reportTxt {
	border-radius: 22px;
    background-color: #2f2f2f;
	color: #c98eff;
    border-color: transparent;
}
#reportBtn {
    border-radius: 22px;
    background-color: #2f2f2f;
	color: #c98eff;
	transition-duration: 0.4s;
}
#giftIn {
    width: 350px;
    padding-left: 10px;
    text-align: left;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 32px;
    margin-bottom: 5px;
    margin-right: 4px;
    background-color: #2f2f2f;
    border-color: transparent;
    color: #c483ff;
}
#giftMsg {
    width: 352px;
    padding-left: 10px;
    text-align: left;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 24px;
    margin-right: 4px;
    margin-bottom: -5px;
    background-color: #2f2f2f;
    border-color: transparent;
}
#regionSelect {
	border-radius: 32px;
}
.pItemButton2 {
    color: #c98eff;
    border-radius: 32px;
    background-color: #2f2f2f;
}
.accountInput {
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 22px;
    box-sizing: border-box;
    border: none;
    background-color: #2f2f2f !important;
    color: #ffffff8c;
    border-radius: 32px;
}
.accountButton {
    color: rgba(180, 98, 255, 0.7);
    background-color: #2f2f2f;
    border-radius: 32px;
    transition-duration: 0.4s;
}
.menuItem {
	transition-duration: 0.25s;
}
#marketList {
    margin-top: 25px;
    max-height: 1200px;
}
.popupImgInfo {
	border-radius: 28px;
}
.popupImgH {
	border-radius: 28px;
}
.purchInfoBtn {
	color: #c272ff;
}
.cardEst {
	border-radius: 36px;
    border: 5px;
    background-color: transparent;
}
#invTrack, #invValue {
	border-radius: 36px;
    margin-top: 85px !important;
}
#invTrack {
	margin-left: 245px !important;
}
#invValue {
	margin-right: 245px !important;
}
#tradePop {
	top: -15vw;
    left: 145%;
    border-radius: 36px;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
}
#offerPop {
	top: -15vw;
    left: 145%;
    border-radius: 36px;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
}

.pItemDesc {
    color: #d086ff;
    font-size: 16px;
}
.pItemOwn {
    color: #04ff00 !important;
}
.pItemTime {
    position: absolute;
    bottom: 70px;
    font-size: 15px;
    font-style: italic;
    color: #d086ff;
}
#m_stats {
	background-color: #d086ff !important;
    border-radius: 16px;
    transition-duration: 0.4s;
}
#m_stats:hover {
	background-color: #8b04e1 !important;
    border-radius: 16px;
}
.pItemRar {
    float: right;
    font-size: 18px;
    vertical-align: top;
    display: inline-block;
    color: rgba(0, 0, 0, 0.73) !important;
}
#sellPricFee {
    margin-right: 2px;
    color: rgba(0, 0, 0, 0.69);
    margin-bottom: 6px;
}
.pItemOwn:visited {
    color: #04ff00;
}
#searchPInput, #searchBtn {
	z-index: 50000 !important;
    position: fixed !important;
    border-radius: 32px;
    background-color: #2f2f2f;
    color: #d086ff;
}
#searchBtn {
	margin-left: 11vw;
}
.tSubOffer {
    border-radius: 36px;
	background-color: #2f2f2f!important;
    color: #d086ff;
}
.filterNav {
	border-radius: 32px;
}
#marketFiltTxt, #invSortTxt, #seaSort {
	color: #d086ff;
    background-color: #2f2f2f;
}
#invSortB {
	border-radius: 32px;
    color: #fff;
}
.mapListItem, .mapListThumb, #searchInput {
	color: #d086ff !important;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 32px;
    border: none;
}
a:visited {
	color: #d086ff
}
a {
	color: #d086ff;
    background-color: transparent !important;
    border-radius: 32px !important;
}
a:hover {
	color: #4dcafe
}
.leaderBtn {
	color: #d086ff !important;
}
.menuTabNew {
	color: rgb(255, 255, 255)
}
.tabANew {
    cursor: default;
    box-shadow: inset 0 -5px rgba(255,255,255,.7);
}

.cardActions {
background: url(https://cdn.discordapp.com/attachments/725062654720213034/725728141133217863/giphy.gif);
border-radius: 60px;
}




.marketCard {
 
    border-radius: 60px;
    background: url(https://cdn.discordapp.com/attachments/748408026444202026/748408095595561030/0b670b6b880cfc76baed43b3e9607f7a.gif);
}

.scrollItem {
background: url(https://cdn.discordapp.com/attachments/725062654720213034/725728141133217863/giphy.gif);
  
}

#navButtons {
top: 20px;
right: 3px;
  
}

.scrollView {

height:90%;
   
}
#filterPop {
    background: url(https://cdn.discordapp.com/attachments/748408026444202026/748408162796961802/223e6792880429.5e569ff84ebef.gif);
}


.leaderNav {
margin-top: -20px;
margin-bottom: 20px;
  
}
  
}

html, body {
background-size: 1366px 768px;
   
}