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