// Copyright (C) 2017-2023 Smart code 203358507

@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
@import (reference) '~stremio/common/screen-sizes.less';

:import('~stremio/components/ModalDialog/styles.less') {
    password-reset-modal-content: modal-dialog-content;
    cancel-button-label: label;
}

.password-reset-modal-container {
    .password-reset-modal-content {
        width: 30rem;

        .credentials-text-input {
            width: 100%;
            padding: 1rem;
            border-radius: var(--border-radius);
            outline-offset: calc(-1 * var(--focus-outline-size));
            color: var(--primary-foreground-color);
            background: var(--overlay-color);
            
            &:hover, &:focus {
                outline: var(--focus-outline-size) solid var(--overlay-color);
            }
        }
    }

    .error-message {
        font-size: 1.1rem;
        margin-top: 2rem;
        text-align: center;
        color: @color-accent5-90;
    }

    .cancel-button {
        background-color: transparent;

        &:hover, &:focus {
            outline-color: var(--primary-foreground-color);
        }

        .cancel-button-label {
            color: var(--primary-foreground-color);
        }
    }
}

@media only screen and (max-width: @minimum) {
    .password-reset-modal-container {
        .password-reset-modal-content {
            width: auto;
        }
    }
}