1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129
|
/* Copyright 2025 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
/* #css_wrapper_metadata_start
* #type=style-lit
* #import=//resources/cr_elements/cr_icons_lit.css.js
* #import=//resources/cr_elements/cr_shared_vars.css.js
* #import=//resources/cr_elements/md_select_lit.css.js
* #import=./toolbar_styles_shared.css.js
* #include=toolbar-styles-shared md-select-lit cr-icons-lit
* #scheme=relative
* #css_wrapper_metadata_end */
#play-pause {
--cr-icon-button-icon-size: 20px;
--cr-icon-button-fill-color: var(--color-sys-primary);
--cr-icon-button-size: 28px;
color: var(--color-side-panel-entry-icon);
}
@media (forced-colors: active) {
#play-pause {
--cr-icon-button-fill-color: CanvasText;
}
}
.audio-background-when-active-false {
--audio-controls-background: transparent;
--audio-controls-right-margin: 2px;
--audio-controls-right-padding: 0px;
}
.audio-background-when-active-true {
--audio-controls-background: var(--color-sys-tonal-container);
--audio-controls-right-margin: 6px;
--audio-controls-right-padding: 4px;
}
#audio-controls {
background: var(--audio-controls-background);
border-radius: 18px;
display: flex;
flex-direction: row;
align-items: center;
height: fit-content;
margin-inline-end: var(--audio-controls-right-margin);
padding: 4px var(--audio-controls-right-padding) 4px 4px;
}
.audio-controls {
margin: 0px;
}
.granularity-container-when-active-true {
display: flex;
flex-direction: row;
align-items: center;
}
.granularity-container-when-active-false {
display: none;
}
#font-size-decrease {
margin-inline-start: 12px;
}
#font-size-reset {
margin-inline-end: 4px;
}
.text-button {
border: none;
font-size: 13px;
}
.check-mark-hidden-true {
visibility: hidden;
}
.check-mark-hidden-false {
visibility: visible;
}
.toolbar-container {
display: flex;
flex-direction: row;
align-items: center;
overflow: visible;
padding: 6px 8px;
flex-wrap: var(--toolbar-flex-wrap);
}
#more {
display: none;
}
.separator {
border: 1px solid var(--color-side-panel-divider);
display: inline;
height: 20px;
margin: 6px 8px;
width: 0px;
}
.spinner {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.md-select {
--md-select-text-color: var(--cr-primary-text-color);
--md-select-width: fit-content;
margin: 4px 8px 4px 0px;
}
.md-select option {
--md-select-option-bg-color: var(--color-sys-base-container-elevated);
}
.more-options-icon {
margin: 8px 6px;
}
#more-options-menu-dialog::part(dialog) {
min-width: 92px;
}
|