8 input:not([type=submit]) {
9 @include peertube-input-text(340px);
10 display: inline-block;
16 @include peertube-button;
17 @include orange-button;
23 .forgot-password-instructions {
28 .modal-footer.inputs {
29 .action-button.action-button-cancel {
30 width: auto !important;
31 display: inline-block;
35 @media screen and (max-width: #{map-get($container-max-widths, sm)}) {
37 #forgot-password-email {
42 .modal-footer.inputs {
43 .action-button.action-button-cancel {
49 .create-an-account, .forgot-password-button {
50 color: pvar(--mainForegroundColor);
52 transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1);
55 text-decoration: none !important;
56 opacity: .7 !important;
60 .login-form-and-externals {
66 margin: 0 50px 20px 0;
69 .external-login-blocks {
73 font-weight: $font-semibold;
76 .external-login-block {
77 @include disable-default-a-behaviour;
80 border: 1px solid #d1d7e0;
82 color: pvar(--mainForegroundColor);
83 margin: 10px 10px 0 0;
85 justify-content: center;
91 background-color: rgba(209, 215, 224, 0.5)