150 lines
4.1 KiB
CSS
150 lines
4.1 KiB
CSS
.button-13wlLwhJ {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
align-items: center;
|
|
height: 100%;
|
|
cursor: default;
|
|
color: #131722;
|
|
color: var(--tv-color-toolbar-button-text, #131722);
|
|
position: relative;
|
|
z-index: 0;
|
|
transition: background-color 0.35s ease, color 60ms ease;
|
|
}
|
|
html.theme-dark .button-13wlLwhJ {
|
|
color: #787b86;
|
|
color: var(--tv-color-toolbar-button-text, #787b86);
|
|
}
|
|
.button-13wlLwhJ.hover-3L87f6Kw,
|
|
.button-13wlLwhJ:active {
|
|
color: #000;
|
|
color: var(--tv-color-toolbar-button-text-hover, #000);
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-13wlLwhJ:hover {
|
|
color: #000;
|
|
color: var(--tv-color-toolbar-button-text-hover, #000);
|
|
}
|
|
}
|
|
html.theme-dark .button-13wlLwhJ.hover-3L87f6Kw,
|
|
html.theme-dark .button-13wlLwhJ: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-13wlLwhJ:hover {
|
|
color: #868993;
|
|
color: var(--tv-color-toolbar-button-text-hover, #868993);
|
|
}
|
|
}
|
|
.button-13wlLwhJ.hover-3L87f6Kw:before,
|
|
.button-13wlLwhJ:active:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 2px;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
left: 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-13wlLwhJ:hover:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 2px;
|
|
right: 2px;
|
|
bottom: 2px;
|
|
left: 2px;
|
|
background-color: #f0f3fa;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #f0f3fa);
|
|
border-radius: 2px;
|
|
}
|
|
}
|
|
html.theme-dark .button-13wlLwhJ.hover-3L87f6Kw:before,
|
|
html.theme-dark .button-13wlLwhJ: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-13wlLwhJ:hover:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(--tv-color-toolbar-button-background-hover, #2a2e39);
|
|
}
|
|
}
|
|
.button-13wlLwhJ svg {
|
|
display: block;
|
|
}
|
|
.button-13wlLwhJ .arrow-2pXEy7ej {
|
|
display: flex;
|
|
contain: content;
|
|
align-items: center;
|
|
height: 100%;
|
|
}
|
|
.button-13wlLwhJ .arrowWrap-r5l5nQXU {
|
|
margin: 0 6px;
|
|
transition: transform 0.35s ease;
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-13wlLwhJ:hover .arrowWrap-r5l5nQXU {
|
|
transform: translateY(2px);
|
|
}
|
|
}
|
|
.button-13wlLwhJ.isOpened-1939ai3F.hover-3L87f6Kw:before,
|
|
.button-13wlLwhJ.isOpened-1939ai3F:active:before,
|
|
.button-13wlLwhJ.isOpened-1939ai3F:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 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-13wlLwhJ.isOpened-1939ai3F:hover:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
border-radius: 0;
|
|
background-color: #f0f3fa;
|
|
background-color: var(
|
|
--tv-color-toolbar-button-background-expanded,
|
|
#f0f3fa
|
|
);
|
|
}
|
|
}
|
|
html.theme-dark .button-13wlLwhJ.isOpened-1939ai3F.hover-3L87f6Kw:before,
|
|
html.theme-dark .button-13wlLwhJ.isOpened-1939ai3F:active:before,
|
|
html.theme-dark .button-13wlLwhJ.isOpened-1939ai3F: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-13wlLwhJ.isOpened-1939ai3F:hover:before {
|
|
background-color: #2a2e39;
|
|
background-color: var(
|
|
--tv-color-toolbar-button-background-expanded,
|
|
#2a2e39
|
|
);
|
|
}
|
|
}
|
|
@media (any-hover: hover), (min--moz-device-pixel-ratio: 0) {
|
|
.button-13wlLwhJ.isOpened-1939ai3F:hover .arrowWrap-r5l5nQXU {
|
|
transform: none;
|
|
}
|
|
}
|