{"version":3,"sources":["test/libraries/layers/index.scss"],"names":[],"mappings":"iBAOA,WACE,QAAA,KACA,YAAA,OACA,IAAA,MACA,UAAA,QACA,QAAA,OAAA,EAGF,WACE,QAAA,aACA,MAAA,OACA,OAAA,OACA,cAAA,IACA,WAAA,QACA,YAAA,EAIF,kCACE,WAAA","file":"pages/test/libraries/layers/index.bundle.css","sourcesContent":["/**\n * /test — Global (framework default) page CSS — the first layer.\n * Owns the base dot styling (every dot starts RED) and turns the\n * \"css-global\" dot green to prove this layer loaded.\n */\n\n// Base: every layer dot is red until its layer turns it green.\n.layer-row {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  font-size: 1.05rem;\n  padding: 0.35rem 0;\n}\n\n.layer-dot {\n  display: inline-block;\n  width: 1.1rem;\n  height: 1.1rem;\n  border-radius: 50%;\n  background: #e5484d; // red = layer not loaded\n  flex-shrink: 0;\n}\n\n// This layer loaded → its own dot goes green.\n.layer-dot[data-layer=\"css-global\"] {\n  background: #30a46c; // green\n}\n"]}