{"version":3,"file":"container/style-index.css","mappings":";;;AAAA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AADD;AAIC;EAbD;IAcE;IACA;IAIA;IAIA;IAKA;IACA;IAIA;IAIA;EAjBA;AACF;AAoBC;EAzCD;IA0CE;IAIA;IAIA;IAIA;IAKA;IAIA;IAIA;IAIA;EAvCA;AACF;AA8CC;EACC;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;AA9CF;AAiDE;EAbD;IAcE;IAIA;IAIA;IAIA;IAIA;IAIA;IACA;SAAA;EA7DD;AACF;AAmEE;EA1CD;IA2CE;IAIA;IAOA;IAIA;IAOA;IAIA;IAIA;SAAA;EAxFD;AACF;AAgGA;EAEC;EACA;EACA;AA9FD;AAiGC;EAPD;IAQE;IACA;IACA;IACA;EA9FA;AACF;AAiGC;EAfD;IAgBE;IACA;IAIA;EAjGA;AACF;AAoGA;EACC;AAjGD;AAoGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;AAlGF,C","sources":["webpack://swift-fse-blocks/./src/container/style.scss"],"sourcesContent":[".wp-block-sfb-container {\r\n\t// Default: desktop values\r\n\tpadding-top: var(--sfb-padding-desktop-top);\r\n\tpadding-right: var(--sfb-padding-desktop-right);\r\n\tpadding-bottom: var(--sfb-padding-desktop-bottom);\r\n\tpadding-left: var(--sfb-padding-desktop-left);\r\n\r\n\tmargin-top: var(--sfb-margin-desktop-top);\r\n\tmargin-right: var(--sfb-margin-desktop-right);\r\n\tmargin-bottom: var(--sfb-margin-desktop-bottom);\r\n\tmargin-left: var(--sfb-margin-desktop-left);\r\n\r\n\t// Tablet\r\n\t@media (max-width: 1024px) {\r\n\t\tpadding-top: var(--sfb-padding-tablet-top, var(--sfb-padding-desktop-top));\r\n\t\tpadding-right: var(\r\n\t\t\t--sfb-padding-tablet-right,\r\n\t\t\tvar(--sfb-padding-desktop-right)\r\n\t\t);\r\n\t\tpadding-bottom: var(\r\n\t\t\t--sfb-padding-tablet-bottom,\r\n\t\t\tvar(--sfb-padding-desktop-bottom)\r\n\t\t);\r\n\t\tpadding-left: var(\r\n\t\t\t--sfb-padding-tablet-left,\r\n\t\t\tvar(--sfb-padding-desktop-left)\r\n\t\t);\r\n\r\n\t\tmargin-top: var(--sfb-margin-tablet-top, var(--sfb-margin-desktop-top));\r\n\t\tmargin-right: var(\r\n\t\t\t--sfb-margin-tablet-right,\r\n\t\t\tvar(--sfb-margin-desktop-right)\r\n\t\t);\r\n\t\tmargin-bottom: var(\r\n\t\t\t--sfb-margin-tablet-bottom,\r\n\t\t\tvar(--sfb-margin-desktop-bottom)\r\n\t\t);\r\n\t\tmargin-left: var(--sfb-margin-tablet-left, var(--sfb-margin-desktop-left));\r\n\t}\r\n\r\n\t// Mobile\r\n\t@media (max-width: 782px) {\r\n\t\tpadding-top: var(\r\n\t\t\t--sfb-padding-mobile-top,\r\n\t\t\tvar(--sfb-padding-tablet-top, var(--sfb-padding-desktop-top))\r\n\t\t);\r\n\t\tpadding-right: var(\r\n\t\t\t--sfb-padding-mobile-right,\r\n\t\t\tvar(--sfb-padding-tablet-right, var(--sfb-padding-desktop-right))\r\n\t\t);\r\n\t\tpadding-bottom: var(\r\n\t\t\t--sfb-padding-mobile-bottom,\r\n\t\t\tvar(--sfb-padding-tablet-bottom, var(--sfb-padding-desktop-bottom))\r\n\t\t);\r\n\t\tpadding-left: var(\r\n\t\t\t--sfb-padding-mobile-left,\r\n\t\t\tvar(--sfb-padding-tablet-left, var(--sfb-padding-desktop-left))\r\n\t\t);\r\n\r\n\t\tmargin-top: var(\r\n\t\t\t--sfb-margin-mobile-top,\r\n\t\t\tvar(--sfb-margin-tablet-top, var(--sfb-margin-desktop-top))\r\n\t\t);\r\n\t\tmargin-right: var(\r\n\t\t\t--sfb-margin-mobile-right,\r\n\t\t\tvar(--sfb-margin-tablet-right, var(--sfb-margin-desktop-right))\r\n\t\t);\r\n\t\tmargin-bottom: var(\r\n\t\t\t--sfb-margin-mobile-bottom,\r\n\t\t\tvar(--sfb-margin-tablet-bottom, var(--sfb-margin-desktop-bottom))\r\n\t\t);\r\n\t\tmargin-left: var(\r\n\t\t\t--sfb-margin-mobile-left,\r\n\t\t\tvar(--sfb-margin-tablet-left, var(--sfb-margin-desktop-left))\r\n\t\t);\r\n\t}\r\n\r\n\t// Flexbox styles for container block\r\n\t// Force flex when is-flex class is present\r\n\t&.is-flex {\r\n\t\tdisplay: flex;\r\n\r\n\t\t// Desktop flexbox properties - only apply when flex\r\n\t\tflex-direction: var(--sfb-flex-direction-desktop, row);\r\n\t\tjustify-content: var(--sfb-justify-content-desktop, flex-start);\r\n\t\talign-items: var(--sfb-align-items-desktop, stretch);\r\n\t\talign-content: var(--sfb-align-content-desktop, normal);\r\n\t\tflex-wrap: var(--sfb-flex-wrap-desktop, nowrap);\r\n\t\trow-gap: var(--sfb-row-gap-desktop, 0);\r\n\t\tcolumn-gap: var(--sfb-column-gap-desktop, 0);\r\n\r\n\t\t// Tablet breakpoint\r\n\t\t@media (max-width: 782px) {\r\n\t\t\tflex-direction: var(\r\n\t\t\t\t--sfb-flex-direction-tablet,\r\n\t\t\t\tvar(--sfb-flex-direction-desktop, row)\r\n\t\t\t);\r\n\t\t\tjustify-content: var(\r\n\t\t\t\t--sfb-justify-content-tablet,\r\n\t\t\t\tvar(--sfb-justify-content-desktop, flex-start)\r\n\t\t\t);\r\n\t\t\talign-items: var(\r\n\t\t\t\t--sfb-align-items-tablet,\r\n\t\t\t\tvar(--sfb-align-items-desktop, stretch)\r\n\t\t\t);\r\n\t\t\talign-content: var(\r\n\t\t\t\t--sfb-align-content-tablet,\r\n\t\t\t\tvar(--sfb-align-content-desktop, normal)\r\n\t\t\t);\r\n\t\t\tflex-wrap: var(\r\n\t\t\t\t--sfb-flex-wrap-tablet,\r\n\t\t\t\tvar(--sfb-flex-wrap-desktop, nowrap)\r\n\t\t\t);\r\n\t\t\trow-gap: var(--sfb-row-gap-tablet, var(--sfb-row-gap-desktop, 0));\r\n\t\t\tcolumn-gap: var(\r\n\t\t\t\t--sfb-column-gap-tablet,\r\n\t\t\t\tvar(--sfb-column-gap-desktop, 0)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t// Mobile breakpoint\r\n\t\t@media (max-width: 600px) {\r\n\t\t\tflex-direction: var(\r\n\t\t\t\t--sfb-flex-direction-mobile,\r\n\t\t\t\tvar(--sfb-flex-direction-tablet, var(--sfb-flex-direction-desktop, row))\r\n\t\t\t);\r\n\t\t\tjustify-content: var(\r\n\t\t\t\t--sfb-justify-content-mobile,\r\n\t\t\t\tvar(\r\n\t\t\t\t\t--sfb-justify-content-tablet,\r\n\t\t\t\t\tvar(--sfb-justify-content-desktop, flex-start)\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\talign-items: var(\r\n\t\t\t\t--sfb-align-items-mobile,\r\n\t\t\t\tvar(--sfb-align-items-tablet, var(--sfb-align-items-desktop, stretch))\r\n\t\t\t);\r\n\t\t\talign-content: var(\r\n\t\t\t\t--sfb-align-content-mobile,\r\n\t\t\t\tvar(\r\n\t\t\t\t\t--sfb-align-content-tablet,\r\n\t\t\t\t\tvar(--sfb-align-content-desktop, normal)\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tflex-wrap: var(\r\n\t\t\t\t--sfb-flex-wrap-mobile,\r\n\t\t\t\tvar(--sfb-flex-wrap-tablet, var(--sfb-flex-wrap-desktop, nowrap))\r\n\t\t\t);\r\n\t\t\trow-gap: var(\r\n\t\t\t\t--sfb-row-gap-mobile,\r\n\t\t\t\tvar(--sfb-row-gap-tablet, var(--sfb-row-gap-desktop, 0))\r\n\t\t\t);\r\n\t\t\tcolumn-gap: var(\r\n\t\t\t\t--sfb-column-gap-mobile,\r\n\t\t\t\tvar(--sfb-column-gap-tablet, var(--sfb-column-gap-desktop, 0))\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Responsive flex item styles.\r\n.wp-block-sfb-container.is-flex > * {\r\n\t// Desktop\r\n\tflex: var(--flex-desktop, 1 1 auto);\r\n\talign-self: var(--align-self-desktop, auto);\r\n\torder: var(--order-desktop, 0);\r\n\r\n\t// Tablet\r\n\t@media (max-width: 782px) {\r\n\t\tflex: var(--flex-tablet, var(--flex-desktop, 1 1 100%));\r\n\t\talign-self: var(--align-self-tablet, var(--align-self-desktop, auto));\r\n\t\torder: var(--order-tablet, var(--order-desktop, 0));\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t// Mobile\r\n\t@media (max-width: 600px) {\r\n\t\tflex: var(--flex-mobile, var(--flex-tablet, var(--flex-desktop, 1 1 100%)));\r\n\t\talign-self: var(\r\n\t\t\t--align-self-mobile,\r\n\t\t\tvar(--align-self-tablet, var(--align-self-desktop, auto))\r\n\t\t);\r\n\t\torder: var(--order-mobile, var(--order-tablet, var(--order-desktop, 0)));\r\n\t}\r\n}\r\n// Editor-specific styles to override WordPress defaults\r\n.editor-styles-wrapper .wp-block-sfb-container.is-flex {\r\n\tdisplay: flex !important;\r\n\r\n\t// Override WordPress block editor inner blocks wrapper\r\n\t> .block-editor-inner-blocks > .block-editor-block-list__layout {\r\n\t\tdisplay: flex;\r\n\t\twidth: 100%;\r\n\t\tflex-direction: inherit;\r\n\t\tjustify-content: inherit;\r\n\t\talign-items: inherit;\r\n\t\talign-content: inherit;\r\n\t\tflex-wrap: inherit;\r\n\t\trow-gap: inherit;\r\n\t\tcolumn-gap: inherit;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}