.vue-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.vue-checkbox:before{content:attr(title);padding:0 10px;height:36px;line-height:36px;background-color:#c2c2c2;color:#fff;border-width:1px 0 1px 1px;border-style:solid;border-color:#c2c2c2;border-top-left-radius:6px;border-bottom-left-radius:6px;display:inline-block;cursor:pointer;vertical-align:middle}.vue-checkbox:checked:before{background-color:#2c97de;border-color:#2c97de}.vue-checkbox:after{content:"";background-color:#fff;border:1px solid #c2c2c2;border-top-right-radius:6px;border-bottom-right-radius:6px;width:38px;height:36px;display:inline-block;cursor:pointer;vertical-align:middle}.vue-checkbox:checked:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmM5N2RlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTUgOGwyIDIgNC00Ii8+PC9zdmc+");background-size:38px 34px;background-repeat:no-repeat;border-color:#2c97de}select.vue-select{padding:10px 30px 10px 10px;border:1px solid #2c97de;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzJDOTdERSIgZD0iTS45IDUuNWwyLjItMi4xTDggOC4zbDQuOS00LjkgMi4yIDIuMUw4IDEyLjZ6Ii8+PC9zdmc+") calc(100% - 10px) 50% no-repeat #fff;cursor:pointer;vertical-align:middle}.screen-recording{margin:100px auto;width:60vw}.screen-recording .video{width:100%;height:50vh}.screen-recording .rec{position:absolute;background:red;color:#fff;padding:0 4px}