diff --git a/public/support/index.html b/public/support/index.html
index 255f499..bee0d81 100644
--- a/public/support/index.html
+++ b/public/support/index.html
@@ -204,8 +204,8 @@
.faq {
display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 14px;
+ grid-template-columns: minmax(0, 1fr);
+ gap: 12px;
}
details {
@@ -216,11 +216,14 @@
border-radius: 8px;
background: #ffffff;
overflow: hidden;
- transition: grid-template-rows 260ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease;
+ transition: grid-template-rows 280ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease,
+ background-color 180ms ease;
}
details[open] {
grid-template-rows: auto 1fr;
+ border-color: #b8cce8;
+ background: #f9fbff;
}
summary {
@@ -265,17 +268,18 @@
details > p {
display: block;
min-height: 0;
- margin: 0;
+ margin: 0 40px 0 0;
overflow: hidden;
color: #526176;
font-size: 15px;
opacity: 0;
transform: translateY(-4px);
- transition: opacity 140ms ease, transform 180ms ease, margin 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
+ transition: opacity 160ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
+ margin 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
details[open] > p {
- margin: 14px 0 0;
+ margin: 14px 40px 0 0;
opacity: 1;
transform: translateY(0);
transition-delay: 70ms;
@@ -414,6 +418,11 @@
background: #141c29;
}
+ details[open] {
+ border-color: #3c608b;
+ background: #18263a;
+ }
+
.quick-link:hover {
border-color: #427fc7;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);