/*
 * App-wide styles that sit outside Tailwind. Brand tokens and components live in
 * app/assets/tailwind/application.css.
 */

.input.active {
    background-color: rgba(76, 187, 207, 0.06);
    border-color: rgba(76, 187, 207, 0.7);
    box-shadow: 0 0 0 4px rgba(76, 187, 207, 0.15);
}

.parent-active svg path,
.parent-active svg circle,
.parent-active svg ellipse {
    fill: #4CBBCF;
}

.sidebar-nav::-webkit-scrollbar {
    display: none;
}

.sidebar-nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/*
 * Rich text written in the editor (.rich-copy), styled the same in the editor
 * as on the page it ends up on. These sit outside Tailwind because Trix's own
 * stylesheet resets the spacing of everything inside rich text.
 */
body .rich-copy { color: #d9d6e6; font-size: 1.0625rem; line-height: 1.7; }
body .rich-copy h1 { margin: 1.4em 0 0.5em; font-size: 1.6rem; line-height: 1.25; font-weight: 800; color: #fff; }
body .rich-copy > .trix-content > :first-child, body trix-editor.rich-copy > :first-child { margin-top: 0; }
body .rich-copy strong { color: #fff; font-weight: 700; }
body .rich-copy a { color: #4cbbcf; text-decoration: underline; text-underline-offset: 3px; }
body .rich-copy a:hover { color: #fff; }
body .rich-copy ul, body .rich-copy ol { margin: 0.75em 0; padding-left: 1.5em; }
body .rich-copy ul { list-style: disc; }
body .rich-copy ol { list-style: decimal; }
body .rich-copy li { margin: 0.3em 0; }
body .rich-copy blockquote { margin: 1em 0; border-left: 3px solid rgba(76, 187, 207, 0.6); padding-left: 1em; color: #a09ab6; }
body .rich-copy pre { margin: 1em 0; border-radius: 12px; background: rgba(255, 255, 255, 0.06); padding: 1em; font-size: 0.9em; color: #d9d6e6; }
body .rich-copy img { border-radius: 12px; }
body .rich-copy .attachment__caption { color: #a09ab6; }