Spring cleaning: Drop the -webkit css prefix where possible

app/internal_packages/composer/styles/composer.less

@@ -198,7 +198,7 @@ body.platform-win32 {
 
 .action-bar-cover-gen() {
   .action-bar-cover {
-    background-image: -webkit-linear-gradient(left, fade(@action-bar-bg, 0) 0%, @action-bar-bg 10%);
+    background-image: linear-gradient(to right, fade(@action-bar-bg, 0) 0%, @action-bar-bg 10%);
   }
 }
 

app/internal_packages/message-list/styles/message-list.less

@@ -107,7 +107,7 @@ body.platform-win32 {
   color: @text-color-subtle;
   margin-left: @spacing-standard;
   cursor: default;
-  -webkit-user-select: none;
+  user-select: none;
   .img-wrap {
     margin-right: @spacing-half;
     position: relative;
@@ -204,7 +204,7 @@ body.platform-win32 {
 
   .message-subject-wrap {
     margin: 5px auto 10px auto;
-    -webkit-user-select: text;
+    user-select: text;
     line-height: @font-size-large * 1.8;
     display: flex;
     align-items: center;
@@ -223,7 +223,7 @@ body.platform-win32 {
   .message-icons-wrap {
     flex-shrink: 0;
     cursor: pointer;
-    -webkit-user-select: none;
+    user-select: none;
     margin-left: auto;
     display: flex;
     align-items: center;

app/internal_packages/notifications/styles/notifications.less

@@ -87,7 +87,7 @@
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
-          
+
           .progress-label {
             color: @text-color-very-subtle;
             margin-left: 2px;
@@ -128,7 +128,7 @@
     background-color: #615396;
   }
   .notification-upgrade {
-    background-image: -webkit-linear-gradient(bottom, #429e91, #40b1ac);
+    background-image: linear-gradient(to top, #429e91, #40b1ac);
     img {
       background-color: @text-color-inverse;
     }
@@ -194,7 +194,7 @@
     }
 
     &.has-default-action:hover {
-      -webkit-filter: brightness(110%);
+      filter: brightness(110%);
       cursor: default;
     }
   }
@@ -204,7 +204,7 @@
   animation: blink 1s ease;
 }
 
-@-webkit-keyframes blink {
+@keyframes blink {
   0%,
   100% {
     box-shadow: none;
@@ -214,7 +214,7 @@
   }
 }
 
-@-webkit-keyframes border-pulse {
+@keyframes border-pulse {
   0%,
   100% {
     border-color: #00dd00;
@@ -224,7 +224,7 @@
   }
 }
 
-@-webkit-keyframes show-ellipsis {
+@keyframes show-ellipsis {
   0%,
   100% {
     opacity: 0;

app/internal_packages/onboarding/styles/onboarding.less

@@ -1,6 +1,6 @@
 @import 'onboarding-reset';
 
-@-webkit-keyframes fadein {
+@keyframes fadein {
   from {
     opacity: 0;
   }
@@ -112,7 +112,7 @@
 
     &.error {
       color: #a33;
-      -webkit-user-select: text;
+      user-select: text;
       a {
         color: #a33;
       }

app/internal_packages/personal-level-indicators/styles/main.less

@@ -14,7 +14,7 @@ div.personal-level-icon {
 .list-item.selected {
   div.personal-level-icon {
     img {
-      -webkit-filter: brightness(600%) grayscale(100%);
+      filter: brightness(600%) grayscale(100%);
     }
   }
 }

app/internal_packages/preferences/styles/preferences.less

@@ -77,7 +77,7 @@
 
         &:active {
           img {
-            -webkit-filter: brightness(40%);
+            filter: brightness(40%);
           }
         }
 
@@ -138,7 +138,7 @@
     width: 400px;
     margin: 0 auto;
 
-    input[type=radio] {
+    input[type='radio'] {
       vertical-align: middle;
     }
 
@@ -153,7 +153,7 @@
         }
       }
     }
-    
+
     .appearance-mode-switch {
       max-width: 400px;
       text-align: right;

app/internal_packages/print/static/print-styles.css

@@ -1,6 +1,6 @@
 body {
   overflow: auto !important;
-  -webkit-filter: none !important;
+  filter: none !important;
 }
 
 h1,

app/internal_packages/thread-list/styles/thread-list.less

@@ -24,7 +24,7 @@
   .thread-icon,
   .draft-icon,
   .mail-important-icon {
-    -webkit-filter: brightness(600%) grayscale(100%);
+    filter: brightness(600%) grayscale(100%);
   }
 
   .mail-label {
@@ -32,7 +32,7 @@
     // since the color of the label is detemined programatically.
     background: fade(@text-color-inverse, 20%) !important;
     box-shadow: none !important;
-    -webkit-filter: brightness(600%) grayscale(100%);
+    filter: brightness(600%) grayscale(100%);
   }
 }
 
@@ -373,8 +373,8 @@ body.platform-win32 {
 }
 
 .thread-list .list-item:hover .list-column-HoverActions .inner {
-  background-image: -webkit-linear-gradient(
-    left,
+  background-image: linear-gradient(
+    to right,
     fade(darken(@list-bg, 5%), 0%) 0%,
     darken(@list-bg, 5%) 50%,
     darken(@list-bg, 5%) 100%
@@ -382,8 +382,8 @@ body.platform-win32 {
 }
 
 .thread-list .list-item.selected:hover .list-column-HoverActions .inner {
-  background-image: -webkit-linear-gradient(
-    left,
+  background-image: linear-gradient(
+    to right,
     fade(@list-selected-bg, 0%) 0%,
     @list-selected-bg 50%,
     @list-selected-bg 100%
@@ -391,14 +391,14 @@ body.platform-win32 {
 }
 
 .thread-list .list-item.focused:hover .list-column-HoverActions .inner {
-  background-image: -webkit-linear-gradient(
-    left,
+  background-image: linear-gradient(
+    to right,
     fade(@list-focused-bg, 0%) 0%,
     @list-focused-bg 50%,
     @list-focused-bg 100%
   );
   .action {
-    -webkit-filter: invert(100%) brightness(300%);
+    filter: invert(100%) brightness(300%);
   }
   .action.action-archive {
     background: url(@archive-img) center no-repeat;
@@ -416,7 +416,7 @@ body.platform-win32 {
 .thread-list .thread-icon-star:hover {
   background-image: url(../static/images/thread-list/icon-star-@2x.png);
   background-size: 16px;
-  -webkit-filter: brightness(90%);
+  filter: brightness(90%);
 }
 .thread-list .list-item:hover .thread-icon-none:hover {
   background-image: url(../static/images/thread-list/icon-star-action-hover-@2x.png);
@@ -519,14 +519,14 @@ body.platform-win32 {
     }
   }
   .list-item.selected:hover .list-column-HoverActions .inner {
-    background-image: -webkit-linear-gradient(
-      left,
+    background-image: linear-gradient(
+      to right,
       fade(@list-focused-bg, 0%) 0%,
       @list-focused-bg 50%,
       @list-focused-bg 100%
     );
     .action {
-      -webkit-filter: invert(100%) brightness(300%);
+      filter: invert(100%) brightness(300%);
     }
     .action.action-archive {
       background: url(@archive-img) center no-repeat;

app/internal_packages/thread-sharing/styles/main.less

@@ -30,7 +30,7 @@
     padding-bottom: 0;
     input[type='text'] {
       cursor: default;
-      -webkit-user-select: all;
+      user-select: all;
     }
   }
 
@@ -41,7 +41,7 @@
   &.disabled {
     .share-input input[type='text'] {
       color: @text-color-very-subtle;
-      -webkit-user-select: none;
+      user-select: none;
     }
     button.btn {
       color: @text-color-very-subtle;

app/internal_packages/ui-dark/styles/email-frame.less

@@ -1,9 +1,9 @@
 .ignore-in-parent-frame {
   body {
-    -webkit-filter: invert(100%) hue-rotate(180deg);
+    filter: invert(100%) hue-rotate(180deg);
     color: #111;
   }
   img {
-    -webkit-filter: invert(100%) hue-rotate(180deg);
+    filter: invert(100%) hue-rotate(180deg);
   }
 }

app/internal_packages/ui-dark/styles/ui-variables.less

@@ -53,17 +53,17 @@
 }
 
 .thread-icon:not(.thread-icon-unread):not(.thread-icon-star) {
-  -webkit-filter: invert(100%);
+  filter: invert(100%);
 }
 img.content-dark {
-  -webkit-filter: invert(100%);
+  filter: invert(100%);
 }
 img.content-light {
-  -webkit-filter: invert(100%);
+  filter: invert(100%);
 }
 
 .mail-label {
-  -webkit-filter: contrast(110%) brightness(85%);
+  filter: contrast(110%) brightness(85%);
 }
 
 #message-list .message-item-wrap .message-item-white-wrap {

app/internal_packages/ui-darkside/styles/darkside-labels.less

@@ -7,5 +7,5 @@
   background: @accent !important;
   color: white !important;
   box-shadow: none !important;
-  -webkit-filter: none !important;
+  filter: none !important;
 }

app/internal_packages/ui-darkside/styles/darkside-thread-icons.less

@@ -10,10 +10,10 @@
 .thread-list.handler-split .list-item.selected .thread-icon,
 .thread-list.handler-split .list-item.selected .draft-icon,
 .thread-list.handler-split .list-item.selected .mail-important-icon {
-  -webkit-filter: none !important;
+  filter: none !important;
 }
 
-// Base settings for replacing backgrounds with -webkit-filters for easier color changes
+// Base settings for replacing backgrounds with filters for easier color changes
 .thread-list .thread-icon {
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 12px;
@@ -67,8 +67,8 @@
 .thread-list .list-item.focused:hover .list-column-HoverActions .inner,
 .thread-list .list-item.selected:hover .list-column-HoverActions .inner,
 .thread-list.handler-split .list-item.selected:hover .list-column-HoverActions .inner {
-  background-image: -webkit-linear-gradient(
-    left,
+  background-image: linear-gradient(
+    to right,
     fade(@messagelist-bg, 0%) 0%,
     @messagelist-bg 40%,
     @messagelist-bg 100%
@@ -77,7 +77,7 @@
 
 .thread-list .list-item.focused:hover .list-column-HoverActions .inner .action,
 .thread-list.handler-split .list-item.selected:hover .list-column-HoverActions .inner .action {
-  -webkit-filter: none;
+  filter: none;
 }
 
 .thread-list .list-item.focused:hover .list-column-HoverActions .inner .action.action-trash {

app/internal_packages/ui-less-is-more/styles/index.less

@@ -274,8 +274,8 @@ body.is-blurred .thread-list.handler-split .list-item.selected {
 // Remove gradient on thread list during quick action hover
 .thread-list .list-item.selected:hover .list-column-HoverActions .inner,
 .thread-list .list-item:hover .list-column-HoverActions .inner {
-  background-image: -webkit-linear-gradient(
-    left,
+  background-image: linear-gradient(
+    to right,
     fade(@less-highlight, 0%) 0%,
     @less-highlight 40%,
     @less-highlight 100%
@@ -311,7 +311,7 @@ body.is-blurred .thread-list.handler-split .list-item.selected {
 // Change default color of star to gray
 .thread-list .thread-icon.thread-icon-star,
 .draft-list .thread-icon.thread-icon-star {
-  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
 }
 
 //====================================================

app/internal_packages/ui-taiga/styles/threads.less

@@ -16,7 +16,7 @@
           darken(@taiga-lighter, 10%) 100%
         );
         .action {
-          -webkit-filter: none;
+          filter: none;
         }
         .thread-icon {
           &:not(.thread-icon-star) {
@@ -29,7 +29,7 @@
         .thread-icon,
         .mail-important-icon,
         .draft-icon {
-          -webkit-filter: none;
+          filter: none;
         }
       }
       &:hover {

app/internal_packages/ui-ubuntu/styles/ui-variables.less

@@ -19,8 +19,8 @@
     }
 
     .sheet-toolbar-container {
-      background-image: -webkit-linear-gradient(
-        top,
+      background-image: linear-gradient(
+        to bottom,
         lighten(@toolbar-background-color, 6%),
         darken(@toolbar-background-color, 5%)
       );
@@ -72,11 +72,11 @@
 body.is-blurred .sheet-container {
   .sheet-toolbar {
     .sheet-toolbar-container {
-      background-image: -webkit-linear-gradient(
-        top,
+      background-image: linear-gradient(
+        to bottom,
         darken(@toolbar-background-color, 5%),
         darken(@toolbar-background-color, 5%)
       );
     }
   }
-}
+}

app/spec/fixtures/paste/word-paste-in.html

@@ -329,7 +329,7 @@ input {
     background-color: white;
     border: 2px inset;
     -webkit-rtl-ordering: logical;
-    -webkit-user-select: text;
+    user-select: text;
     cursor: auto;
 }
 input[type="search" i] {
@@ -393,7 +393,7 @@ input::-webkit-inner-spin-button {
     cursor: default;
     flex: none;
     align-self: stretch;
-    -webkit-user-select: none;
+    user-select: none;
     -webkit-user-modify: read-only !important;
     opacity: 0;
     pointer-events: none;
@@ -413,7 +413,7 @@ textarea {
     background-color: white;
     border: 1px solid;
     -webkit-rtl-ordering: logical;
-    -webkit-user-select: text;
+    user-select: text;
     flex-direction: column;
     resize: auto;
     cursor: auto;
@@ -459,7 +459,7 @@ input[type="radio" i], input[type="checkbox" i] {
 }
 input[type="button" i], input[type="submit" i], input[type="reset" i] {
     -webkit-appearance: push-button;
-    -webkit-user-select: none;
+    user-select: none;
     white-space: pre
 }
 input[type="file" i]::-webkit-file-upload-button {
@@ -635,7 +635,7 @@ select:-internal-list-box {
     overflow-x: hidden;
     overflow-y: scroll;
     vertical-align: text-bottom;
-    -webkit-user-select: none;
+    user-select: none;
     white-space: nowrap;
 }
 optgroup {
@@ -1210,7 +1210,7 @@ w\:* {behavior:url(#default#VML);}
 
 <!--[if gte mso 10]>
 <style>
- /* Style Definitions */
+ /* Style Definitions */
 table.MsoNormalTable
 	{mso-style-name:"Table Normal";
 	mso-tstyle-rowband-size:0;

app/spec/fixtures/paste/word-paste-out.html

@@ -329,7 +329,7 @@ input {
     background-color: white;
     border: 2px inset;
     -webkit-rtl-ordering: logical;
-    -webkit-user-select: text;
+    user-select: text;
     cursor: auto;
 }
 input[type="search" i] {
@@ -393,7 +393,7 @@ input::-webkit-inner-spin-button {
     cursor: default;
     flex: none;
     align-self: stretch;
-    -webkit-user-select: none;
+    user-select: none;
     -webkit-user-modify: read-only !important;
     opacity: 0;
     pointer-events: none;
@@ -413,7 +413,7 @@ textarea {
     background-color: white;
     border: 1px solid;
     -webkit-rtl-ordering: logical;
-    -webkit-user-select: text;
+    user-select: text;
     flex-direction: column;
     resize: auto;
     cursor: auto;
@@ -459,7 +459,7 @@ input[type="radio" i], input[type="checkbox" i] {
 }
 input[type="button" i], input[type="submit" i], input[type="reset" i] {
     -webkit-appearance: push-button;
-    -webkit-user-select: none;
+    user-select: none;
     white-space: pre
 }
 input[type="file" i]::-webkit-file-upload-button {
@@ -635,7 +635,7 @@ select:-internal-list-box {
     overflow-x: hidden;
     overflow-y: scroll;
     vertical-align: text-bottom;
-    -webkit-user-select: none;
+    user-select: none;
     white-space: nowrap;
 }
 optgroup {
@@ -1210,7 +1210,7 @@ w\:* {behavior:url(#default#VML);}
 
 <!--[if gte mso 10]>
 <style>
- /* Style Definitions */
+ /* Style Definitions */
 table.MsoNormalTable
 	{mso-style-name:"Table Normal";
 	mso-tstyle-rowband-size:0;

app/src/chrome-user-agent-stylesheet-string.ts

@@ -324,7 +324,7 @@ input {
     background-color: white;
     border: 2px inset;
     -webkit-rtl-ordering: logical;
-    -webkit-user-select: text;
+    user-select: text;
     cursor: auto;
 }
 input[type="search" i] {
@@ -388,7 +388,7 @@ input::-webkit-inner-spin-button {
     cursor: default;
     flex: none;
     align-self: stretch;
-    -webkit-user-select: none;
+    user-select: none;
     -webkit-user-modify: read-only !important;
     opacity: 0;
     pointer-events: none;
@@ -408,7 +408,7 @@ textarea {
     background-color: white;
     border: 1px solid;
     -webkit-rtl-ordering: logical;
-    -webkit-user-select: text;
+    user-select: text;
     flex-direction: column;
     resize: auto;
     cursor: auto;
@@ -454,7 +454,7 @@ input[type="radio" i], input[type="checkbox" i] {
 }
 input[type="button" i], input[type="submit" i], input[type="reset" i] {
     -webkit-appearance: push-button;
-    -webkit-user-select: none;
+    user-select: none;
     white-space: pre
 }
 input[type="file" i]::-webkit-file-upload-button {
@@ -630,7 +630,7 @@ select:-internal-list-box {
     overflow-x: hidden;
     overflow-y: scroll;
     vertical-align: text-bottom;
-    -webkit-user-select: none;
+    user-select: none;
     white-space: nowrap;
 }
 optgroup {

app/src/quickpreview/pdfjs-2.0.943/web/viewer.css

@@ -70,7 +70,7 @@
   bottom: 0px;
   z-index: -1;
   cursor: default;
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -447,7 +447,7 @@ select {
   height: 100%;
   overflow: hidden;
   cursor: none;
-  -webkit-user-select: none;
+  user-select: none;
           user-select: none;
 }
 
@@ -483,7 +483,7 @@ select {
   height: 100%;
   overflow: hidden;
   cursor: none;
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -565,7 +565,7 @@ html[dir='rtl'] #sidebarContainer {
   /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
   transition-duration: 0s;
   /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -736,7 +736,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
   transition: width 200ms;
 }
 
-@-webkit-keyframes progressIndeterminate {
+@keyframes progressIndeterminate {
   0% { left: -142px; }
   100% { left: 0; }
 }
@@ -803,7 +803,7 @@ html[dir='rtl'] .findbar {
 }
 
 .findbar label {
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -1088,7 +1088,7 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
   color: hsla(0,0%,100%,.8);
   font-size: 12px;
   line-height: 14px;
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -1552,7 +1552,7 @@ html[dir='rtl'] .verticalToolbarSeparator {
   font-size: 12px;
   line-height: 14px;
   text-align: left;
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -1645,7 +1645,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
   bottom: 0;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -1681,7 +1681,7 @@ html[dir='rtl'] .outlineItem > .outlineItems {
   color: hsla(0,0%,100%,.8);
   font-size: 13px;
   line-height: 15px;
-  -webkit-user-select: none;
+  user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;

app/static/components/attachment-items.less

@@ -207,7 +207,7 @@ body.platform-win32 {
   }
   .file-action-icon:active {
     background: none;
-    -webkit-filter: brightness(95%);
+    filter: brightness(95%);
   }
 
   &:hover {

app/static/components/extra.less

@@ -49,7 +49,7 @@ body.platform-win32 {
   display: inline-block;
   cursor: default;
   line-height: 22px;
-  -webkit-user-select: none;
+  user-select: none;
 
   &:last-child {
     margin-right: 0;
@@ -101,5 +101,5 @@ body.platform-win32 {
 .mail-important-icon.enabled.active:hover {
   background-image: url(../static/images/important/Icon-Important-Active@2x.png);
   background-size: 16px;
-  -webkit-filter: brightness(90%);
+  filter: brightness(90%);
 }

app/static/components/tutorial-overlay.less

@@ -64,7 +64,7 @@ tutorial-tip-background.visible {
   animation-delay: 1s;
 }
 
-@-webkit-keyframes sonarEffect {
+@keyframes sonarEffect {
   0% {
     opacity: 0;
   }

app/static/components/unsafe.less

@@ -1,21 +1,21 @@
-@import "ui-variables";
+@import 'ui-variables';
 
 .unsafe-component-exception {
   padding: @padding-base-vertical @padding-base-horizontal;
 
   background-color: rgba(255, 0, 0, 0.1);
-  color: rgba(160,50,50, 1);
+  color: rgba(160, 50, 50, 1);
 
   .message {
     font-weight: @font-weight-semi-bold;
-    -webkit-user-select:text;
+    user-select: text;
   }
   .trace {
-    font-size:0.9em;
-    white-space:pre;
-    max-height:100px;
-    overflow:hidden;
+    font-size: 0.9em;
+    white-space: pre;
+    max-height: 100px;
+    overflow: hidden;
     text-overflow: ellipsis;
-    -webkit-user-select:text;
+    user-select: text;
   }
 }

app/static/db-migration.html

@@ -39,7 +39,7 @@
           -webkit-animation-delay: 1.15s;
                   animation-delay: 1.15s; }
 
-    @-webkit-keyframes indeterminate {
+    @keyframes indeterminate {
       0% {
         left: -35%;
         right: 100%; }
@@ -59,7 +59,7 @@
       100% {
         left: 100%;
         right: -90%; } }
-    @-webkit-keyframes indeterminate-short {
+    @keyframes indeterminate-short {
       0% {
         left: -200%;
         right: 100%; }

app/static/db-vacuum.html

@@ -39,7 +39,7 @@
           -webkit-animation-delay: 1.15s;
                   animation-delay: 1.15s; }
 
-    @-webkit-keyframes indeterminate {
+    @keyframes indeterminate {
       0% {
         left: -35%;
         right: 100%; }
@@ -59,7 +59,7 @@
       100% {
         left: 100%;
         right: -90%; } }
-    @-webkit-keyframes indeterminate-short {
+    @keyframes indeterminate-short {
       0% {
         left: -200%;
         right: 100%; }

app/static/jasmine.less

@@ -146,7 +146,7 @@ body {
     font-weight: bold;
     color: #d9534f;
     padding: 5px 0 5px 0;
-    -webkit-user-select: text;
+    user-select: text;
     user-select: text;
   }
 

app/static/selection.less

@@ -1,21 +1,21 @@
 * {
-  -webkit-user-select: inherit;
+  user-select: inherit;
   user-select: inherit;
 }
 body {
-  -webkit-user-select: none;
+  user-select: none;
   user-select: none;
 }
 input,
 textarea,
 div[contenteditable] {
-  -webkit-user-select: auto;
+  user-select: auto;
   user-select: auto;
 }
 .selectable {
   &:hover {
     cursor: text;
   }
-  -webkit-user-select: auto;
+  user-select: auto;
   user-select: auto;
 }

app/static/workspace.less

@@ -132,8 +132,8 @@ body.is-blurred {
     }
   }
   .sheet-toolbar-container {
-    background-image: -webkit-linear-gradient(
-      top,
+    background-image: linear-gradient(
+      to bottom,
       lighten(@toolbar-background-color, 14%),
       lighten(@toolbar-background-color, 14%)
     );
@@ -380,7 +380,7 @@ body.is-blurred {
     white-space: nowrap;
     z-index: 100;
     -webkit-transform: translate(-50%, -50%);
-    -webkit-user-select: text;
+    user-select: text;
   }
   &:hover {
     border: 1px dashed rgba(255, 0, 0, 1);