{"version":3,"file":"optional-panel.css","mappings":";;;AAAA,gBAAgB;;AAAhB;AACA;EACE;EACA;AAEF;;AACA;EACE;AAEF;;AACA;;;EAGE;AAEF;;AACA;AACA;EACE;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;AAEF;;AACA;EACE;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;;EAEE;AAEF;;AACA;EACE;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACI;AAEN;;AACA;EACE;EACA;EACA;EACA;EACI;AAEN;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;;EAEE;EACA;EACA;AAEF;;AACA;;EAEE;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACG;EACD;EACF;AAEF;;AACA;EACE;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;AACA;;EAEE;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;EACE;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;EACE;EACA;EACA;EACA;AAEF;;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;AACA;EACA;AAEA;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;AAGF;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACI;EACF;AAGJ;;AAAA;;EAEE;AAGF;;AAAA;EACE;EACA;EACF;EACI;AAGJ;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACI;EACA;EACA;AAGJ;;AAAA;EACE;EACA;EACA;AAGF;;AAAA;AACA;EACE;EACA;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;AACA;EACE;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;AAGF;;AAAA;AACA;EACE;AAGF;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;;EAEE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;;EAEE;EACA;EACA;AAGF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;AACA;EACE;EACA;EACA;AAGF;;AAAA;AACA;EAKE;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,gWACE;EAOF;AAJF;;AAOA;EACE;IACE;EAJF;AACF;AAOA;EACE;EACA;EACA;EACA;AALF;;AAQA;AACA;EACE;AALF;;AAQA;EACE;EAEA;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;EAIA;AATF;;AAYA;AAEA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;AACA;EACE;EACA;AAVF;;AAaA;AACA;EACE;EACA;EACA;EACA;EACA;EACE;EACA;EACF;AAVF;;AAaA;AACA;EACE;AAVF;;AAaA;AACA;EACE;AAVF;;AAaA;AACA;EACE;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;AAVF;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVJ;;AAcA;EACE;AAXF;;AAcA;EACE;AAXF;;AAcA;AACA;EACE;IACE;EAXF;EAcA;IACE;EAZF;AACF;AAeA;EACE;;IAEE;IACA;EAbF;EAgBA;IACE;EAdF;EAiBA;IACE;EAfF;EAkBA;;IAEE;EAhBF;EAmBA;;IAEE;EAjBF;EAoBA;IACE;EAlBF;EAqBA;;IAEE;EAnBF;EAsBA;IACE;EApBF;AACF;AAuBA;;6CAAA;AAIA;EACE;AAtBF;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAyBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;AAtBF;;AAyBA;AACA;EACE;AAtBF;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;AAwBE;EACE;EACA;AAtBJ;AAIA;EA0BE;AA3BF;AA4BE;EACE;EACA;EACA;AA1BJ;;AA8BA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AA5BF;AA6BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BJ;;AA+BA;EACE;EACA;EACA;EACA;EACA;AA5BF;;AA+BA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AA5BF,C","sources":["webpack://vayu-blocks/./src/plugins/dashboard/adminDashboard-style.scss"],"sourcesContent":["/* Admin Dashboard Styles */\r\n* {\r\n  box-sizing: border-box;\r\n  --color-primary-vb: #6c1bc3;\r\n}\r\n\r\n#wpbody .notice {\r\n  display: none !important;\r\n}\r\n\r\n.toplevel_page_vayu-blocks #wpcontent,\r\n.blocks_page_vayu-blocks-settings #wpcontent,\r\n.blocks_page_vayu-sites #wpcontent {\r\n  padding-left: 0;\r\n}\r\n\r\n/* ── Page wrapper ── */\r\n#vayu-blocks-container .th-inner-wrap {\r\n  position: relative;\r\n  background: #f5f6fa;\r\n  min-height: 100vh;\r\n}\r\n\r\n/* ── Header ── */\r\n#vayu-blocks-container .th-header {\r\n  background: #fff;\r\n  box-shadow: 0 1px 0 #e9e9ef;\r\n  position: sticky;\r\n  top: 32px;\r\n  z-index: 10;\r\n}\r\n\r\n#vayu-blocks-container .th-header-wrap {\r\n  display: flex;\r\n  position: relative;\r\n  z-index: 3;\r\n  border-radius: 0;\r\n  width: -webkit-fill-available;\r\n  height: 64px;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n#vayu-blocks-container .th-header .th-conatiner {\r\n  max-width: 95%;\r\n  width: 100%;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n#vayu-blocks-container .header-text {\r\n  flex-grow: initial;\r\n}\r\n\r\n#vayu-blocks-container .header-text b {\r\n  color: #b6b6b6;\r\n}\r\n\r\n#vayu-blocks-container .header-text .aisb-verifybtn {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n#vayu-blocks-container .header-text .aisb-verifybtn > span {\r\n  margin-top: 0;\r\n}\r\n\r\n#vayu-blocks-container .header-text .aisb-verifybtn > a:not(.activate-now) {\r\n  margin: 0;\r\n  padding: 0;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n#vayu-blocks-container .header-text .inactive + a.activate-now {\r\n  margin-left: 18px;\r\n  font-size: 11px;\r\n}\r\n\r\n/* ── Logo ── */\r\n#vayu-blocks-container .th-logo-wrap a {\r\n  align-self: center;\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  gap: 8px;\r\n}\r\n\r\n#vayu-blocks-container .th-logo-wrap img {\r\n  max-width: 32px;\r\n  height: fit-content;\r\n}\r\n\r\n#vayu-blocks-container .th-logo-wrap h2 {\r\n  color: #1a1a2e;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.04em;\r\n  margin: 0;\r\n}\r\n\r\n#vayu-blocks-container .th-version-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background: #f0f0f5;\r\n  color: #888;\r\n  font-size: 0.7rem;\r\n  font-weight: 500;\r\n  padding: 2px 7px;\r\n  border-radius: 20px;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.6;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* ── Header nav tabs ── */\r\n#vayu-blocks-container .th-menu-wrap {\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n}\r\n\r\n#vayu-blocks-container .th-menu-item {\r\n  line-height: 1em;\r\n  padding: 8px 16px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  text-align: center;\r\n  font-weight: 600;\r\n  color: #555;\r\n  font-size: 0.875rem;\r\n  cursor: pointer;\r\n  border-radius: 6px;\r\n  border: none;\r\n  transition: background 0.15s, color 0.15s;\r\n}\r\n\r\n#vayu-blocks-container .th-menu-item svg {\r\n  flex-shrink: 0;\r\n  opacity: 0.7;\r\n  transition: opacity 0.15s;\r\n}\r\n\r\n#vayu-blocks-container .th-menu-item:hover svg,\r\n#vayu-blocks-container .th-menu-item.active svg {\r\n  opacity: 1;\r\n}\r\n\r\n#vayu-blocks-container .th-menu-item:hover {\r\n  background: #f3ecff;\r\n  color: #6c1bc3;\r\n}\r\n\r\n#vayu-blocks-container .th-menu-item.active {\r\n  background: #f3ecff;\r\n  color: #6c1bc3;\r\n  border: none;\r\n  font-weight: 700;\r\n}\r\n\r\n/* ── Content area ── */\r\n#vayu-blocks-container .th-content {\r\n  padding: 0 0 40px;\r\n      border-radius: 20px;\r\n}\r\n\r\n#vayu-blocks-container .th-content .th-conatiner .th-content-wrap {\r\n  max-width: 1230px;\r\n  width: 100%;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n      margin-top: 20px;\r\n}\r\n\r\n#vayu-blocks-container .th-content-wrap {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start; /* required for sticky sidebar */\r\n  gap: 24px;\r\n  background: transparent;\r\n}\r\n\r\n#vayu-blocks-container .th-content .th-content-wrap {\r\n  margin-top: 0;\r\n}\r\n\r\n/* ── Main area (block grid) ── */\r\n#vayu-blocks-container .th-main {\r\n  width: 70%;\r\n  background: transparent;\r\n  padding: 0;\r\n  padding-bottom: 0;\r\n  box-sizing: border-box;\r\n  color: #555;\r\n}\r\n\r\n#vayu-blocks-container .th-main-wrap {\r\n  background: #fff;\r\n  border: 1px solid #e9e9ef;\r\n  border-radius: 14px;\r\n  padding: 24px 28px;\r\n}\r\n\r\n#vayu-blocks-container .th-main-wrap h2 {\r\n  font-size: 1.5rem;\r\n  line-height: 2rem;\r\n  margin: 0 0 8px;\r\n  color: #1a1a2e;\r\n  font-weight: 700;\r\n}\r\n\r\n#vayu-blocks-container .th-main-wrap p {\r\n  margin: 0;\r\n  color: #6b7280;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n#vayu-blocks-container .th-content-wrap h2,\r\n#vayu-blocks-container .th-content-wrap h3 {\r\n  color: #1a1a2e;\r\n  font-size: 1.8em;\r\n  margin: 0.8em 0;\r\n}\r\n\r\n#vayu-blocks-container .th-content-wrap p,\r\n#vayu-blocks-container .th-content-wrap a {\r\n  font-size: 0.875rem;\r\n  line-height: 1.55;\r\n  margin: 0.8em 0;\r\n}\r\n\r\n#vayu-blocks-container a {\r\n  display: block;\r\n}\r\n\r\n/* ── Status bar: \"X of Y blocks active\" + \"Changes autosaved\" ── */\r\n.th-blocks-statusbar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 10px 16px;\r\n  margin-bottom: 16px;\r\n  background: #ffffff94;\r\n  border-radius: 10px;\r\n}\r\n\r\n.th-active-count {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  color: #5d5d62;\r\n}\r\n\r\n.th-active-count svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  stroke: #16a34a;   /* green checkmark */\r\n  flex-shrink: 0;\r\n  background: none !important;\r\n  padding: 0 !important;\r\n  border-radius: 0 !important;\r\n}\r\n\r\n.th-autosaved {\r\n  font-size: 0.8rem;\r\n  color: #9ca3af;\r\n  font-weight: 400;\r\n}\r\n\r\n/* ── Block cards grid ── */\r\n.sw-wrapprer {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n}\r\n\r\n.sw-box {\r\n  width: calc(33.333% - 11px);\r\n  margin-bottom: 0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  flex-wrap: wrap;\r\n  background: #fff;\r\n  padding: 20px;\r\n  border-radius: 14px;\r\n  border: 1px solid #e9e9ef;\r\n  box-shadow: 0 1px 4px rgba(26, 26, 46, 0.06);\r\n  text-align: left;\r\n  transition: box-shadow 0.18s, border-color 0.18s;\r\n}\r\n\r\n.sw-box:hover {\r\n  background:#fff !important;\r\n     border-color: #7c3aed !important;\r\n    border-width: 1.5px !important;\r\n  box-shadow: 0 4px 20px rgba(108, 27, 195, 0.13);\r\n}\r\n\r\n.sw-wrapprer.vayu-pro-active .sw-box {\r\n  pointer-events: initial;\r\n  opacity: 1;\r\n}\r\n\r\n.sw-box.button {\r\n  margin-bottom: 0 !important;\r\n  background: #fff;\r\n  padding: 20px !important;\r\n  border: 1px solid #e9e9ef;\r\n  border-radius: 14px;\r\n  white-space: initial;\r\n  color: #555;\r\n}\r\n\r\n.wp-core-ui .sw-box.button:hover {\r\n  color: #555;\r\n}\r\n\r\n/* ── Toggle row (icon label + toggle) ── */\r\n.th-sw-right,\r\n.th-sw-right div {\r\n  width: 100%;\r\n}\r\n\r\n.th-sw-right div {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.th-sw-right div .components-base-control.components-toggle-control {\r\n  flex: 0;\r\n}\r\n\r\n/* ── Loading spinner wrapper — exact same footprint as ToggleControl ── */\r\n.th-sw-right div > .th-toggle-loader {\r\n  /* same width/height as the toggle pill (40 × 20) so layout never shifts */\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 40px;\r\n  height: 20px;\r\n  flex: 0 0 40px;\r\n  margin-left: auto;\r\n}\r\n\r\n.th-toggle-loader .components-spinner {\r\n  --spinner-size: 16px;\r\n  width:  16px !important;\r\n  height: 16px !important;\r\n  min-width:  16px !important;\r\n  max-width:  16px !important;\r\n  min-height: 16px !important;\r\n  max-height: 16px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  display: block;\r\n}\r\n\r\n/* ── Block icon ── */\r\n.th-sw-right label {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  color: #1a1a2e;\r\n  cursor: pointer;\r\n}\r\n\r\n.block-label {\r\n  text-transform: capitalize;\r\n  color: #1a1a2e;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n/* image-based icon wrapper */\r\n.block-label img {\r\n  display: block;\r\n  width: 22px;\r\n  height: 22px;\r\n  background: #f3ecff;\r\n  padding: 10px;\r\n  border-radius: 10px;\r\n  box-sizing: content-box;\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* fallback for any remaining SVG icons */\r\n.th-sw-right svg {\r\n  margin-right: 0;\r\n  background: #f3ecff;\r\n  padding: 10px;\r\n  border-radius: 10px;\r\n  color: #6c1bc3;\r\n  font-size: 1.3rem;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* ── Description + doc link ── */\r\n.th-sw-bottom {\r\n  width: 100%;\r\n  border-top: 1px solid #f0f0f5;\r\n  padding-top: 12px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.th-sw-bottom p {\r\n  font-size: 0.825rem !important;\r\n  color: #6b7280 !important;\r\n  margin: 0 0 12px !important;\r\n  line-height: 1.55 !important;\r\n}\r\n\r\n/* Documentation link — book icon always visible, external arrow on hover */\r\n.th-sw-bottom a {\r\n  margin: 0 !important;\r\n  text-decoration: none !important;\r\n  color: #7f7f7f !important;\r\n  font-size: 0.7rem !important;\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  gap: 5px;\r\n  float: none !important;\r\n  transition: gap 0.15s, opacity 0.15s;\r\n  position: relative;\r\n}\r\n\r\n.th-sw-bottom a:hover {\r\ncolor: #6c1bc3 !important;\r\n}\r\n/* book-open icon (lucide) via ::before — gray default, purple on hover */\r\n.th-sw-bottom a::before {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 14px;\r\n  height: 14px;\r\n  flex-shrink: 0;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f7f7f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E\");\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  transition: background-image 0s;\r\n}\r\n\r\n.th-sw-bottom a:hover::before {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c1bc3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E\");\r\n}\r\n\r\n/* external-link arrow — hidden by default, shown on hover */\r\n.th-sw-bottom a::after {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 12px;\r\n  height: 12px;\r\n  flex-shrink: 0;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c1bc3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E\");\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  opacity: 0;\r\n  transform: translateX(-4px);\r\n  transition: opacity 0.18s, transform 0.18s;\r\n}\r\n\r\n.th-sw-bottom a:hover {\r\n  opacity: 0.85;\r\n}\r\n\r\n.th-sw-bottom a:hover::after {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n.th-sw-bottom a:nth-of-type(1) {\r\n  float: none;\r\n}\r\n\r\n.th-sw-bottom a:nth-of-type(2) {\r\n  float: none;\r\n}\r\n\r\n/* ── Sidebar — sticky while addon grid scrolls ── */\r\n#vayu-blocks-container .th-sidebar {\r\n  width: 30%;\r\n  position: sticky;\r\n  /* WP admin bar = 32px, our header = 64px, content top padding = 28px */\r\n  top: calc(32px + 64px + 16px);\r\n  max-height: calc(100vh - 32px - 64px - 32px);\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  /* hide scrollbar but keep scrollable */\r\n  scrollbar-width: none;\r\n  -ms-overflow-style: none;\r\n}\r\n\r\n#vayu-blocks-container .th-sidebar::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n#vayu-blocks-container .sidebar-section {\r\n  color: #555;\r\n  padding: 0;\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.sidebar-section hr {\r\n  display: none;\r\n}\r\n\r\n#vayu-blocks-container .section {\r\n  background: #fff;\r\n  border: 1px solid #e9e9ef;\r\n  border-radius: 14px;\r\n  padding: 22px 22px 20px;\r\n  box-shadow: 0 1px 4px rgba(26, 26, 46, 0.06);\r\n}\r\n\r\n#vayu-blocks-container .section-heading {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#vayu-blocks-container .section-heading svg {\r\n  font-size: 1.15rem;\r\n  color: #f5a623;\r\n  flex-shrink: 0;\r\n  margin-right: 0;\r\n      width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n#vayu-blocks-container .sidebar-section .section:nth-child(3) .section-heading svg,\r\n#vayu-blocks-container .sidebar-section .section:nth-child(5) .section-heading svg {\r\n  color: #6c1bc3;\r\n}\r\n\r\n#vayu-blocks-container .section-heading h3 {\r\n  margin: 0;\r\n  font-size: 1rem;\r\nfont-weight: 600;\r\n    color: #33333e;\r\n}\r\n\r\n#vayu-blocks-container .section p {\r\n  font-size: 0.85rem !important;\r\n  color: #6b7280 !important;\r\n  margin: 0 0 14px !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n/* sidebar buttons */\r\n#vayu-blocks-container .sidebar-section .sidebar-link {\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 10px 16px;\r\n  border-radius: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  text-transform: none;\r\n  letter-spacing: 0.01em;\r\n  color: #474764;\r\n  background: #fff;\r\n  border: 1.5px solid #d0d0dc;\r\n  margin: 0;\r\n  transition: border-color 0.15s, box-shadow 0.15s;\r\n}\r\n\r\n#vayu-blocks-container a.sidebar-link svg {\r\n    fill: #eab208;\r\n    color: #eab308;\r\n    margin-right: 10px;\r\n}\r\n\r\n#vayu-blocks-container .sidebar-section .sidebar-link:hover {\r\n  border-color: #6c1bc3;\r\n  box-shadow: 0 2px 8px rgba(108, 27, 195, 0.12);\r\n  opacity: 1;\r\n}\r\n\r\n/* Documentation button — purple outline */\r\n#vayu-blocks-container .sidebar-section .section:nth-child(3) .sidebar-link {\r\n  color: #6c1bc3;\r\n  border-color: #c9a8f0;\r\n  background: #fff;\r\n}\r\n\r\n#vayu-blocks-container .sidebar-section .section:nth-child(3) .sidebar-link:hover {\r\n  background: #f3ecff;\r\n}\r\n\r\n/* Support button — dark filled */\r\n#vayu-blocks-container .sidebar-section .section:nth-child(5) .sidebar-link {\r\n  background: #1a1a2e;\r\n  color: #fff;\r\n  border-color: #1a1a2e;\r\n}\r\n\r\n#vayu-blocks-container .sidebar-section .section:nth-child(5) .sidebar-link:hover {\r\n  background: #2d2d45;\r\n  border-color: #2d2d45;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n/* ── Settings page ── */\r\n.th-last-wrap span {\r\n  font-weight: 700;\r\n}\r\n\r\n/*  Admin panel Block Settings Styles  */\r\n.wrapper-title {\r\n  margin-bottom: 0;\r\n  padding-bottom: 1.5rem;\r\n  border-bottom: 1px solid #e9e9ef;\r\n  color: #1a1a2e;\r\n  font-weight: 700;\r\n}\r\n\r\n.th-settings,\r\n.th-settings * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.th-settings .th-main {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  background: #fff;\r\n  border: 1px solid #e9e9ef;\r\n  border-radius: 14px;\r\n  padding: 24px;\r\n  box-shadow: 0 1px 4px rgba(26, 26, 46, 0.06);\r\n}\r\n\r\n.th-settings aside {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 21%;\r\n  border: none;\r\n  padding: 8px;\r\n  background: #f3ecff;\r\n  border-radius: 10px;\r\n}\r\n\r\n.th-settings .content-wrapper {\r\n  width: 67%;\r\n  margin-left: 20px;\r\n  background: #f9f8ff;\r\n  justify-content: space-between;\r\n  border-radius: 10px;\r\n  flex-grow: 2;\r\n  padding: 20px;\r\n}\r\n\r\n.th-settings nav a {\r\n  margin-bottom: 6px;\r\n  border: 0;\r\n  letter-spacing: 0.3px;\r\n  background: transparent;\r\n  color: #444;\r\n  font-size: 0.9rem;\r\n  position: relative;\r\n  align-items: center;\r\n  padding: 9px 18px;\r\n  border-radius: 8px;\r\n  font-weight: 600;\r\n  display: flex !important;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  transition: background 0.15s, color 0.15s;\r\n}\r\n\r\n.th-settings nav a svg {\r\n  margin-right: 8px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.th-settings nav a.selected {\r\n  color: #6c1bc3;\r\n  outline: 0;\r\n  background: #fff;\r\n  box-shadow: 0 2px 8px rgba(108, 27, 195, 0.12);\r\n}\r\n\r\n.th-settings nav a:hover:not(.selected) {\r\n  background: #ede0ff;\r\n  color: #6c1bc3;\r\n}\r\n\r\n.option-wrapper {\r\n  display: flex;\r\n  padding: 16px 0;\r\n  align-items: center;\r\n  border-bottom: 1px solid #eee;\r\n}\r\n\r\n.option-wrapper:last-child {\r\n  border: 0;\r\n}\r\n\r\n.option-wrapper svg {\r\n  margin-right: 9px;\r\n  font-weight: 500;\r\n  color: #6c1bc3;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.option-wrapper p {\r\n  margin: 0 !important;\r\n  width: 84%;\r\n  font-weight: 500;\r\n  color: #444;\r\n}\r\n\r\n.th-settings button {\r\n  margin-top: 18px;\r\n  padding: 9px 29px;\r\n  margin-left: auto;\r\n  margin-right: 0;\r\n  background: #6c1bc3;\r\n  color: #fff;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  opacity: 1;\r\n  border: none;\r\n  font-weight: 600;\r\n  font-size: 0.875rem;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.th-settings button:hover {\r\n  background: #5a13a8;\r\n  box-shadow: 0 2px 8px rgba(108, 27, 195, 0.3);\r\n}\r\n\r\n.th-settings button:focus,\r\n.th-settings button:active {\r\n  outline: none;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transform: scale(1.02);\r\n}\r\n\r\n.th-settings button:active {\r\n  transform: scale(0.98);\r\n  opacity: 0.85;\r\n}\r\n\r\n.th-settings a {\r\n  text-decoration: none;\r\n}\r\n\r\n.content-wrapper .unit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  margin-left: 5px;\r\n  font-weight: 700;\r\n  border: 1px solid #d0d0dc;\r\n  padding: 0 9px;\r\n  border-radius: 6px;\r\n  min-height: 30px;\r\n  color: #444;\r\n}\r\n\r\n.option-submit {\r\n  width: 100%;\r\n  text-align: right;\r\n  padding: 0;\r\n  margin-top: 8px;\r\n}\r\n\r\n/* ── WordPress admin menu icon ── */\r\n.menu-top.toplevel_page_vayu-blocks .wp-menu-image {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* ── Loading spinner ── */\r\n.option-submit .loader {\r\n  -webkit-animation: rotating 2s linear infinite;\r\n  -moz-animation: rotating 2s linear infinite;\r\n  -ms-animation: rotating 2s linear infinite;\r\n  -o-animation: rotating 2s linear infinite;\r\n  animation: rotating 2s linear infinite;\r\n  margin-left: 12px;\r\n}\r\n\r\n.vayu-loader {\r\n  --d: 22px;\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n  color: #6c1bc3;\r\n  box-shadow:\r\n    calc(1 * var(--d)) calc(0 * var(--d)) 0 0,\r\n    calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,\r\n    calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,\r\n    calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,\r\n    calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,\r\n    calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,\r\n    calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;\r\n  animation: l27 1s infinite steps(8);\r\n}\r\n\r\n@keyframes l27 {\r\n  100% {\r\n    transform: rotate(1turn);\r\n  }\r\n}\r\n\r\n.sw-wrapprer.loading {\r\n  width: 100%;\r\n  min-height: 350px;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* ── WordPress toggle component overrides ── */\r\n.components-button.is-next-40px-default-size {\r\n  height: 40px;\r\n}\r\n\r\n.components-button:focus:not(:disabled) {\r\n  box-shadow: 0 0 0 var(--wp-admin-border-width-focus)\r\n    var(--wp-components-color-accent, var(--color-primary-vb));\r\n  outline: 3px solid #0000;\r\n}\r\n\r\n.components-button.is-primary {\r\n  background: var(--wp-components-color-accent, var(--color-primary-vb));\r\n  color: var(--wp-components-color-accent-inverted, #fff);\r\n  outline: 1px solid #0000;\r\n  text-decoration: none;\r\n  text-shadow: none;\r\n  white-space: nowrap;\r\n}\r\n\r\n.components-button.is-primary:hover:not(:disabled) {\r\n  background: var(\r\n    --wp-components-color-accent-darker-10,\r\n    var(--color-primary-vb)\r\n  );\r\n  color: var(--wp-components-color-accent-inverted, #fff);\r\n}\r\n\r\n/* ── Toggle switch (ToggleControl) — matches screenshot design ── */\r\n\r\n/* track OFF */\r\n.sw-box .components-form-toggle .components-form-toggle__track {\r\n  background-color: #d1d5db;\r\n  border: none;\r\n  width: 40px;\r\n  height: 20px;\r\n  border-radius: 34px;\r\n  transition: background 0.2s;\r\n}\r\n\r\n/* track ON — solid purple */\r\n.sw-box .components-form-toggle.is-checked .components-form-toggle__track {\r\n  background-color: #6c1bc3;\r\n  border: none;\r\n}\r\n\r\n/* thumb — white pill, smooth shadow */\r\n.sw-box .components-form-toggle .components-form-toggle__thumb {\r\n  background-color: #fff;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 50%;\r\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);\r\n    left: 2px;\r\n    top: 1px;\r\n  transition: transform 0.2s;\r\n}\r\n\r\n/* thumb moves right when ON */\r\n.sw-box .components-form-toggle.is-checked .components-form-toggle__thumb {\r\n  transform: translateX(18px);\r\n}\r\n\r\n/* hide the default focus ring on the inner input */\r\n.sw-box .components-form-toggle__input:focus + .components-form-toggle__track {\r\n  box-shadow: 0 0 0 2px #ede0ff;\r\n}\r\n\r\n/* ── Recovery toggle ── */\r\n.vb-toggle-switch-recovery {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 46px;\r\n  height: 24px;\r\n  margin-left: auto;\r\n}\r\n\r\n.vb-toggle-switch-recovery input {\r\n  opacity: 0;\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n.vb-toggle-switch-recovery .vb-toggle-slider {\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: #ccc;\r\n  transition: 0.4s;\r\n  border-radius: 34px;\r\n\r\n  &::before {\r\n    position: absolute;\r\n    content: '';\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    top: 3px;\r\n    background-color: white;\r\n    transition: 0.4s;\r\n    border-radius: 50%;\r\n  }\r\n}\r\n\r\n.vb-toggle-switch-recovery input:checked + .vb-toggle-slider {\r\n  background-color: #6c1bc3;\r\n}\r\n\r\n.vb-toggle-switch-recovery input:checked + .vb-toggle-slider::before {\r\n  transform: translateX(22px);\r\n}\r\n\r\n/* ── Responsive ── */\r\n@media screen and (max-width: 1024px) {\r\n  .sw-box {\r\n    width: calc(50% - 8px);\r\n  }\r\n\r\n  #vayu-blocks-container .sidebar-section {\r\n    padding-left: 0;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .th-settings aside,\r\n  .th-settings .content-wrapper {\r\n    width: 100%;\r\n    margin: 0;\r\n  }\r\n\r\n  .th-settings .content-wrapper {\r\n    margin-top: 21px;\r\n  }\r\n\r\n  #vayu-blocks-container .th-content-wrap {\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  #vayu-blocks-container .th-main,\r\n  #vayu-blocks-container .th-sidebar {\r\n    width: 100%;\r\n  }\r\n\r\n  #vayu-blocks-container .th-main,\r\n  #vayu-blocks-container .sidebar-section {\r\n    padding: 12px;\r\n  }\r\n\r\n  .th-sw-right label {\r\n    font-size: 13px;\r\n  }\r\n\r\n  #vayu-blocks-container p,\r\n  #vayu-blocks-container a {\r\n    font-size: 0.78rem;\r\n  }\r\n\r\n  .sw-box {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* ═══════════════════════════════════════════\r\n   VAYU SITES — Starter Templates welcome page\r\n═══════════════════════════════════════════ */\r\n\r\n#vayu-blocks-container .aisb-dashboard {\r\n  text-align: center;\r\n}\r\n\r\n#vayu-blocks-container .aisb-dashboard .th-conatiner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  max-width: 780px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n/* \"PREMIUM LIBRARY\" badge via pseudo-element */\r\n#vayu-blocks-container .aisb-left-content:first-child::before {\r\n  content: '● PREMIUM LIBRARY';\r\n  display: block;\r\n  color: #7c3aed;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n#vayu-blocks-container .aisb-dashboard h3 {\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  color: #1a1a2e;\r\n  margin: 0 0 16px;\r\n  line-height: 1.2;\r\n  text-align: center;\r\n}\r\n\r\n#vayu-blocks-container .aisb-dashboard .aisb-left-content > p {\r\n  font-size: 0.95rem;\r\n  color: #555;\r\n  line-height: 1.75;\r\n  max-width: 580px;\r\n  margin: 0 auto 28px;\r\n  text-align: center;\r\n}\r\n\r\n/* CTA button — dark pill */\r\n#vayu-blocks-container .aisb-dashboard a {\r\n  text-decoration: none;\r\n}\r\n\r\n#vayu-blocks-container .create-website {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: #1a1a2e;\r\n  color: #fff !important;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  padding: 14px 30px;\r\n  border-radius: 40px;\r\n  margin: 0;\r\n  transition: background 0.15s, box-shadow 0.15s;\r\n  box-shadow: 0 4px 14px rgba(26, 26, 46, 0.25);\r\n\r\n  &:hover {\r\n    background: #2d2d4e;\r\n    box-shadow: 0 6px 20px rgba(26, 26, 46, 0.35);\r\n  }\r\n\r\n  img {\r\n    // width: 18px;\r\n    // height: 18px;\r\n  }\r\n\r\n  /* external link icon via ::after */\r\n  &::after {\r\n    content: '↗';\r\n    font-size: 0.85rem;\r\n    opacity: 0.7;\r\n  }\r\n}\r\n\r\n/* Video container — dark card with dot grid */\r\n#vayu-blocks-container .aisb-left-content.unsused {\r\n  width: 100%;\r\n  max-width: 760px;\r\n  margin-top: 36px;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  background: #0d0f1e;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);\r\n  background-size: 22px 22px;\r\n  padding: 0;\r\n  box-shadow: 0 8px 40px rgba(108, 27, 195, 0.18), 0 2px 8px rgba(0,0,0,0.18);\r\n  position: relative;\r\n\r\n  /* bottom red progress bar accent */\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 35%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #e02020, #ff6b6b);\r\n    border-radius: 0 2px 0 0;\r\n  }\r\n}\r\n\r\n#vayu-blocks-container .aisb-left-content.unsused iframe {\r\n  width: 100% !important;\r\n  height: 420px !important;\r\n  display: block;\r\n  border: none;\r\n  border-radius: 0;\r\n}\r\n\r\n/* Footer note */\r\n#vayu-blocks-container .aisb-dashboard .th-conatiner::after {\r\n  content: 'Need help? Watch the video guide above.';\r\n  display: block;\r\n  margin-top: 20px;\r\n  font-size: 0.78rem;\r\n  color: #999;\r\n  text-align: center;\r\n}\r\n"],"names":[],"sourceRoot":""}