/* Share24 - Share plain text contents for 24 hours */
/* Copyright (C) 2025  Alessio Vanni */

/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU Affero General Public License as published by */
/* the Free Software Foundation, either version 3 of the License, or */
/* (at your option) any later version. */

/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the */
/* GNU Affero General Public License for more details. */

/* You should have received a copy of the GNU Affero General Public License */
/* along with this program.  If not, see <https://www.gnu.org/licenses/>. */

pow-form {
    margin: 1em 15% 1em 15%;
}

.pow-form-submit-button {
    margin-top: 0.5em;
}

.pow-form-validating-message {
    margin-top: 0.5em;
}

.new-share-contents-container textarea {
    display: block;
    resize: none;
    padding: 1em;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    border: none;
    color: var(--color);
    background-color: var(--textarea-background-color);
}

x-tabbed-head > x-tab {
    display: block;
    background-color: var(--inactive-background-color);
}

x-tabbed-head > x-tab.selected {
    background-color: var(--textarea-background-color);
}

x-tabbed > x-tabbed-head > x-tab:hover,
x-tabbed > x-tabbed-head > x-tab:focus,
x-tabbed > x-tabbed-head > x-tab:active {
    background-color: var(--tab-background-color-hover);
}

.new-share-error-message {
    display: block;
    margin: 1em 0;
    padding: 1em;
    font-weight: bold;
    color: var(--error-color);
    background-color: var(--error-background-color);
}

.pow-form-submit-button {
    appearance: none;
    -moz-appearance: none;
    padding: 0.5em 1em;
    color: var(--button-color);
    background-color: var(--button-background-color);
    border: none;
}

.pow-form-submit-button:hover, .pow-form-submit-button:focus {
    background-color: var(--button-background-color-hover);
}

footer {
    margin: 1em 15% 1em 15%;
}

footer a {
    font-weight: bold;
    text-decoration: none;
    color: var(--anchor-color);
}