@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
    --d5: #131516;
    --d4: #1e2124;
    --d3: #282b30;
    --d2: #36393e;
    --d1: #424549;
    --cirkldark: #0e2433;
    --cirkl: #004a7f;
    --cirkllight: #36a8fa;
    --l5: #afaca8;
    --l4: #d1ccc5;
    --l3: #e2ddd7;
    --l2: #f7f4ec;
    --l2half: #f7f4ec80;
    --l1: #fffffd;
    /* --logo: url('/img/circkl.png'); */
    --logo: url('/img/logo/mink_full_shaded.png');
    --buycolor: #00800b;
    --buyhover: #28b633;
    --bcFree: #ababab;
    --bcClassic: #00a4da;
    --bcTurbo: #e58313;
    --bcOutrageous: #da0001;
    --online:#23a55a;
    --offline:#80848e;
    --ingame:#8aace2;
    --cred: #e43b30;
    --cblue: #009ae3;
    --cgreen: #03b657;
    --cyellow: #ffb000;
}

html,body,*{border:0;margin:0;box-sizing:border-box;overflow-x:hidden;font-family: "Open Sans", sans-serif;}
html,body,.center{width:100%;height:100%;}
.center{display:flex;align-items:center;justify-content:center;}
.mobile .center{flex-direction:column;}
.topbar{height:42px;width:100%;background-color:var(--cirkl);position:fixed;top:0;left:0;overflow:hidden;}
.leftbar{height:calc(100% - 42px);position:fixed;left:0;top:42px;width:180px;padding-top:8px;}
.mobile{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:50000;background-color:black;text-align:center;padding:20px;}
.mobile img{width:100%;object-fit:contain;}
.tleft{float:left;padding-left:16px;}
.tright{float:right;}
.logo{float:left;display:block;height:42px;background-image: var(--logo);background-position:center;background-repeat:no-repeat;background-size:contain;width:100px;}
.topbar .tleft .link{display:inline-block;margin-left:24px;padding:4px 8px 4px 8px;font-size:22px;border-radius:2px;text-decoration:none;}
.topbar .tleft .link:hover{background-color: var(--cirkl);}
.topbar .tright .link{display:inline-block;margin-top:6px;margin-left:12px;padding:4px 8px 4px 8px;font-size:16px;border-radius:2px;text-decoration:none;}
.topbar .tright{margin-right:12px;}
.leftbar .link{width:100%;display:block;margin:1px 0;padding:8px;text-decoration:none;font-size:18px;}
.leftbar a i{overflow:hidden;transform:translatey(3px);width:24px;display:inline-block;text-align:center;margin-right:8px;}
.tright p.link{overflow:hidden;}
.zuos{position:relative;padding-left:32px;overflow:hidden;}
.zuos::before{content:"";display:inline-block;width:32px;height:32px;background-image:url('/img/Zuo.png');background-position:center;background-repeat:no-repeat;position:absolute;top:-6px;left:0;margin-left:-20px;padding-left:32px;}
.itemHome .zuos, .catalog .zuos, .item .zuos{position:relative;padding-left:24px;}
.itemHome .zuos::before, .catalog .zuos::before, .item .zuos::before{content:"";display:inline-block;width:24px;height:24px;background-image:url('/img/Zuo.png');background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;top:-1px;left:2px;margin-left:-20px;padding-left:32px;}
.dropdown-content{display:none;position:absolute;top:42px;right:0;width:128px;}
.dropdown-content a{width:100%;display:inline-block;text-decoration:none;padding:2px 8px;}
.dropdown-content.show{display:block;}
.login h1{text-align:center;}
.login{padding:32px;border-radius:8px;width:512px;}
.page{padding:32px;border-radius:8px;width:calc(100% - 128px);margin:64px;text-align:initial;}
.login .bar,.page .bar{width:100%;height:1px;margin:16px 0;}
.login .btn{width:100%;font-size:18px;border-radius:4px;padding:8px 0;}
.login .btn:hover{cursor:pointer;}
.shadow{filter: drop-shadow(0px 5px 10px #1e2125);}
.login #uname, .login #password, .login #email, .login #key{width:100%;font-size:16px;border-bottom:2px solid transparent;}
*:focus,*:focus-visible{outline: none;}
.loginError{position:absolute;top:96px;width:100%;text-align:center;height:15%;pointer-events:none;}
.loginError h2{display:inline-block;padding:8px 16px;border-radius:8px;}
.hidden{display:none;}
.pageContainer{width:calc(100% - 180px);float:right;height:calc(100% - 42px);margin-top:42px;}
.homeHeader{display:flex;flex-direction:row;align-items:center;margin-bottom:24px;}
.avatarRender{width:164px;height:164px;border-radius:100%;background-color:var(--l2);margin-right:24px;flex:0 0 auto;}
.buildersClub{width:50px;height:auto;}
.friendsText{margin-bottom:16px;}
.showAll{float:right;text-decoration:none;font-weight:initial;font-size:18px;padding:4px 12px;}
.friendsContainer,.gamesContainer, .catalogContainer{display:flex;flex-direction:row;}
.pagination{flex: 0 0 48px;display:flex;align-items:center;justify-content:center;}
.pagination i{font-size:24px;overflow:hidden;}
.friend, .game, .itemHome{flex:1;display:flex;align-items:center;flex-direction:column;text-decoration:none;padding:8px;border-radius:8px;margin:8px;text-align:center;}
.friendRender{width:96px;height:96px;border-radius:100%;background-color:var(--l2);}
.disabledPagination{opacity:0;pointer-events:none;}
.pagination:hover{cursor:pointer;}
.gameIcon,.iconContainer{width:150px;height:150px;}
.iconContainer{position:relative;overflow:hidden;}
.gameYear{position:absolute;top:0;right:0;background-color:var(--cirkl);padding:2px 6px;border-bottom-left-radius:8px;}
.itemInfo{overflow:hidden;}
.itemIcon{width:96px;height:96px;}
#userDropdown{z-index:5000000;}
.page .fa,.page .fas,.page .far,.page .fal,.page .fad,.page .fab{display:inline!important;}
.gamesPage .game{flex:unset!important;display:inline-flex;max-width:200px;}
.gamesPage{text-align:center;}
.catalogPagination{width:calc(100% - 200px);padding-left:16px;border-left:1px solid;text-align:center;float:right;transform:translatex(-1px);}
.gamePagination{margin-top:32px;text-align:center;}
.gamePagination .paginationText, .catalogPagination .paginationText, .avatarPagination .paginationText{padding:16px 0;display:inline-block;font-weight:unset;}
.gamePagination .pagination, .catalogPagination .pagination, .avatarPagination .pagination{padding:16px;}
.gamePagination .pagination.lf, .catalogPagination .pagination.lf, .avatarPagination .pagination.lf{float:left;}
.gamePagination .pagination.rg, .catalogPagination .pagination.rg, .avatarPagination .pagination.rg{float:right;}
.gamesOptions{display:flex;width:100%;justify-content:space-evenly;}
.gamesOptions .btn{padding:12px 24px;font-size:18px;text-decoration:none;}
.categoryContainer .category{padding:12px 14px;width:100%;display:block;font-size:18px;text-decoration:none;}
.catalogItem{display:inline-flex;align-items:center;flex-direction:column;text-decoration:none;padding:8px;border-radius:8px;margin:8px;text-align:center;width:180px;}
.catalogItemContainer{display:inline-block;}
.catalog .categoryContainer, .catalog .verticalBar{float:left;}
.categoryContainer .category.activeCategory{background-color:var(--cirkl);}
.catalogPageContainer, #avatarPageContainer{padding-left:16px;border-left:1px solid;}
.categoryContainer{width:200px;padding-right:16px;border-right:1px solid;margin-right:-1px;border-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.categoryContainer .category:last-of-type{border-bottom-right-radius:4px;}
.categoryContainer .category:first-of-type{border-top-right-radius:4px;}
.searchContainer{float:right;display:flex;margin-top:3px;}
#catalogSearch, #searchButton, .searchText{display:inline-block;}
#catalogSearch{border-bottom:2px solid transparent;font-size:18px;margin-left:8px;}
#searchButton{margin-left:8px;padding:0 12px;}
#searchButton:hover{cursor:pointer;}
.searchText{font-weight:initial;font-size:18px;}
.item .itemIcon{width:420px;height:420px;border-radius:8px;float:left;margin-right:16px;}
.itemInfoContainer{float:right;display:flex;flex-direction:column;width:512px;margin-left:16px;}
.itemContainer{display:flex;justify-content:center;}
.uploader{border-radius:8px;padding:8px;}
.uploader .uploaderName{float:left;font-weight:initial;}
.uploader .uploaderRenderer{width:96px;height:96px;float:right;}
.itemButton{background-color:var(--buycolor);padding:12px 24px;text-align:center;border-radius:4px;}
.itemButton:hover{background-color:var(--buyhover);cursor:pointer;}
.itemDetailedInfo{display:flex;justify-content:space-evenly;}
.itemDetailedInfo > *{text-align:center;}
.clientWarning{width:100%;text-align:center;font-size:16px;background-color:rgba(151, 0, 0, 0.5);padding:12px 24px;border:1px solid rgba(255, 0, 0, 0.5);border-radius:4px;margin-top:16px;}
.popupContainer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:5000000000;background-color:rgba(0, 0, 0, 0.75);display:flex;align-items:center;justify-content:center;}
.popupContainer .page {width:512px;}
.buttonsContainer{display:flex;justify-content:space-evenly;}
.buttonsContainer .button{padding:8px 32px;margin:0 8px;}
.buttonsContainer .button:hover{cursor:pointer;}
.demarcusDeminecraft{width:400px;height:300px;object-fit:contain;}
.avatarImageContainer{float:left;position:relative;margin-right:-1px;max-width:444px;}
.fullAvatarRender{border-radius:4px;background-color:var(--l2half);margin-right:24px;width:420px;}
.avatarImageContainer::after{content:" ";height:100%;width:1px;display:block;position:absolute;top:0;right:0;}
.activeButton{background-color:var(--cirkl)!important;}
.avatarButtonContainer{display:flex;justify-content:space-evenly;}
.avatarButtonContainer > * {font-size:16px;padding:8px 0;width:128px;}
.avatarButtonContainer > *:hover{cursor:pointer;}
.avatarPagination{width:100%;text-align:center;}
.avatarItemContainer{display:inline-block;}
.bottomRow{margin-top:16px;}
#bodyColors{float:left;padding:8px 16px;border-radius:4px;width:150px;min-width:150px;}
#bodyColors input{margin-right:8px;}
#bodyColors label{line-height:28px;}
.colorsContainer{margin-left:8px;}
.colorsFlex{display:flex;flex-direction:row;}
.avatarColor{width:32px;height:32px;border-radius:100%;border:4px solid transparent;display:inline-block;margin:8px;}
.avatarColor:hover{border:4px solid var(--cirkllight);cursor:pointer;}
#colorFrame{opacity:0;width:0;height:0;position:absolute;top:0;left:0;pointer-events:none;}
.avatarImageContainer .rerenderContainer h3 a{padding:8px 32px;text-decoration:none;overflow:hidden;display:inline-block;}
.rerenderContainer, .avatarImageContainer .renderInfoText{text-align:center;margin-top:16px;}
.avatarImageContainer .renderInfoText{padding-right:16px;}
code{font-family:'Courier New', Courier, monospace!important;}
.playerContainer{display:flex;justify-content:center;margin-top:16px;}
.playersInGame .playerRender {width: 64px;height: 64px;border-radius: 100%;background-color: var(--l2);}
.playersInGame{padding:16px 32px;border-radius:4px;margin-top:8px;max-width:820px;}
.playerLink{margin:8px 8px;display:inline-block;text-decoration:none;}
.buildersClubBar{display:flex;justify-content:space-evenly;margin-top:24px;}
.buildersClubLevel{display:inline-flex;flex-direction:column;justify-content:center;text-align:center;}
.bcContainer{text-align:center;width:128px;height:128px;border-radius:100%;margin-bottom:16px;display:flex;justify-content:center;align-items:center;}
.bcContainer i{font-size:48px;overflow:hidden;}
.buildersClubLevel > * {overflow:hidden;}
.bcFree{background-color:var(--bcFree);}
.bcClassic{background-color:var(--bcClassic);}
.bcTurbo{background-color:var(--bcTurbo);}
.bcOutrageous{background-color:var(--bcOutrageous);}
.buildersClubLevel .btn{font-size:20px;text-decoration:none;margin-top:32px;padding:8px;}
.friendReqButtons:hover{cursor:pointer;}
.profileRender{width:140px;height:140px;border-radius:100%;background-color:var(--l2);margin-right:24px;float:left;}
.profileBlurb{font-weight:unset;font-style:italic;}
.profileBlurb::before, .profileBlurb::after{content:'"'}
.userInfo{display:inline-flex;flex-direction:column;justify-content:center;height:140px;width:calc(100% - 164px);}
.userActions{float:right;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;}
.profile .profileHeaderText .buildersClub{margin-left:16px;}
.profile .userActions .btn{display:inline-block;padding:8px 16px;text-decoration:none;margin:0 8px;border-radius:4px;}
.profileContainer{display:flex;}
.profileLeft,.profileRight{display:flex;flex-direction:column;width:100%;}
.profileAvatarContainer{display:flex;flex-direction:column;align-items:center;border-radius:4px;padding:16px;margin:16px;}
.profileAvatar{width:420px;height:420px;}
.profileAvatarContainer .btn{padding:8px 16px;font-size:16px;margin:8px 0;width:100%;border-radius:4px;}
.profileLeft{border-right:1px solid;padding-right:12px;}
.profileRight{border-left:1px solid;margin-left:-1px;padding-left:12px;}
.profileContainer .btn:hover{cursor:pointer;}
.profileBadgeContainer{border-radius:4px;padding:16px;margin:16px;}
.profileSiteBadge, .profileGameBadge{display:inline-block;width:96px;height:96px;object-fit:contain;margin:4px;padding:4px;}
.socialStat{display:inline-block;padding:8px 16px;text-decoration:none;margin:0 8px;border-radius:4px;}
.socialStat span{font-weight:bold;}
.singleBadgeContainer{display:inline-flex;flex-direction:column;align-items:center;width:128px;margin:8px;}
.bioBlurb{text-align:center;}
.userInformationExtended{display:flex;justify-content:space-evenly;width:100%;}
.userInfoContainer{display:inline-flex;flex-direction:column;text-align:center;}
.userInfoContainer .infoBottomText{font-weight:unset;}
.aboutHeader{width:100%;}
.aboutHeaderText{display:block;float:left;}
.avatarYearSelector{display:flex;float:right;width:200px;align-items:center;justify-content:end;}
#avYear{width:100px;margin:0 0 0 4px;padding:4px 8px;}
.gameBadgePagination{text-align:center;}
.gameBadgePagination .paginationText{padding:8px 0;display:inline-block;font-weight:unset;}
.gameBadgePagination .pagination{padding:8px;}
.gameBadgePagination .pagination.lf{float:left;}
.gameBadgePagination .pagination.rg{float:right;}
.profileGamesContainer{border-radius:4px;padding:16px;margin:16px;display:flex;flex-direction:column;}
.profileGame{border-radius:4px;margin:8px 0;}
.profileGame:last-of-type{margin:8px 0 0 0;}
.profileGame .gameHeader{padding:8px 16px;}
.profileGame .profileGameBanner{height:300px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.profileGame .gameLinkWrapper{display:block;text-decoration:none;}
.profileGame .profileGameIcon{width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:4px;margin-top:-96px;margin-left:10%;}
.profileGame .gameAboutText{padding:8px 16px;border-bottom:1px solid;}
.profileGame .gameDescription{padding:16px 32px;font-weight:unset;}
.profile .profileGridLayoutContainer{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 8px;grid-row-gap: 8px;}
.profile .profileGridLayoutContainer .singleBadgeContainer, .profile .profileGridLayoutContainer .singleFriendContainer, .profile .profileGridLayoutContainer .singleGameContainer, .profile .profileGridLayoutContainer .singleGroupContainer{width:100%;display:flex;flex-direction:column;align-items:center;}
.profileFriendsPagination{text-align:center;}
.profileFriendsPagination .paginationText{padding:8px 0;display:inline-block;font-weight:unset;}
.profileFriendsPagination .pagination{padding:8px;}
.profileFriendsPagination .pagination.lf{float:left;}
.profileFriendsPagination .pagination.rg{float:right;}
.pagination{border-radius:4px;}
.profileFriendsContainer, .profileFavoriteGamesContainer, .itemShowcaseContainer, .profileGroupsContainer, .shoutContainer{border-radius:4px;padding:16px;margin:16px;}
.profileFriendRender, .profileItemRender{width:128px;height:128px;object-fit:contain;margin:4px;padding:4px;}
.singleBadgeContainer,.singleFriendContainer, .singleGameContainer, .singleItemContainer, .singleGroupContainer{padding:8px;border-radius:4px;text-decoration:none;}
.friendUsername,.badgeText,.favoriteGameName,.profileItemName,.profileGroupRole{font-weight:unset;}
.profileFavoritesPagination{text-align:center;}
.profileFavoritesPagination .paginationText{padding:8px 0;display:inline-block;font-weight:unset;}
.profileFavoritesPagination .pagination{padding:8px;}
.profileFavoritesPagination .pagination.lf{float:left;}
.profileFavoritesPagination .pagination.rg{float:right;}
.auditLogPagination{text-align:center;}
.auditLogPagination .paginationText{padding:8px 0;display:inline-block;font-weight:unset;}
.auditLogPagination .pagination{padding:8px;}
.auditLogPagination .pagination.lf{float:left;}
.auditLogPagination .pagination.rg{float:right;}
.assetApprovalLogPagination{text-align:center;}
.assetApprovalLogPagination .paginationText{padding:8px 0;display:inline-block;font-weight:unset;}
.assetApprovalLogPagination .pagination{padding:8px;}
.assetApprovalLogPagination .pagination.lf{float:left;}
.assetApprovalLogPagination .pagination.rg{float:right;}
.favoriteGameIcon{width:140px;height:140px;margin:4px;padding:4px;border-radius:8px;}
.fullInventoryLink{font-size:14px;padding:7px 12px;text-decoration:none;display:inline;float:right;border-radius:4px;}
.profileItemsContainer{display:flex;justify-content:space-evenly;}
.singleItemContainer{display:flex;flex-direction:column;align-items:center;}
.profileGroupCount{font-weight:unset;font-style:italic;opacity:0.66;}
.groupIcon{width: 140px;height: 140px;border-radius: 4px;margin-right: 24px;float: left;}
.groupShoutText{border-left:1px solid;padding-left:24px;}
.groupShoutUserContainer{border-right:1px solid;float:left;margin-right:-1px;}
.bannerContainer{width:calc(100% - 180px);position:fixed;top:42px;right:0;z-index:20;}
.bannerContainer .pageBanner, .previewSiteBanner .pageBanner{font-size:20px;padding:8px 16px;text-align:center;}
.studioGrid{display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 8px;grid-row-gap: 8px;}
.online{background-color:var(--online);}
.offline{background-color:var(--offline);}
.ingame{background-color:var(--ingame);}
.avatarHeadshotContainer{float:left;position:relative;}
.statusIcon{content:"";display:block;position:absolute;bottom:0;right:16px;width:40px;height:40px;border-radius:100%;border:8px solid var(--d4)}
#menuButtons{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}
#menuButtons .btn, .adminPanelContainer .btn{border-radius:4px;}
#menuButtons .btn:hover, .adminPanelTabHeader .btn:hover, .adminPanelContainer .btn:hover{cursor:pointer;}
.adminPanelButton{padding:32px 16px 16px 16px;}
.adminPanelButton i{font-size:64px;}
.adminPanelButton p{font-size:16px;padding:16px 8px 4px 8px;}
.adminPanelTabHeader .btn, .adminPanelTabHeader .adminPanelTabHeaderText{float:left;}
.adminPanelTabHeader .btn{padding:8px 12px;margin-right:12px;border-radius:4px;}
.adminPanelTabHeader{margin-bottom:-1px;}
.yayNayContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.yayNayContainer #yayNay{margin:32px;}
.yayNayContainer .btn{font-size:18px;padding:8px 16px;border-radius:4px;}
.yayNayContainer .btn:hover{cursor: pointer;}
/* red */
#menuButtons .ipBans,#menuButtons .userBans,#menuButtons .approvalLog{color:var(--cred);}
/* blue */
#menuButtons .users,#menuButtons .renders,#menuButtons .purchaseLogs{color:var(--cblue);}
/* green */
#menuButtons .auditlog,#menuButtons .giveAsset,#menuButtons .siteAnnouncement{color:var(--cgreen);}
/* yellow */
#menuButtons .yesOrNo,#menuButtons .giveZuos,#menuButtons .warnUser, .adminPanelContainer .warnUser{color:var(--cyellow);}
/* banners */
.redBanner{background-color:var(--cred);}
.blueBanner{background-color:var(--cblue);}
.greenBanner{background-color:var(--cgreen);}
.yellowBanner{background-color:var(--cyellow);}
.adminpanel input, .adminpanel select, .adminpanel textarea{background-color: var(--d1);padding: 8px;width: 100%;font-size: 16px;border-bottom: 2px solid transparent;border-radius:4px;}
.adminpanel input:focus, .adminpanel select:focus, .adminpanel textarea:focus{border-bottom: 2px solid var(--l1);}
.forceRenderContainer, .giveZuosContainer, .giveItemContainer, .siteAnnouncementContainer, .auditLogFiltering, .ipBanContainer, .userBanContainer, .usersFiltering, .assetBuyFiltering, .userWarnContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.forceRenderBar, .giveZuosBar, .giveItemBar, .siteAnnouncementBar, .auditLogFilterBar, .ipBanBar, .userBanBar, .usersFilterBar, .assetBuyFilterBar, .userWarnBar{display:flex;flex-direction:row;align-items:center;justify-content:center;}
.forceRenderItemContainer, .giveZuosItemContainer, .giveItemSubContainer, .siteAnnouncementSubContainer, .auditLogitemCont, .ipBanSubContainer, .userBanSubContainer, .usersLogitemCont, .assetBuyLogitemCont, .userWarnSubContainer{display:flex;flex-direction:column;padding:8px 16px;min-width:180px;}
.forceRenderContainer .btn, .giveZuosContainer .btn, .giveItemContainer .btn, .siteAnnouncementContainer .btn, .auditLogFiltering .btn, .ipBanContainer .btn, .userBanContainer .btn, .usersFiltering .btn, .assetBuyFiltering .btn, .userWarnContainer .btn{font-size:16px;border-radius:4px;padding:8px 16px;}
.forceRenderContainer .btn:hover, .giveZuosContainer .btn:hover, .giveItemContainer .btn:hover, .siteAnnouncementContainer .btn:hover, .auditLogFiltering .btn:hover, .ipBanContainer .btn:hover, .userBanContainer .btn:hover, .usersFiltering .btn:hover, .assetBuyFiltering .btn:hover, .userWarnContainer .btn:hover{cursor: pointer;}
.filterButton,.userFilterButton,.assetBuyFilterButton,.viewWarnedUserButton{margin-top:22px;margin-left:14px;}
.previewSiteBanner{margin-top:16px;margin-bottom:16px;width:100%;}
.announcementTextContainer{min-width:512px!important;}
/* temp table css */
.adminTableHeader{background-color:var(--d2);}
.adminTable{max-width:1800px;margin-left:auto;margin-right:auto;}
.adminTable tbody tr:nth-child(even){background-color:var(--d3);}
.adminTable tr > * {padding:4px 8px;}
/* nvm thatʻs our table css lol */
/* ... */
/* asset approval log */
.approvalLogContainer{text-align:center;}
.assetApproval{display:inline-flex;flex-direction:column;background-color:var(--d3);padding:8px 16px;text-align:center;border-radius:4px;margin:4px;}
.assetApproval:hover{background-color:var(--d2);}
.assetApproval .assetIcon{width:220px;height:220px;margin: 8px 0;}
.approvalOptions{margin:8px 0;display:flex;flex-direction:row;}
.approvalOptions button{width:100%;margin:0 4px;padding:4px 8px;font-size:18px;}
.approvalOptions button:hover{cursor:pointer;}
.approvalOptions .approveAssetButton{background-color:#00800b;}
.approvalOptions .approveAssetButton:hover{background-color:#00c410;}
.approvalOptions .denyAssetButton{background-color:#a72d24}
.approvalOptions .denyAssetButton:hover{background-color:#e43b30}
.revokeBan,.refundAssetPurchase{color:#e43b30;}
.revokeWarning{color:#00c410}
/* poop sex */
.adminPanelFlexRow{display:flex;margin-top:16px;gap:16px;}
.adminPanelFlexRow .btn{width:100%;}
ul,ol,li{overflow-x:unset!important;}
.page.userMessage .btn{border-radius:4px;font-size:18px;width:100%;padding:12px 24px;}
.page.userMessage .btn:hover{cursor: pointer;}
.unfavorited:hover{color:var(--cyellow);cursor:pointer;}
.favorited{color:var(--cyellow);}
.favorited:hover{cursor:pointer;}
.unliked:hover{color:var(--cgreen);cursor:pointer;}
.liked{color:var(--cgreen);}
.liked:hover{cursor:pointer;}
.undisliked:hover{color:var(--cred);cursor:pointer;}
.disliked{color:var(--cred);}
.disliked:hover{cursor:pointer;}
/* fuck you midozen */
div.catalogItemContainer p.itemName {height: 22px;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/* --------------- DARK THEME SPECIFIC ------------------ */
html {background-color: var(--d1);}
.topbar{background: linear-gradient(var(--cirkl), var(--cirkldark));}
.leftbar,.dropdown-content{background:var(--d4);}
.leftbar .link:hover,.dropdown-content a:hover{background:var(--d2);}
*{color:white;}
.login #uname:focus, .login #password:focus, .login #email:focus, .login #key:focus, #catalogSearch:focus{border-bottom:2px solid var(--l1);}
.login .btn, .pagination, .showAll, .page .btn, .categoryContainer .category, #searchButton, .buttonsContainer .button{background-color:var(--d2);}
.login .bar, .page .bar, .page .verticalBar{background-color:var(--d1);}
.catalogPageContainer, .catalogPagination, #avatarPageContainer{border-left-color: var(--d1);}
.categoryContainer{border-right-color:var(--d1);}
.profileLeft{border-right-color:var(--d1);}
.profileRight{border-left-color:var(--d1);}
.avatarImageContainer::after{background-color:var(--d1);}
.login .btn:hover, .pagination:hover, .showAll:hover, .page .btn:hover, .categoryContainer .category:hover, #searchButton:hover, .buttonsContainer .button:hover{background-color:var(--d1);}
.login #uname, .login #password, .login #email, .login #key, #catalogSearch{background-color:var(--d1);padding:8px;border-radius:4px;}
.loginError h2{background-color:var(--d3);}
.login, .page{background-color:var(--d4);}
.friend:hover, .game:hover, .itemHome:hover, .catalogItem:hover, .singleFriendContainer:hover, .singleBadgeContainer:hover, .singleGameContainer:hover, .singleItemContainer:hover, .singleGroupContainer:hover{background-color:var(--d3);}
.item .itemIcon{background-color:var(--d1);}
.uploader{background-color:var(--d3);}
#bodyColors, .playersInGame{background-color:var(--d2);}
.profileAvatarContainer, .profileBadgeContainer, .profileGamesContainer, .profileFriendsContainer, .profileFavoriteGamesContainer, .itemShowcaseContainer, .profileGroupsContainer, .shoutContainer{background-color:var(--d5);}
.gameHeader{background:var(--d2);}
.gameHeader:hover{background:var(--d1);cursor:pointer;}
.gameInfoContainer{background-color:var(--d3);}
.profileGameBanner{background-color:var(--d4);}
.profileGame .gameAboutText{border-bottom-color:var(--d1);}
.groupShoutText{border-left-color:var(--d1);}
.groupShoutUserContainer{border-right-color:var(--d1);}
/* ------------------------ lol ------------------------- */
@media only screen and (max-width:512px) {
    .mobiler{display:block;}
}