{"version":3,"file":"light-dark-mode/style-index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA,kDACC;EAED;AADD;AAGC;EACC;AADF;AAIC;EACC;AAFF;AAMC;EACC;AAJF;AASA;EACC;IACC;IACA;EANA;EAQD;IACC;IACA;EANA;EAQD;IACC;IACA;EANA;AACF;AAUA;EACC,uDACC;AATF;AAaA;EACC;AAVD;AAcA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;AAfD;AAkBA;EACC;AAfD,C","sources":["webpack://swift-fse-blocks/./src/light-dark-mode/style.scss"],"sourcesContent":[".swiftpress-toggle {\r\n\tcursor: pointer;\r\n\tfont-size: 1.5rem;\r\n\tborder: none;\r\n\tbackground: transparent;\r\n\tpadding: 0.5rem;\r\n\ttransition:\r\n\t\ttransform 0.3s ease,\r\n\t\topacity 0.2s ease;\r\n\tposition: relative;\r\n\r\n\t&:hover {\r\n\t\ttransform: scale(1.1);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransform: scale(0.95);\r\n\t}\r\n\r\n\t// Animation when icon changes\r\n\t&.mode-switching {\r\n\t\tanimation: iconSwitch 0.6s ease;\r\n\t}\r\n}\r\n\r\n// Icon switch animation\r\n@keyframes iconSwitch {\r\n\t0% {\r\n\t\ttransform: rotate(0deg) scale(1);\r\n\t\topacity: 1;\r\n\t}\r\n\t50% {\r\n\t\ttransform: rotate(180deg) scale(0.5);\r\n\t\topacity: 0.3;\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(360deg) scale(1);\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n// Smooth transitions for body and elements\r\nbody {\r\n\ttransition:\r\n\t\tbackground-color 0.4s ease,\r\n\t\tcolor 0.4s ease;\r\n}\r\n\r\na {\r\n\ttransition: color 0.4s ease;\r\n}\r\n\r\n// Optional: Add a subtle overlay animation during mode switch\r\nbody::before {\r\n\tcontent: \"\";\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: radial-gradient(\r\n\t\tcircle at center,\r\n\t\trgba(255, 255, 255, 0.1) 0%,\r\n\t\ttransparent 70%\r\n\t);\r\n\topacity: 0;\r\n\tpointer-events: none;\r\n\ttransition: opacity 0.3s ease;\r\n\tz-index: 9999;\r\n}\r\n\r\nbody.mode-transitioning::before {\r\n\topacity: 1;\r\n}\r\n"],"names":[],"sourceRoot":""}