/*------------------------------------*\
    #STYLEGUIDE STYLES
\*------------------------------------*/
/**
 * These styles are used only for styleguide page, not for production.
 */
/**
 * Styleguide container.
 */
.styleguide-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
}

/**
 * Styleguide block.
 */
.styleguide-block {
    border-bottom: 1px solid rgba(221, 220, 220, 0.5);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

    .styleguide-block a[name] {
        color: #89969f;
    }

        .styleguide-block a[name], .styleguide-block a[name]:hover {
            text-decoration: none;
        }