.bundele-component{display:flex;flex-direction:column;margin-top:15px}.bundele-component .swatch-attribute-options{display:flex;flex-wrap:wrap;gap:10px}.bundele-component .mageworx-swatch-container{cursor:pointer;border:2px solid transparent;padding:5px;border-radius:4px;transition:all .3s ease;position:relative}.bundele-component .mageworx-swatch-container:hover{border-color:#ff6801}.bundele-component .mageworx-swatch-container.selected{border-color:#ff6801;box-shadow:0 0 5px rgba(25,121,195,.5);background-color:rgba(25,121,195,.05)}.bundele-component .mageworx-swatch-option.image{display:block;max-width:80px;height:auto}.bundele-component .mageworx-swatch-info{text-align:center;font-size:12px;margin-top:5px;color:#333}.bundle-fabric-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:9999;display:flex;align-items:center;justify-content:center}.bundle-fabric-loader .loader-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff6801;border-radius:50%;animation:bundle-spin 1s linear infinite}@keyframes bundle-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bundle-fabric-loader .loader-text{margin-top:15px;font-size:14px;color:#333}.bundle-fabric-loader .loader-content{text-align:center}.bundle-fabric-notification{position:fixed;top:20px;right:20px;z-index:99999;padding:15px 20px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;font-size:14px;max-width:400px;animation:bundleSlideIn .3s ease-out}.bundle-fabric-notification.info{background:#fff;border-left:4px solid #ff6801;color:#333}.bundle-fabric-notification.success{background:#fff;border-left:4px solid #ff6801;color:#333}.bundle-fabric-notification.warning{background:#fff;border-left:4px solid #ff6801;color:#333}.bundle-fabric-notification.error{background:#fff;border-left:4px solid #ff6801;color:#333}.bundle-fabric-notification .notification-icon{font-size:18px}.bundle-fabric-notification .notification-text{flex:1}.bundle-fabric-notification .notification-close{background:0 0;border:none;font-size:20px;cursor:pointer;padding:0 5px;color:inherit;opacity:.7;line-height:1}.bundle-fabric-notification .notification-close:hover{opacity:1}@keyframes bundleSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}