/*****************************************
 * Gmail Toolbar Icon Labels
 *
 * Author      : @crdunst
 * Updated     : November 6th, 2023
 * Version     : 1.4
 * Description : Overrides the mystery meat toolbar icons in the new gmail UI
 * Usage       : Use with Stylish Firefox/Chrome extension (http://userstyles.org/)
 *****************************************/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.google.com") {

.zF, .bqe, .bq3 {
	font-weight: 500;
}

.G-tF .T-I {
    line-height: 22px !important;
    padding-top: 3px !important;
    height: 23px !important;
}

.asa {
	width: auto !important;
	padding-right: 50px;
    text-align: left !important;
    color: #1f1f1f !important;
}
.T-I.J-J5-Ji.m9.T-I-ax7.L3 .asa,
.T-I.J-J5-Ji.bvt.T-I-ax7.L3 .asa,
.T-I.J-J5-Ji.VJ.T-I-ax7.L3 .asa {
	padding-right: 110px;
}
.asa::before {
	display: none;
}

.T-I-J3.J-J5-Ji {
	text-align: left !important;
    background-color: transparent!important;
	color: #1f1f1f !important;
	-webkit-mask-image: none!important;
}

.T-I-J3.J-J5-Ji::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
	background-color: #1f1f1f;
}

.ar6,.ar8,.asl,.ar9,.ase,.asb,.asf,.bAO,.bAP,.brW,.Vj,.bjy {
    text-indent: 24px !important;
    width: 20px !important;
}

.aos {
    margin-right: 48px;
}

.ar6::after {content:"Back";}
.ar8::after {content:"Archive";}
.asl::after {content:"Spam";}
.ar9::after {content:"Delete";}
.ase::after {content:"Move to";}
.asb::after {content:"Labels";}
.asf::after {content:"Reload";}
.bAO::after {content: "Mark Read";}
.brW::after {content: "Snooze";}
.Vj::after {content: "Add to tasks";}
.bjy::after {content: "More";}

.ar6::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/arrow_back/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/arrow_back/default/20px.svg);
}
.ar8::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/archive/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/archive/default/20px.svg);
}
.asl::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/report/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/report/default/20px.svg);
}
.ar9::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/delete/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/delete/default/20px.svg);
}
.ase::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/drive_file_move/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/drive_file_move/default/20px.svg);
}
.asb::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/label/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/label/default/20px.svg);
}
.asf::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/refresh/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/refresh/default/20px.svg);
}
.bAO::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/drafts/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/drafts/default/20px.svg);
}
.bAP::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/mail/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/mail/default/20px.svg);
}
.brW::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/schedule/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/schedule/default/20px.svg);
}
.Vj::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/add_task/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/add_task/default/20px.svg);
}
.bjy::before {
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/more_vert/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/more_vert/default/20px.svg);
}


div[title="Back to Inbox"] div .ar6:before,
div[data-tooltip="Back to Inbox"] div .ar6:before {
    content:"Inbox";
}

/* remove highlight circles and Google Meet */
.asa:not(.bjy)::after,
.xY>.T-Jo::before,
.YX,
.aeO {
	display: none;
}

/* max image width */
.hx .ii img {
    max-width: 100%;
    height: auto;
}

/* hide inbox full progress bar */
.aiC {
    display: none;
}
/* hide external contact warning */
.aau {
    display: none;
}

/* 'mark unread' is different, Gmail has introduced an inline SVG, need to hook into the parent container */
.bvt.L3 .asa {
    height: 20px;
    width: 130px!important;
    padding-right: 0!important;
}
.bvt.L3 .asa::before {
    content: " ";
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 99999;
    display: inline-block!important;
    transform: none;
    opacity: 1;
    border-radius: 0;
    width: 20px;
    height: 20px;
	background-color: #1f1f1f;
    mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/mail/default/20px.svg);
    -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/mail/default/20px.svg);
}
.bvt.L3 .asa::after {
    content: "Mark Unread";
    display: inline-block;
    height: 20px;
    width: auto!important;
    vertical-align: middle;
    left: 24px;
    top: 0;
}
.bvt.L3 .asa svg {
    display: none
}
}