/** opera://op-resources/css/filter.css **/
.filter,.filter.animated:hover,.filter.animated:focus,.filter.animated.active,.filter-active .filter.animated{-webkit-appearance: none; display: block; margin:0; border: none;
border-radius: 11px; padding: 1px; height: 22px; line-height: 16px; width: 180px;
background: linear-gradient(to bottom, hsl(0, 0%, 97%) 0, #fff 100%);
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, .0), inset 0 2px 3px hsla(0, 0%, 0%, .18), inset 0 0 0 1px hsla(0, 0%, 0%, 0.22);}
.filter::-webkit-search-results-decoration,.filter::-webkit-search-cancel-button{-webkit-appearance: none; width: 20px; height: 20px; background: url("opera://theme/IDR_INPUT_FILTER_MAGNIFIER_ICON") transparent no-repeat 50% 50%; margin: 0}
.filter::-webkit-search-cancel-button{background-image: url("opera://theme/IDR_INPUT_FILTER_CLEAR_ICON")}
.filter.animated{background-color: transparent; background-image: none; box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.22); width: 22px; transition: background-color 0.25s, box-shadow 0.25s, width 0.25s; float: right}
.filter:focus{outline: none}
.filter.animated:hover,.filter.animated:focus,.filter.animated.active{width: 180px}