.frameplayer{background:#ccc;position:relative}.frameplayer canvas{width:100%;height:100%}.frameplayer>.fp-ctrl{position:absolute;bottom:0;left:0;margin:0;z-index:1;opacity:.6;height:40px;background:#000}.fp-ctrl>.fp-btn{margin:10px 10px 0;float:left}.fp-ctrl>.fp-select{margin-top:10px;float:left;text-transform:capitalize}input.to-frame{width:20px;margin-right:6px}label.to-frame{margin:10px 10px 0;float:left}.frameplayer>.fp-loading{text-align:center;line-height:15;font-size:16px;font-family:Helvetica,Arial,sans-serif;position:absolute;top:0;left:0;width:100%;height:100%}.fp-grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.fp-sepia{-webkit-filter:sepia(100%);filter:sepia(100%)}.fp-invert{-webkit-filter:invert(100%);filter:invert(100%)}