export declare const settingsPanelStyles = "\n.comimi-settings-panel {\n  position: absolute;\n  top: 0;\n  right: -16px;\n  width: 250px;\n  height: 0;\n  border-radius: 20px;\n  overflow: hidden;\n  background: var(--comimi-glass-strong);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  opacity: 0;\n  transform: translateY(calc(-100% - 8px));\n  transition:\n    height 0.38s cubic-bezier(0.12, 1.06, 0.56, 1.02),\n    opacity 0.38s cubic-bezier(0.12, 1.06, 0.56, 1.02);\n  z-index: 10;\n}\n\n.comimi-settings-panel[data-open=\"true\"] {\n  opacity: 1;\n  height: var(--comimi-settings-height, 460px);\n}\n\n.comimi-settings-panel-body {\n  position: relative;\n  width: 100%;\n  max-height: calc(var(--view-height, 100vh) - 62px - 56px);\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.comimi-settings-panel-inner {\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 20px;\n}\n\n.comimi-settings-panel-title {\n  color: var(--comimi-fg);\n  font-size: 14px;\n  font-weight: 700;\n  text-align: center;\n}\n\n.comimi-settings-section {\n  display: grid;\n  row-gap: 8px;\n  margin-top: 18px;\n}\n\n.comimi-settings-label {\n  color: var(--comimi-fg);\n  font-size: 12px;\n  font-weight: 400;\n}\n\n.comimi-settings-static-value {\n  color: var(--comimi-soft);\n  font-size: 13px;\n  font-weight: 500;\n}\n\n";
//# sourceMappingURL=settings-panel.styles.d.ts.map