/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ @import url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.11.3/build/css/intlTelInput.css"); /*@import "https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.css";*/ /*div[drawer-backdrop] { z-index: 1004; }*/ img { color: transparent; /* Makes the text transparent */ font-size: 0; /* Makes the text size zero */ } /* Notification bell swing animation */ @keyframes bell-swing { 0%, 100% { transform: rotate(0deg); } 15% { transform: rotate(12deg); } 30% { transform: rotate(-10deg); } 45% { transform: rotate(6deg); } 60% { transform: rotate(-4deg); } 75% { transform: rotate(2deg); } } .animate-bell { animation: bell-swing 2s ease-in-out infinite; transform-origin: top center; } /* Turbo Progress Bar - Use brand color */ .turbo-progress-bar { background-color: var(--color-brand) !important; height: 3px; } /* V3 layout: filter bars use sticky top-16 (designed for v1/v2 fixed navbar). In v3, the scroll container already starts below the navbar, so reset to 0. */ body[data-layout="v3"] .sticky.top-16 { top: 0; } /* V3 sidebar: HubSpot-style square icon tiles when collapsed. Targets ONLY the top-level nav item links/buttons (direct children of the scroll area's