/*
 * This file is part of the UX SDC Bundle
 *
 * (c) Jozef Môstka <https://github.com/tito10047/ux-sdc>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

@layer components {
    .form-title {
        border-bottom: 1px dashed rgba(0, 0, 0, .25);
        padding-bottom: .75rem;
        margin-bottom: 1rem;

        & .form-title__title {
            font-family: var(--font-typewriter, 'Courier New', Courier, monospace);
            letter-spacing: 1px;
            text-transform: uppercase;
            font-weight: 700;
        }

        & .form-title__subtitle {
            opacity: .75;
            font-size: .95rem;
        }
    }
}