@rhds/elements/elements/rh-audio-player/rh-audio-player-button.css.js

Red Hat Design System Elements

import { css } from 'lit';
export default css`:host{--_button-size:40px;--_svg-size:var(--rh-size-icon-03, 32px);--_outline:var(--rh-border-width-md, 2px) solid var(--rh-color-border-interactive-on-light, #0066cc)}#container.dark{--_outline:var(--rh-border-width-md, 2px) solid var(--rh-color-border-interactive-on-dark, #92c5f9)}rh-tooltip{display:flex;height:var(--_button-size);width:var(--_button-size);margin-inline-start:var(--_icon-margin);margin-inline-end:var(--_icon-margin);--_icon-margin:calc(var(--_icon-gap) / 2 - var(--_icon-padding));--_icon-padding:calc((var(--_button-size) - var(--_svg-size)) / 2)}button{border:none;background:0 0;height:var(--_button-size,40px);min-width:var(--_button-size,40px);padding:0}rh-tooltip *{outline:0}button:focus,select:focus{outline:var(--_outline)}svg{fill:var(--_text-color);height:var(--_svg-size);width:var(--_svg-size);padding:var(--_icon-padding)}button[disabled],select[disabled]{filter:grayscale(1);opacity:.5;cursor:not-allowed;border:none}`;