Hugging Face's logo

Spaces:
masoudmarandi
/
clinicalflow
Running

App Files Community
clinicalflow
File size: 2,728 Bytes 
226d3a5
8627915
 
307efc6
8627915
307efc6
 
2611ab6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8627915
 
 
307efc6
 
8627915
 
 
 
 
 
 
307efc6
 
8627915
 
 
 
 
 
 
 
307efc6
 
8627915
 
 
 
 
 
 
307efc6
8627915
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
226d3a5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
 

/* Custom Styles for Visual Mockups and Components */

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Modal Input Styles with Icons */
.modal-body input[type="text"],
.modal-body input[type="email"] {
    transition: all 0.2s ease;
}

.modal-body input[type="text"]:focus,
.modal-body input[type="email"]:focus {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

.modal-body input[type="text"]:hover,
.modal-body input[type="email"]:hover {
    border-color: #94a3b8;
}

/* Checkbox icons styling */
input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Pipeline Animation Mockup 1 */
.pipeline-step {
    transition: all 0.3s ease;
}
.pipeline-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Before/After Blur Effect Mockup 2 */
.blur-sm {
    filter: blur(4px);
    user-select: none;
    transition: filter 0.3s ease;
}
.blur-sm:hover {
    filter: blur(0);
}

/* Custom Scrollbar for Horizontal sections */
.overflow-x-auto::-webkit-scrollbar {
    height: 8px;
}
.overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Code Block Styling */
pre {
    font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
}

/* Checkbox Styling for Mockup 4 */
input[type="checkbox"]:checked {
    background-color: #0d9488; /* teal-600 */
    border-color: #0d9488;
}

/* Feature Card Hover */
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

/* Architecture Diagram Lines (CSS Only fallback) */
@media (min-width: 768px) {
    .relative-z-10 {
        z-index: 10;
    }
}

/* FAQ Accordion Styles */
.faq-item {
    transition: all 0.2s ease;
}

.faq-trigger {
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    outline: none;
}

.faq-trigger:hover {
    background-color: #f8fafc;
}

.faq-content {
    transition: all 0.3s ease;
}

.faq-icon {
    transition: transform 0.3s ease;
}

.faq-icon.rotate-180 {
    transform: rotate(180deg);
}

/* Modal Trigger Button Styles */
.modal-trigger {
    cursor: pointer;
    outline: none;
}

.modal-trigger:focus {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
}