gpttemp

code/public/static/css/modules/head/head_74.css

@@ -0,0 +1,60 @@
+/* head_74.css */
+.__PFX__-h74-drop {
+  padding: 8px 12px;
+  background:
+    linear-gradient(180deg, var(--bg-soft-color), var(--bg-color));
+  border-bottom: 1px solid var(--border-color);
+}
+
+.__PFX__-h74-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.__PFX__-h74-brand {
+  font-size: 18px;
+  font-weight: 900;
+}
+
+.__PFX__-h74-mask {
+  display: none;
+}
+
+body.__PFX__-h74-open .__PFX__-h74-mask {
+  display: block;
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, .25);
+}
+
+.__PFX__-h74-panel {
+  z-index:999;
+  position: fixed;
+  top: -100%;
+  left: 0;
+  right: 0;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7)),
+    var(--bg-color);
+  padding: 14px;
+  transition: top .25s ease;
+}
+
+body.__PFX__-h74-open .__PFX__-h74-panel {
+  top: 0;
+}
+
+.__PFX__-h74-panel a {
+  display: inline-block;
+  margin: 4px 6px;
+  padding: 6px 12px;
+  border-radius: 999px;
+  border: 1px solid var(--border-color);
+}
+
+.__PFX__-h74-panel a.active {
+  background: var(--primary-color);
+  color: #fff;
+  border-color: var(--primary-color);
+}