/*
 * 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;
}