# -webkit-appearance

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-appearance

## button
```css
.selector {
  composes: button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: button from 'hydrogencss/-webkit-appearance/button.css'
}
```

## button-bevel
```css
.selector {
  composes: button-bevel from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: button-bevel from 'hydrogencss/-webkit-appearance/button-bevel.css'
}
```

## caps-lock-indicator
```css
.selector {
  composes: caps-lock-indicator from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: caps-lock-indicator from 'hydrogencss/-webkit-appearance/caps-lock-indicator.css'
}
```

## caret
```css
.selector {
  composes: caret from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: caret from 'hydrogencss/-webkit-appearance/caret.css'
}
```

## checkbox
```css
.selector {
  composes: checkbox from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: checkbox from 'hydrogencss/-webkit-appearance/checkbox.css'
}
```

## default-button
```css
.selector {
  composes: default-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: default-button from 'hydrogencss/-webkit-appearance/default-button.css'
}
```

## listbox
```css
.selector {
  composes: listbox from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: listbox from 'hydrogencss/-webkit-appearance/listbox.css'
}
```

## listitem
```css
.selector {
  composes: listitem from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: listitem from 'hydrogencss/-webkit-appearance/listitem.css'
}
```

## media-fullscreen-button
```css
.selector {
  composes: media-fullscreen-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-fullscreen-button from 'hydrogencss/-webkit-appearance/media-fullscreen-button.css'
}
```

## media-mute-button
```css
.selector {
  composes: media-mute-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-mute-button from 'hydrogencss/-webkit-appearance/media-mute-button.css'
}
```

## media-play-button
```css
.selector {
  composes: media-play-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-play-button from 'hydrogencss/-webkit-appearance/media-play-button.css'
}
```

## media-seek-back-button
```css
.selector {
  composes: media-seek-back-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-seek-back-button from 'hydrogencss/-webkit-appearance/media-seek-back-button.css'
}
```

## media-seek-forward-button
```css
.selector {
  composes: media-seek-forward-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-seek-forward-button from 'hydrogencss/-webkit-appearance/media-seek-forward-button.css'
}
```

## media-slider
```css
.selector {
  composes: media-slider from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-slider from 'hydrogencss/-webkit-appearance/media-slider.css'
}
```

## media-sliderthumb
```css
.selector {
  composes: media-sliderthumb from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: media-sliderthumb from 'hydrogencss/-webkit-appearance/media-sliderthumb.css'
}
```

## menulist
```css
.selector {
  composes: menulist from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: menulist from 'hydrogencss/-webkit-appearance/menulist.css'
}
```

## menulist-button
```css
.selector {
  composes: menulist-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: menulist-button from 'hydrogencss/-webkit-appearance/menulist-button.css'
}
```

## menulist-text
```css
.selector {
  composes: menulist-text from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: menulist-text from 'hydrogencss/-webkit-appearance/menulist-text.css'
}
```

## menulist-textfield
```css
.selector {
  composes: menulist-textfield from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: menulist-textfield from 'hydrogencss/-webkit-appearance/menulist-textfield.css'
}
```

## none
```css
.selector {
  composes: none from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: none from 'hydrogencss/-webkit-appearance/none.css'
}
```

## push-button
```css
.selector {
  composes: push-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: push-button from 'hydrogencss/-webkit-appearance/push-button.css'
}
```

## radio
```css
.selector {
  composes: radio from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: radio from 'hydrogencss/-webkit-appearance/radio.css'
}
```

## scrollbarbutton-down
```css
.selector {
  composes: scrollbarbutton-down from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbarbutton-down from 'hydrogencss/-webkit-appearance/scrollbarbutton-down.css'
}
```

## scrollbarbutton-left
```css
.selector {
  composes: scrollbarbutton-left from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbarbutton-left from 'hydrogencss/-webkit-appearance/scrollbarbutton-left.css'
}
```

