Fishtank.Lite by CSSpiss

/* ==UserStyle==
@name Fishtank.Lite
@namespace Userstyles.world
@version 0.1.1
==/UserStyle== */

@-moz-document url-prefix("https://www.fishtank.live/") {
:root { /* Variables */
    --panelheaders: #8c8c8c;
    --panelbackground: #b7b7b7;
    --panelheaderhover: #393939;
    --chatbackground:#cacaca;
    --background: #fff;
    --userbarbackground: rgba(0, 0, 0, .25);
    --panelborder:#8c8c8c; /* #444 */
    --buttonbackground:hsla(0,0%,100%,.1);
    --panelgradient: linear-gradient(180deg,#c0c0c0,#8e8e8e);
    --topbarbg: hsla(0,0%,100%,.8);
}

body {
    margin: 0;
    background-color: #e3e3e3!important;
    background-image: url("https://files.catbox.moe/0eds5v.png");
    font-family: JetBrains Mono, monospace;
    font-size: 16px;
    line-height: 16px;
    color: var(--background);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    display: flex;
    align-items: center;
    justify-content: center;
    --mobile-bottom-panel-height: 40vh;
    --mobile-bottom-nav-height: 48px;
}
.loader_loader__iek2w {
    background-image: var(--panelgradient);
}

/* uncategorized */



.top-bar_top-bar___Z0QX .top-bar_logo__XL0_C {
	all: unset;
	cursor: pointer;
	height: 100%;
	width: auto;
	filter: brightness(1);
}
.top-bar_top-bar___Z0QX .top-bar_logo__XL0_C img {
	height: 100%;
	width: auto;
	filter: drop-shadow(2px 2px 0 #000000);
	padding: 8px 8px 8px 0;
}
.top-bar_top-bar___Z0QX .top-bar_logo__XL0_C:focus, .top-bar_top-bar___Z0QX .top-bar_logo__XL0_C:hover {
	filter: brightness(.6);
}

.log-in_log-in__O0q5S {
	position: relative;
	margin: auto;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 24px;
	padding: 32px;
	width: 100%;
    background-image: var(--panelgradient)
}

.button_button__p28wJ{
	width: 100%;
    background-image: linear-gradient(2deg,#8d8d8d,#dedede);
}
.help-modal_help-modal__bibqC .help-modal_refund____uK9 {
	border: 1px solid #505050;
	border-radius: 4px;
	box-shadow: 2px 2px 0 rgba(0,0,0,.15);
	font-size: 14px;
	line-height: 1;
	padding: 8px;
	text-shadow: 2px 2px 0 #000;
    background-image: linear-gradient(180deg,#c0c0c0,#a0a0a0);
}

.input_input__Zwrui input, .input_input__Zwrui textarea {
	background-color: rgba(43,45,46,.5);
	border: 1px solid #505050;
	border-radius: 2px;
	padding: 8px;
	line-height: 24px;
	width: 100%;
    background-image: var(--panelgradient);
}

.chat-message-emote_emote__HsniF {
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
}

.select_select__UlP30 .select_options__t1ibN {
	position: fixed;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 350px;
	scrollbar-width: thin;
	border: 1px solid #505050;
	border-radius: 4px;
	box-shadow: 0 0 16px #000;
	background-color: #191d21;
    background-image: var(--panelgradient);
}
.select_select__UlP30 .select_options__t1ibN .select_option__lVOGV {
	all: unset;
	cursor: pointer;
	white-space: nowrap;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	background-color: #121314;
    background-image: linear-gradient(180deg,rgba(255,255,255),rgba(240,240,240),rgba(255,255,255));
}
.select_select__UlP30 .select_options__t1ibN .select_option__lVOGV.select_active__2Grrj {
	color: #f8ec94;
	background-color: hsla(53,88%,78%,.05);
}
.select_select__UlP30 .select_options__t1ibN .select_option__lVOGV {
	cursor: pointer;
	white-space: nowrap;
	color: #c1c1c1;
	font-size: 14px;
}
.inventory-item-dropdown_inventory-item-dropdown__g9VqC {
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #121314;
	color: #fff;
	border: 1px solid #505050;
	border-radius: 4px;
	box-shadow: 0 0 16px #000;
    background-image: linear-gradient(180deg,rgba(255,255,255),rgba(240,240,240),rgba(255,255,255));
}
.inventory-item-dropdown_inventory-item-dropdown__g9VqC button:focus, .inventory-item-dropdown_inventory-item-dropdown__g9VqC {
	color: #c1c1c1;
	background-color: hsla(0,0%,100%,.05);
}

.live-stream_live-stream__uVezO {
	all: unset;
	position: relative;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, .35);
	border: 1px solid #505050;
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
}

.panel_panel__Tdjid {
    display: flex;
    flex-direction: column;
    background-color: var(--panelbackground);
    border: 1px solid #505050;
    border-radius: 4px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .25);
}
.panel_panel__Tdjid .panel_header__T2yFW {
    display: flex;
    align-items: center;
    background-color: var(--panelheaders);
    border-bottom: 1px solid var(--panelborder)#000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: linear-gradient(182deg,rgb(0,0,0,0.4),rgb(0,0,0,0));
    padding: 4px 8px;
    font-size: 14px;
}

.status-bar_status-bar__vR_Tm {
    display: flex;
    align-items: center;
    border: 1px solid var(--panelborder);
    margin-top: auto;
    border-radius: 4px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
    width: 100%;
    background-color: var(--panelbackground);
    z-index: 1;
}
.inventory_inventory__7bCIe .inventory_slots__D4IrC {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
    grid-template-columns: repeat(5, var(--inventory-item-size));
    padding: 8px;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid #505050;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}
/*.top-bar-user_top-bar-user__VUdJm {
	position: relative;
	display: flex;
	margin-left: auto;
	padding: 8px 8px 8px 8px;
	gap: 8px;
	text-align: right;
	white-space: nowrap;
    background-color: rgba(255,255,255, .3);
    border: 1px solid rgba(255,255,255,.3);
    background-image: linear-gradient(0deg,rgba(0,0,0,0.1),rgba(0,0,0,0))
}*/
.top-bar-user_top-bar-user__VUdJm .top-bar-user_dropdown__KrwLb {
	display: none;
	z-index: 6;
	position: absolute;
	bottom: 0;
	right: 0;
	translate: 0 100%;
	flex-direction: column;
	background-color: #a9a9a9;
    background-image: var(--panelgradient);
	color: #fff;
	border: 1px solid #505050;
	border-radius: 4px;
	box-shadow: 0 0 16px #000;
    
}

.logs_logs__YL0uF .logs_body__lqe_U {
	display: flex;
	flex-direction: column;
	height: 50vh;
	overflow: scroll;
	scrollbar-width: thin;
	overflow-x: hidden;
	border: 1px solid #505050;
	border-radius: 4px;
	background-color: rgb(132, 132, 132);
    background-image: linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0));
	padding: 8px;
}

.panel_panel__Tdjid.panel_collapsible__7RVbk .panel_header__T2yFW:hover {
	background-color: var(--panelheaderhover);
}
.toast_toast__zhSlo .toast_body__DVBLz .toast_message__l35K3 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	text-align: center;
	flex-grow: 1;
	border: 1px solid #505050;
	border-radius: 4px;
	background-color: var(--panelbackground);
	padding: 24px;
	box-shadow: 4px 4px 0 rgba(0,0,0,.25);
	letter-spacing: -1px;
}
.panel_panel__Tdjid.panel_dark__nQhSF .panel_header__T2yFW {
	background-color: var(--panelheaders);
}
.status-bar_status-bar__vR_Tm .status-bar_date__mqIyI {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 8px;
	gap: 6px;
	height: 100%;
	background-color: rgba(0,0,0,.2);
    border-top: 1px solid #666;
    border-right: 1px solid #6c6c6c;
    background-image: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0));
}
.status-bar_status-bar__vR_Tm .status-bar_left__GWQM7 .status-bar_feature__3wKz5 {
	border-right: 2px solid #6c6c6c;
    border-top: 1px solid #666;
    background-image: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0));
}

