Firefox CSS

/* Import your desired components first */

@import url(chrome/round_ui_items.css);
@import url(chrome/curved_tabs.css);
@import url(chrome/tab_separator_lines.css);
@import url(chrome/centered_tab_label.css);

/* Apply your custom modifications after imports */



#tabbrowser-tabs{--uc-tab-curve-size: 11px !important; --uc-tab-line-color: rgb(239, 202, 195) !important; --tab-min-height: 32px;}
.tab-content{ padding-bottom: 6px !important; }

.tab-label-container {margin-right: 8px;}
.tab-label {margin-inline: 2px}
.tab-content {--tab-inline-padding: 11px}
toolbaritem#urlbar-container {--urlbar-padding-block: 6px 2px}
:root {--tabs-border-color: transparent !important}
:root {--tabs-navbar-separator-color: rgb(242, 225, 219) !important}

#tab-background {	max-height: 32px !important;}
:root {	--tab-min-height: 10px !important;
	--tab-max-height: 10px !important;}

.tab-text.tab-label{font-size: 12px !important}
toolbarbutton.bookmark-item:not(.subviewbutton){ padding-block: 6px !important; padding-inline: 5px !important }
#tabbrowser-tabs {margin-top: 7px !important}
.tab-text.tab-label{font-size: 13px;}