254 lines
7.7 KiB
CSS
254 lines
7.7 KiB
CSS
.button-2ioYhFEY {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
transition: background-color 60ms ease, opacity 60ms ease, color 60ms ease;
|
|
color: #131722;
|
|
color: var(--tv-color-toolbar-button-text, #131722);
|
|
}
|
|
html.theme-dark .button-2ioYhFEY {
|
|
color: #787b86;
|
|
color: var(--tv-color-toolbar-button-text, #787b86);
|
|
}
|
|
.button-2ioYhFEY.hover-yHQNmTbI,
|
|
.button-2ioYhFEY:active {
|
|
color: #000;
|
|
color: var(--tv-color-toolbar-button-text-hover, #000);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-2ioYhFEY:hover {
|
|
color: #000;
|
|
color: var(--tv-color-toolbar-button-text-hover, #000);
|
|
}
|
|
}
|
|
html.theme-dark .button-2ioYhFEY.hover-yHQNmTbI,
|
|
html.theme-dark .button-2ioYhFEY:active {
|
|
color: #868993;
|
|
color: var(--tv-color-toolbar-button-text-hover, #868993);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
html.theme-dark .button-2ioYhFEY:hover {
|
|
color: #868993;
|
|
color: var(--tv-color-toolbar-button-text-hover, #868993);
|
|
}
|
|
}
|
|
.button-2ioYhFEY svg {
|
|
display: block;
|
|
-moz-transform: translateX(0);
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.hover-yHQNmTbI:before,
|
|
.button-2ioYhFEY.isInteractive-20uLObIc:active:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 2px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
background-color: #f0f3fa;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
|
|
border-radius: 2px;
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-2ioYhFEY.isInteractive-20uLObIc:hover:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 2px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
background-color: #f0f3fa;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
|
|
border-radius: 2px;
|
|
}
|
|
}
|
|
html.theme-dark .button-2ioYhFEY.isInteractive-20uLObIc.hover-yHQNmTbI:before,
|
|
html.theme-dark .button-2ioYhFEY.isInteractive-20uLObIc:active:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
html.theme-dark .button-2ioYhFEY.isInteractive-20uLObIc:hover:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
|
|
}
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO.hover-yHQNmTbI:before,
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO:active:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 2px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
background-color: #f0f3fa;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
|
|
border-radius: 2px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO:hover:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 2px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
background-color: #f0f3fa;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
|
|
border-radius: 2px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO.hover-yHQNmTbI:before,
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO:active:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isGrouped-2BBXQnbO:hover:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
|
|
}
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa {
|
|
color: #2196f3;
|
|
color: var(--tv-color-toolbar-button-text-active, #2196f3);
|
|
}
|
|
html.theme-sa .button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa {
|
|
color: #ff7200;
|
|
color: var(--tv-color-toolbar-button-text-active, #ff7200);
|
|
}
|
|
html.theme-dark .button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa {
|
|
color: #1976d2;
|
|
color: var(--tv-color-toolbar-button-text-active, #1976d2);
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa.hover-yHQNmTbI,
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa:active {
|
|
color: #1e88e5;
|
|
color: var(--tv-color-toolbar-button-text-active-hover, #1e88e5);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa:hover {
|
|
color: #1e88e5;
|
|
color: var(--tv-color-toolbar-button-text-active-hover, #1e88e5);
|
|
}
|
|
}
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa.hover-yHQNmTbI,
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa:active {
|
|
color: #1e88e5;
|
|
color: var(--tv-color-toolbar-button-text-active-hover, #1e88e5);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isActive-22S-lGpa:hover {
|
|
color: #1e88e5;
|
|
color: var(--tv-color-toolbar-button-text-active-hover, #1e88e5);
|
|
}
|
|
}
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9.hover-yHQNmTbI:before,
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9:active:before,
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
border-radius: 0;
|
|
background-color: #f0f3fa;
|
|
background-color: var(--tv-color-toolbar-button-background-expanded, #f0f3fa);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9:hover:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
border-radius: 0;
|
|
background-color: #f0f3fa;
|
|
background-color: var(
|
|
--tv-color-toolbar-button-background-expanded,
|
|
#f0f3fa
|
|
);
|
|
}
|
|
}
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9.hover-yHQNmTbI:before,
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9:active:before,
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(--tv-color-toolbar-button-background-expanded, #2a2e39);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
html.theme-dark
|
|
.button-2ioYhFEY.isInteractive-20uLObIc.isOpened-p-Ume5l9:hover:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(
|
|
--tv-color-toolbar-button-background-expanded,
|
|
#2a2e39
|
|
);
|
|
}
|
|
}
|
|
.button-2ioYhFEY.isDisabled-1_tmrLfP {
|
|
opacity: 0.3;
|
|
}
|
|
.button-2ioYhFEY.isDisabled-1_tmrLfP,
|
|
.button-2ioYhFEY.isDisabled-1_tmrLfP:active {
|
|
background-color: transparent;
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-2ioYhFEY.isDisabled-1_tmrLfP:hover {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
.button-2ioYhFEY.isDisabled-1_tmrLfP.isActive-22S-lGpa {
|
|
opacity: 1;
|
|
color: #2196f3;
|
|
color: var(--tv-color-toolbar-button-text-active, #2196f3);
|
|
}
|
|
html.theme-sa .button-2ioYhFEY.isDisabled-1_tmrLfP.isActive-22S-lGpa {
|
|
color: #ff7200;
|
|
color: var(--tv-color-toolbar-button-text-active, #ff7200);
|
|
}
|
|
html.theme-dark .button-2ioYhFEY.isDisabled-1_tmrLfP.isActive-22S-lGpa {
|
|
color: #1976d2;
|
|
color: var(--tv-color-toolbar-button-text-active, #1976d2);
|
|
}
|
|
.icon-beK_KS0k + .text-1sK7vbvh,
|
|
.text-1sK7vbvh + .icon-beK_KS0k {
|
|
margin-right: 2px;
|
|
}
|