.panel_panel__Tdjid .panel_body__O5yBA {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 8px;
    background-image: var(--panelgradient);
}

.ads_ads__Z1cPk svg {
	filter: drop-shadow(1px 1px 0 #000000);
}

.experience-bar_experience-bar__nVDge .experience-bar_bar__HcNkR {
	position: relative;
	margin: 4px;
	height: 16px;
	color: #6c120c;
	background-image: linear-gradient(90deg,currentColor,currentColor 85%,transparent 0,transparent);
	background-size: 8px 100%;
	opacity: .75;
	transition: all .5s ease;
}

.modal_modal-container__iQODa .modal_modal__MS70U {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: auto;
	overflow: visible;
	min-width: 500px;
	max-height: 96vh;
	padding: 16px;
	background-color: var(--panelbackground);
	border: 1px solid #767676;
	box-shadow: 4px 4px 0 rgba(0,0,0,.3);
    background-image: var(--panelgradient);
	border-radius: 4px;
}
.modal_modal-container__iQODa .modal_modal__MS70U .modal_header__O0ebJ .modal_title__TdXFC h2 {
	all: unset;
	margin: auto;
	line-height: 24px;
	text-shadow: 2px 2px 0 #000;
}

.live-streams-auditions_live-streams-auditions__sRcSq .live-streams-auditions_body__D4vV0 {
	pointer-events: all;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	color: #fff;
	background-color: var(--panelbackground);
	padding: 32px;
	border: 1px solid #505050;
	border-radius: 4px;
	box-shadow: 4px 4px 0 rgba(0,0,0,.5);
}


.announcement_announcement__Sow3P {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	background-color: rgba(255,255,255,.3);
	border: 1px solid #fff;
	border-radius: 4px;
	box-shadow: 4px 4px 0 rgba(0,0,0,.5);
}

.audition-vote-modal_audition-...