{"version":3,"file":"blocks/SizeChart/style-index.css","mappings":";;;AAAA;EACE;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;AAEE;EACE;AAAJ;AAEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAN;AAEM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qFACE;AADV;AAIQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFV;AAMI;EACE;AAJN;AAQE;EACE;AANJ;AAQI;EACE;AANN;;AAWA;AACA;EACE;IACE;EARF;EAWA;IACE;EATF;EAYA;IACE;EAVF;EAaA;;IAEE;IACA;EAXF;EAcA;IACE;EAZF;EAcE;IACE;IACA;IACA;EAZJ;EAcI;IACE;IACA;EAZN;AACF,C","sources":["webpack://brandy-blocks/./src/blocks/SizeChart/style.scss"],"sourcesContent":[".brandy-size-chart {\n  margin: 1.5rem 0;\n  padding: 1.5rem;\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n}\n\n.brandy-size-chart__header {\n  margin-bottom: 1.25rem;\n  padding-bottom: 1rem;\n  border-bottom: 2px solid #e5e7eb;\n}\n\n.brandy-size-chart__title {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: #111827;\n}\n\n.brandy-size-chart__content {\n  overflow-x: auto;\n}\n\n.brandy-size-chart__table-wrapper {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.brandy-size-chart__table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 500px;\n}\n\n.brandy-size-chart__table thead {\n  background-color: #f9fafb;\n}\n\n.brandy-size-chart__table th {\n  padding: 0.75rem 1rem;\n  text-align: left;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: #374151;\n  border-bottom: 2px solid #e5e7eb;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.brandy-size-chart__table tbody tr {\n  transition: background-color 0.2s ease;\n}\n\n.brandy-size-chart__table tbody tr:nth-child(even) {\n  background-color: #f9fafb;\n}\n\n.brandy-size-chart__table tbody tr:hover {\n  background-color: #f3f4f6;\n}\n\n.brandy-size-chart__table td {\n  padding: 0.875rem 1rem;\n  font-size: 0.875rem;\n  color: #6b7280;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.brandy-size-chart__table tbody tr:hover td {\n  font-weight: 500;\n  color: #374151;\n}\n\n.brandy-size-chart__empty {\n  padding: 2rem;\n  text-align: center;\n  color: #9ca3af;\n  font-style: italic;\n}\n\n/* Popup specific styles */\n.brandy-size-chart-container {\n  &.is-popup {\n    display: none; // Hidden by default, shown via JS when popup is triggered\n\n    &.is-active {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.8);\n      z-index: 160001;\n      padding: 20px;\n      box-sizing: border-box;\n\n      .brandy-size-chart {\n        max-width: 1200px;\n        width: 100%;\n        max-height: 90vh;\n        overflow-y: auto;\n        background: white;\n        border-radius: 12px;\n        padding: 20px;\n        position: relative;\n        margin: 0;\n        box-shadow:\n          0 20px 25px -5px rgba(0, 0, 0, 0.1),\n          0 10px 10px -5px rgba(0, 0, 0, 0.04);\n\n        .popup-close-btn {\n          position: absolute;\n          top: 15px;\n          right: 15px;\n          background: none;\n          border: none;\n          font-size: 28px;\n          color: #5f6368;\n          cursor: pointer;\n          padding: 5px;\n          line-height: 1;\n          border-radius: 50%;\n          width: 35px;\n          height: 35px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          transition: background-color 0.2s ease;\n          z-index: 1;\n        }\n      }\n    }\n    .brandy-size-chart__guidelines {\n      margin-top: 1.25rem;\n    }\n  }\n\n  &.is-inline {\n    display: block;\n\n    .brandy-size-chart {\n      margin: 0;\n    }\n  }\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .brandy-size-chart {\n    padding: 1rem;\n  }\n\n  .brandy-size-chart__title {\n    font-size: 1.125rem;\n  }\n\n  .brandy-size-chart__table {\n    min-width: 400px;\n  }\n\n  .brandy-size-chart__table th,\n  .brandy-size-chart__table td {\n    padding: 0.625rem 0.75rem;\n    font-size: 0.8125rem;\n  }\n\n  .brandy-size-chart-container.is-popup.is-active {\n    padding: 10px;\n\n    .brandy-size-chart {\n      max-height: 95vh;\n      padding: 15px;\n      padding-top: 45px;\n\n      .popup-close-btn {\n        top: 10px;\n        right: 10px;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}