+ transition: background-color .1s ease-in-out;
+ white-space: normal;
+ word-break: break-word;
+ padding-right: 20px;
+
+ &.active {
+ background-color: rgba(255, 255, 255, 0.15);
+ }
+
+ &:hover, &.focus-visible {
+ background-color: rgba(255, 255, 255, 0.10);
+ }
+
+ my-global-icon {
+ @include apply-svg-color(#808080);
+
+ display: flex;
+ width: 22px;
+ height: 22px;
+ margin-right: 18px;
+
+ &[iconName="playlists"] {
+ height: 24px;
+ width: 24px;
+
+ margin-right: 16px;
+ }
+
+ &[iconName="videos"] {
+ position: relative;
+ right: -1px;
+ }
+ }