{"version":3,"file":"styles.css","mappings":";;;AAAA;EACI;AACJ;AAAI;EACE;EACA;EACA;EACA;EACA;EACA;EAeA;EAYA;EA0FA;AAhHN;AAHM;EACE;EACA;EACA;AAKR;AAHM;EACE;EACA;AAKR;AAJQ;EACI;EACA;AAMZ;AAFM;EACE;EACA;EACA;EACA;AAIR;AAHQ;EACI;EACA;AAKZ;AAAM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAER;AADQ;EACI;AAGZ;AADQ;EACI;AAGZ;AADQ;EACI;EACA;AAGZ;AADQ;EACI;EACA;AAGZ;AAFY;EACI;EACA;AAIhB;AAFY;EACI;EACA;EACA;EACA;EACA;AAIhB;AAHgB;EACI;EACA;AAKpB;AAFgB;EACI;EACA;EACA;AAIpB;AAFoB;EACI;AAIxB;AAEQ;EACE;EACA;EACA;EACA;EACA;EACA;AAAV;AAGQ;;EAEE;EACA;EACA;EACA;EACA;EACA;AADV;AAGQ;EACI;EACA;EACA;EACA;AADZ;AAGQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADV;AAGU;EACE;AADZ;AAOM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALR;AAOQ;EACE;AALV;AAUQ;EACI;EACA;AARZ;AASY;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPd;AAWM;;EAEE;AATR;AAWM;;EAEE;EACA;EACA;AATR;;AAaA;EACE;IACI;EAVJ;EAYA;IACI;EAVJ;AACF,C","sources":["webpack://woocommerce-addon-plugin/./src/styles/admin-app.scss"],"sourcesContent":[".woocommerce_options_panel {\n    /* Addon Admin App Container */\n    .addon-admin-app {\n      font-family: Arial, sans-serif;\n      padding: 20px;\n      background: #f9f9f9;\n      border: 1px solid #ddd;\n      border-radius: 8px;\n      margin-top: 20px;\n  \n      h2.title#addon-manager {\n        font-size: 24px;\n        margin-bottom: 20px;\n        padding: 0;\n      }\n      .actions {\n        display: flex;\n        justify-content: space-between;\n        .import-export{\n            display: flex;\n            gap: 10px;\n        }\n      }\n      /* Addons List */\n      .addons-list {\n        margin: 20px 0;\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n        .child-addon-title{\n            font-size: 20px;\n            margin-bottom: 10px;\n        }\n      }\n  \n      /* Addon Form */\n      .addon-form {\n        background: #fff;\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        padding: 15px;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        .child-addons{\n            width: 100%;\n        }\n        &+.addon-form {\n            margin-top: 20px;\n        }\n        &.parent-addon {\n            background-color: #e0f7fa;\n            border-left: 5px solid #007cba;\n        }\n        .sub-items {\n            width: 100%;\n            margin-top: 15px;\n            .sub-item-title {\n                margin-bottom: 10px;\n                font-size: 20px;\n            }\n            .sub-item {\n                display: flex;\n                align-items: center;\n                margin-bottom: 10px;\n                align-items: end;\n                gap: 10px;\n                input {\n                    flex: 1;\n                    margin-right: 10px;\n                }\n    \n                .button-secondary {\n                    flex:0;\n                    background-color: #d9534f;\n                    color: white;\n    \n                    &:hover {\n                        background-color: #c9302c;\n                    }\n                }\n            }\n        }\n    \n        label {\n          display: flex;\n          flex-direction: column;\n          margin-bottom: 10px;\n          flex: 1 1 calc(50% - 10px);\n          margin: 0;\n          float: none;\n        }\n \n        input,\n        select {\n          padding: 8px;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n          margin-top: 5px;\n          width: 100%;\n          line-height: 32px;\n        }\n        input[type=color]{\n            width: 32px;\n            height: 32px;\n            padding: 0;\n            flex: unset !important;\n        }\n        .button-secondary {\n          background: #ff5e57;\n          color: white;\n          border: none;\n          padding: 5px 15px;\n          border-radius: 4px;\n          cursor: pointer;\n          flex: 1 1 100%;\n          text-align: center;\n  \n          &:hover {\n            background: #d94e4c;\n          }\n        }\n      }\n  \n      /* Buttons */\n      .button {\n        display: inline-block;\n        padding: 5px 15px;\n        font-size: 14px;\n        color: #fff;\n        background: #007cba;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n        text-align: center;\n        transition: background 0.2s;\n  \n        &:hover {\n          background: #005f8b;\n        }\n  \n      }\n      .save-addons{\n        &:disabled {\n            background-color: #ccc;\n            cursor: not-allowed;\n            &::after {\n              content: \"\";\n              display: inline-block;\n              width: 16px;\n              height: 16px;\n              margin-left: 8px;\n              border: 2px solid transparent;\n              border-top: 2px solid #007cba;\n              border-radius: 50%;\n              animation: spin 0.8s linear infinite;\n            }\n        }\n      }\n      .add-child-addon,\n      .save-addons {\n        margin-top: 20px;\n      }\n      .parent-image,\n      .sub-item-image {\n        width: 64px;\n        height: 64px;\n        margin-bottom: 5px;\n      }\n    }\n  }\n@keyframes spin {\n  from {\n      transform: rotate(0deg);\n  }\n  to {\n      transform: rotate(360deg);\n  }\n}"],"names":[],"sourceRoot":""}