5 @include peertube-input-text($search-input-width);
8 padding-right: 40px; // For the search icon
12 color: var(--inputPlaceholderColor);
15 &:focus::placeholder {
16 opacity: 0 !important;
19 @media screen and (max-width: 800px) {
20 width: calc(100% - 150px);
23 @media screen and (max-width: 600px) {
24 width: calc(100% - 70px);
32 background-color: var(--mainForegroundColor);
33 mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%;
42 @include peertube-button-link;
43 @include orange-button;
44 @include button-with-icon(22px, 3px, -1px);
48 @media screen and (max-width: 800px) {
52 @media screen and (max-width: 600px) {
60 .upload-button-label {