+ .icon {
+ &.icon-download {
+ background-image: url('#{$assets-path}/player/images/arrow-down.svg');
+ }
+
+ &.icon-upload {
+ background-image: url('#{$assets-path}/player/images/arrow-up.svg');
+ }
+ }
+ }
+
+ .vjs-next-video,
+ .vjs-previous-video {
+ line-height: $control-bar-height;
+ text-align: right;
+
+ .icon {
+ &.icon-next,
+ &.icon-previous {
+ mask-image: url('#{$assets-path}/player/images/next.svg');
+ -webkit-mask-image: url('#{$assets-path}/player/images/next.svg');
+
+ background-color: #fff;
+ mask-size: cover;
+ width: 11px;
+ height: 11px;
+ margin-top: -2px;
+ display: inline-block;
+ }
+
+ &.icon-previous {
+ transform: rotate(180deg);
+ }
+ }
+ }
+
+ .vjs-peertube {