## scrollbarbutton-right
```css
.selector {
  composes: scrollbarbutton-right from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbarbutton-right from 'hydrogencss/-webkit-appearance/scrollbarbutton-right.css'
}
```

## scrollbarbutton-up
```css
.selector {
  composes: scrollbarbutton-up from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbarbutton-up from 'hydrogencss/-webkit-appearance/scrollbarbutton-up.css'
}
```

## scrollbargripper-horizontal
```css
.selector {
  composes: scrollbargripper-horizontal from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbargripper-horizontal from 'hydrogencss/-webkit-appearance/scrollbargripper-horizontal.css'
}
```

## scrollbargripper-vertical
```css
.selector {
  composes: scrollbargripper-vertical from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbargripper-vertical from 'hydrogencss/-webkit-appearance/scrollbargripper-vertical.css'
}
```

## scrollbarthumb-horizontal
```css
.selector {
  composes: scrollbarthumb-horizontal from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbarthumb-horizontal from 'hydrogencss/-webkit-appearance/scrollbarthumb-horizontal.css'
}
```

## scrollbarthumb-vertical
```css
.selector {
  composes: scrollbarthumb-vertical from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbarthumb-vertical from 'hydrogencss/-webkit-appearance/scrollbarthumb-vertical.css'
}
```

## scrollbartrack-horizontal
```css
.selector {
  composes: scrollbartrack-horizontal from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbartrack-horizontal from 'hydrogencss/-webkit-appearance/scrollbartrack-horizontal.css'
}
```

## scrollbartrack-vertical
```css
.selector {
  composes: scrollbartrack-vertical from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: scrollbartrack-vertical from 'hydrogencss/-webkit-appearance/scrollbartrack-vertical.css'
}
```

## searchfield
```css
.selector {
  composes: searchfield from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: searchfield from 'hydrogencss/-webkit-appearance/searchfield.css'
}
```

## searchfield-cancel-button
```css
.selector {
  composes: searchfield-cancel-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: searchfield-cancel-button from 'hydrogencss/-webkit-appearance/searchfield-cancel-button.css'
}
```

## searchfield-decoration
```css
.selector {
  composes: searchfield-decoration from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: searchfield-decoration from 'hydrogencss/-webkit-appearance/searchfield-decoration.css'
}
```

## searchfield-results-button
```css
.selector {
  composes: searchfield-results-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: searchfield-results-button from 'hydrogencss/-webkit-appearance/searchfield-results-button.css'
}
```

## searchfield-results-decoration
```css
.selector {
  composes: searchfield-results-decoration from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: searchfield-results-decoration from 'hydrogencss/-webkit-appearance/searchfield-results-decoration.css'
}
```

## slider-horizontal
```css
.selector {
  composes: slider-horizontal from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: slider-horizontal from 'hydrogencss/-webkit-appearance/slider-horizontal.css'
}
```

## slider-vertical
```css
.selector {
  composes: slider-vertical from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: slider-vertical from 'hydrogencss/-webkit-appearance/slider-vertical.css'
}
```

## sliderthumb-horizontal
```css
.selector {
  composes: sliderthumb-horizontal from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: sliderthumb-horizontal from 'hydrogencss/-webkit-appearance/sliderthumb-horizontal.css'
}
```

## sliderthumb-vertical
```css
.selector {
  composes: sliderthumb-vertical from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: sliderthumb-vertical from 'hydrogencss/-webkit-appearance/sliderthumb-vertical.css'
}
```

## square-button
```css
.selector {
  composes: square-button from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: square-button from 'hydrogencss/-webkit-appearance/square-button.css'
}
```

## textarea
```css
.selector {
  composes: textarea from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: textarea from 'hydrogencss/-webkit-appearance/textarea.css'
}
```

## textfield
```css
.selector {
  composes: textfield from 'hydrogencss/-webkit-appearance.css'
}
```

or:
```css
.selector {
  composes: textfield from 'hydrogencss/-webkit-appearance/textfield.css'
}
```