{"version":3,"file":"alerts-dlx-common.css","mappings":"AACC,wEAGC,gBACA,cACA,YACA,UACA,eACA,gBACA,qBAED,gCACC,eAMD,2EACC,gBACA,cACA,YACA,UACA,eACA,gBACA,qBC1BF,gJAEC,SACA,UAED,wDAGC,6BACA,gCAGD,yDACC,gBAGD,2BACC,aACA,0BCZD,8DAGC,kDAGD,yMAOC,kBACA,sBACA,gBACA,kBACA,cACA,YACA,qBACA,+BAEA,goBAEC,gBACA,UACA,+BAKD,gUAOC,gBAKF,2EAIC,kBACA,qBACA,0BACG,wBAEH,uHACC,kDACA,gBAIF,kBACC,kBACA,eACA,MACA,QACA,qBACA,mBAEA,kDAEC,iCACA,WACA,YAWD,2TACC,aACA,8BACA,YACA,eACA,uBACA,qWACC,aACA,uBACA,WAKH,wBACC,gBACA,sBACA,kBAID,8BACC,iDAGA,gCACC,kBAID,0DACC,gBAGD,oDACC,gBAGD,wKAGC,gBAID,2DACC,YACA,aAGD,iFACC,gBACA,kBAKF,mMAIC,iDAID,mPAIC,iDAID,sRAIC,kBAID,8RAIC,kBAID,sYAIC,gBAGD,2EACC,kDACA,gBACA,gBAED,8WAIC,kDACA,gBACA,gBAGD,0nCAYC,gBAED,kDAEC,cACA,0BAGD,8BACC,GACC,UAED,KACC,UACA,UAKF,mBACC,kCACA,uBACA,sCACA,6BAGD,mEAEC,SACA,U","sources":["webpack://alerts-dlx/./src/scss/button-resets.scss","webpack://alerts-dlx/./src/scss/block-editor.scss","webpack://alerts-dlx/./src/scss/common.scss"],"sourcesContent":["button {\n\t&.button-reset,\n\t&.button-reset:focus,\n\t&.button-reset:hover {\n\t\tbackground: none;\n\t\tcolor: inherit;\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tcursor: pointer;\n\t\toutline: inherit;\n\t\ttext-transform: unset;\n\t}\n\t&.button-reset.show-cursor {\n\t\tcursor: pointer;\n\t}\n}\n.button-reset,\n.button-reset:focus,\n.button-reset:hover {\n\tbutton {\n\t\tbackground: none;\n\t\tcolor: inherit;\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tcursor: pointer;\n\t\toutline: inherit;\n\t\ttext-transform: unset;\n\t}\n}\n","button.button-reset.alerts-dlx-icon-preview-button.components-button,\nbutton.button-reset.alerts-dlx-icon-preview-button.components-button:hover {\n\tmargin: 0;\n\tpadding: 0;\n}\n.template-material,\n.template-chakra,\n.template-bootstrap {\n\tmargin-top: 1.5rem !important;\n\tmargin-bottom: 1.5rem !important;\n}\n\n.dlx-admin-only-block-expires .components-number-control {\n\tmargin-bottom: 0;\n}\n\n.alerts-dlx-editorial-only {\n\tpadding: 48px;\n\tborder: 4px dashed #ff9800;\n}","@import 'button-resets.scss';\n@import 'block-editor.scss';\n\n$white: #ffffff;\n\n/* MaterialUI Fonts */\n.template-material *,\n.template-chakra *,\n.template-bootstrap * {\n\tfont-family: 'Lato', 'Helvetica', 'Arial', sans-serif;\n}\n\na.alerts-dlx-button.button-reset,\na.alerts-dlx-button,\nbutton.button-reset,\nbutton.button-reset:hover,\na.alerts-dlx-button,\nbutton.button-reset.components-button,\nbutton.button-reset.components-button:hover {\n\tpadding: 10px 30px;\n\tborder-radius: 0.3125em;\n\tmargin-top: 0.8em;\n\tline-height: 1.2em;\n\tfont-size: 1em;\n\theight: auto;\n\ttext-decoration: none;\n\ttransition: all 0.3s ease-in-out;\n\n\t& ~ .button-reset,\n\t& ~ .button-reset:hover {\n\t\tmargin-top: 0.5em;\n\t\tpadding: 0;\n\t\ttransition: all 0.3s ease-in-out;\n\t}\n}\n\n.template-chakra {\n\ta.alerts-dlx-button.button-reset,\n\ta.alerts-dlx-button,\n\tbutton.button-reset,\n\tbutton.button-reset:hover,\n\ta.alerts-dlx-button,\n\tbutton.button-reset.components-button,\n\tbutton.button-reset.components-button:hover {\n\t\tborder-radius: 0;\n\t}\n}\n\n/* Block margins on front-end and block editor */\n.template-material,\n.template-chakra,\n.template-bootstrap,\n.template-shoelace {\n\tmargin-top: 1.5rem;\n\tmargin-bottom: 1.5rem;\n\tmargin-block-start: 1.5rem;\n    margin-block-end: 1.5rem;\n\n\tsection h2 {\n\t\tfont-family: 'Lato', 'Helvetica', 'Arial', sans-serif;\n\t\tfont-weight: 900;\n\t}\n}\n\n.alerts-dlx-close {\n\tposition: absolute;\n\tcursor: pointer;\n\ttop: 0;\n\tright: 0;\n\tpadding: 1.25rem 1rem;\n\tpadding-top: 0.75rem;\n\n\tsvg,\n\tsvg:hover {\n\t\ttransition: color 0.3s ease-in-out;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n}\n\n/* Consolidate variants for ChakraUI options */\n.alerts-dlx-chakra-variants,\n.alerts-dlx-material-variants,\n.alerts-dlx-shoelace-variants,\n.alerts-dlx-chakra-mode,\n.alerts-dlx-material-mode,\n.alerts-dlx-bootstrap-mode {\n\t.components-button-group {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr;\n\t\trow-gap: 8px;\n\t\tcolumn-gap: 8px;\n\t\tjustify-content: center;\n\t\tbutton {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\nfigure.alerts-dlx-alert {\n\ttext-align: left;\n\tbox-sizing: border-box;\n\tposition: relative;\n}\n\n/* Font size reset and inheritance - using high specificity selectors */\n.alerts-dlx-alert[role=\"alert\"] {\n\tfont-size: var(--alerts-dlx-base-font-size, 16px);\n\t\n\t/* Ensure all child elements inherit the base font size */\n\t* {\n\t\tfont-size: inherit;\n\t}\n\t\n\t/* Specific overrides for alert content with higher specificity */\n\tsection h2.alerts-dlx-title {\n\t\tfont-size: 1.2em;\n\t}\n\t\n\t.alerts-dlx-content p {\n\t\tfont-size: 1.2em;\n\t}\n\t\n\tbutton.button-reset,\n\ta.alerts-dlx-button,\n\tbutton.button-reset.components-button {\n\t\tfont-size: 1.2em;\n\t}\n\t\n\t/* Icon sizing */\n\t.alerts-dlx-icon-preview svg {\n\t\twidth: 1.4em;\n\t\theight: 1.4em;\n\t}\n\t\n\t.alerts-dlx-icon-frontend .alerts-dlx-icon-preview {\n\t\tfont-size: 1.2em;\n\t\tline-height: 2.2em;\n\t}\n}\n\n/* Theme-specific font size inheritance with higher specificity */\n.template-chakra .alerts-dlx-alert[role=\"alert\"],\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"],\n.template-material .alerts-dlx-alert[role=\"alert\"],\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] {\n\tfont-size: var(--alerts-dlx-base-font-size, 16px);\n}\n\n/* Multiple instances support with even higher specificity */\n.alerts-dlx .template-chakra .alerts-dlx-alert[role=\"alert\"],\n.alerts-dlx .template-bootstrap .alerts-dlx-alert[role=\"alert\"],\n.alerts-dlx .template-material .alerts-dlx-alert[role=\"alert\"],\n.alerts-dlx .template-shoelace .alerts-dlx-alert[role=\"alert\"] {\n\tfont-size: var(--alerts-dlx-base-font-size, 16px);\n}\n\n/* High specificity selectors to override theme-specific font sizes */\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace {\n\tfont-size: inherit;\n}\n\n/* Ensure proper font inheritance for all child elements */\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra *,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap *,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material *,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace * {\n\tfont-size: inherit;\n}\n\n/* Specific overrides for content elements with high specificity */\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra section h2.alerts-dlx-title,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap section h2.alerts-dlx-title,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material section h2.alerts-dlx-title,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace section h2.alerts-dlx-title {\n\tfont-size: 1.2em;\n}\n\n.editor-styles-wrapper .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-content p {\n\tfont-family: 'Lato', 'Helvetica', 'Arial', sans-serif;\n\tfont-weight: 400;\n\tfont-size: 1.2em;\n}\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra .alerts-dlx-content p,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap .alerts-dlx-content p,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material .alerts-dlx-content p,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace .alerts-dlx-content p {\n\tfont-family: 'Lato', 'Helvetica', 'Arial', sans-serif;\n\tfont-weight: 400;\n\tfont-size: 1.2em;\n}\n\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra button.button-reset,\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra a.alerts-dlx-button,\n.template-chakra .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-chakra button.button-reset.components-button,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap button.button-reset,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap a.alerts-dlx-button,\n.template-bootstrap .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-bootstrap button.button-reset.components-button,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material button.button-reset,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material a.alerts-dlx-button,\n.template-material .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-material button.button-reset.components-button,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace button.button-reset,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace a.alerts-dlx-button,\n.template-shoelace .alerts-dlx-alert[role=\"alert\"] .alerts-dlx-shoelace button.button-reset.components-button {\n\tfont-size: 1.2em;\n}\n.alerts-dlx-content a,\n.alerts-dlx-content a:hover {\n\tcolor: inherit;\n\ttext-decoration: underline;\n}\n\n@keyframes alerts-dlx-dismiss {\n\t0% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0;\n\t\theight: 0;\n\t}\n}\n\n/** Animation for removal **/\n.alerts-dlx-remove {\n\tanimation-name: alerts-dlx-dismiss;\n\tanimation-duration: 0.8s;\n\tanimation-timing-function: ease-in-out;\n\tanimation-fill-mode: forwards;\n}\n\n.entry-content .alerts-dlx-alert section,\n.alerts-dlx-alert section {\n\tmargin: 0;\n\tpadding: 0;\n}"],"names":[],"sourceRoot":""}