{"version":3,"file":"alerts-dlx-material-light.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,UCpNA,wCACC,aACA,0BACA,qDACA,aACA,kBACA,cAEA,qEACC,YACA,aAED,4DACC,gCACA,eAGD,oEACC,gBACA,gBACA,kBACA,SACA,UACA,oBAED,8DACC,gBACA,gBACA,kBACA,SACA,UACA,gFACC,gBAIF,sMAGC,gBAGD,qEACC,YACA,aAED,2FACC,gBACA,kBAGD,yDACC,aACA,uBACA,uBAKD,iEACC,mBAKF,qGAEC,8CAED,kGAEC,8CAED,qGAEC,8CAED,mGAEC,8CAIA,+DACC,cAED,uEACC,YACA,aAGD,kDACC,kBAGD,qEACC,kBACA,eACA,wFACC,WACA,uBAED,8FACC,kBACA,YAQD,6JACC,aAxIqB,CA0ItB,iKACC,aA3IqB,CA6ItB,+JACC,wBA1I2B,CA2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","sources":["webpack://alerts-dlx/./src/scss/button-resets.scss","webpack://alerts-dlx/./src/scss/block-editor.scss","webpack://alerts-dlx/./src/scss/common.scss","webpack://alerts-dlx/./src/scss/material/light.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}","@import '../common.scss';\n\n// Material colors.\n$material-success-color: #1e4620;\n$material-success-color-accent: #295e2c;\n$material-success-color-alt: #2e7d32;\n$material-success-color-bold: #4caf50;\n$material-success-color-light: #edf7ed;\n$material-info-color: #014361;\n$material-info-color-accent: #035e88;\n$material-info-color-alt: #0277bd;\n$material-info-color-bold: #03a9f4;\n$material-info-color-light: #e5f6fd;\n$material-warning-color: #663c00;\n$material-warning-color-accent: #8c5e00;\n$material-warning-color-alt: #ed6c02;\n$material-warning-color-bold: #ff9800;\n$material-warning-color-light: #fff4e5;\n$material-error-color: #5f2120;\n$material-error-color-accent: #8c2d2b;\n$material-error-color-alt: #d32f2f;\n$material-error-color-bold: #ef5350;\n$material-error-color-light: #fdeded;\n\n.template-material {\n\t/* MaterialUI Success */\n\t.alerts-dlx-material {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr;\n\t\tfont-size: var(--alerts-dlx-material-base-size, 16px);\n\t\tpadding: 16px;\n\t\tborder-radius: 4px;\n\t\tmargin: 0 auto;\n\n\t\t.alerts-dlx-icon-preview svg {\n\t\t\twidth: 1.8em;\n\t\t\theight: 1.8em;\n\t\t}\n\t\t&.alerts-dlx-has-icon {\n\t\t\tgrid-template-columns: 3.8em 1fr;\n\t\t\tpadding-left: 0;\n\t\t}\n\n\t\tsection h2.alerts-dlx-title {\n\t\t\tfont-size: 1.2em;\n\t\t\tfont-weight: 900;\n\t\t\tline-height: 1.5em;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tmargin-bottom: 0.35em;\n\t\t}\n\t\t.alerts-dlx-content p {\n\t\t\tfont-size: 1.2em;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 1.5em;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\t&:not(:first-child) {\n\t\t\t\tmargin-top: 0.5em;\n\t\t\t}\n\t\t}\n\n\t\tbutton.button-reset,\n\t\ta.alerts-dlx-button,\n\t\tbutton.button-reset.components-button {\n\t\t\tfont-size: 1.2em;\n\t\t}\n\n\t\t.alerts-dlx-icon-preview svg {\n\t\t\twidth: 1.4em;\n\t\t\theight: 1.4em;\n\t\t}\n\t\t.alerts-dlx-icon-frontend .alerts-dlx-icon-preview {\n\t\t\tfont-size: 1.2em;\n\t\t\tline-height: 2.2em;\n\t\t}\n\n\t\t.alerts-dlx-icon {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t&.icon-vertical-align-centered {\n\t\t.alerts-dlx-icon {\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t/* Dropshadows */\n\t&.is-style-success.is-dropshadow-enabled.is-appearance-default\n\t\t.alerts-dlx-material {\n\t\tbox-shadow: 1px 1px 5px 1px rgba(46, 125, 50, 0.2);\n\t}\n\t&.is-style-info.is-dropshadow-enabled.is-appearance-default\n\t\t.alerts-dlx-material {\n\t\tbox-shadow: 1px 1px 5px 1px rgba(2, 119, 189, 0.2);\n\t}\n\t&.is-style-warning.is-dropshadow-enabled.is-appearance-default\n\t\t.alerts-dlx-material {\n\t\tbox-shadow: 1px 1px 5px 1px rgba(237, 108, 2, 0.2);\n\t}\n\t&.is-style-error.is-dropshadow-enabled.is-appearance-default\n\t\t.alerts-dlx-material {\n\t\tbox-shadow: 1px 1px 5px 1px rgba(211, 47, 47, 0.2);\n\t}\n\n\t&.is-appearance-centered {\n\t\t.alerts-dlx-material {\n\t\t\tdisplay: block;\n\t\t}\n\t\t.alerts-dlx-icon-preview svg {\n\t\t\twidth: 1.6em;\n\t\t\theight: 1.6em;\n\t\t}\n\n\t\tsection {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.alerts-dlx-button-wrapper {\n\t\t\tposition: relative;\n\t\t\tflex-wrap: wrap;\n\t\t\tbutton:first-child {\n\t\t\t\twidth: 100%;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\t\t\tbutton:not(:first-child) {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: -35px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-success {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-success-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-success-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-success-color-light;\n\t\t\t\tcolor: $material-success-color;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $material-success-color;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-success-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-success-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-success-color-accent;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-success-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.is-appearance-outlined {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-success-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-success-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $material-success-color;\n\t\t\t\tborder: 2px solid $material-success-color-bold;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-success-color;\n\t\t\t\t\tborder: 2px solid $material-success-color-bold;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-success-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-success-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-success-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $material-success-color-alt;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-success-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.is-appearance-filled {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-success-color-alt;\n\t\t\t\tcolor: $white;\n\t\t\t\tborder: 2px solid $material-success-color-alt;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-success-color-alt;\n\t\t\t\t\tborder: 2px solid $material-success-color-alt;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $white;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-success-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-success-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $white;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-info {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-info-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-info-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-info-color-light;\n\t\t\t\tcolor: $material-info-color;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $material-info-color;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-info-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-info-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-info-color-accent;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-info-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.is-appearance-outlined {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-info-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-info-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $material-info-color;\n\t\t\t\tborder: 2px solid $material-info-color-bold;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-info-color;\n\t\t\t\t\tborder: 2px solid $material-info-color-bold;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-info-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-info-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-info-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $material-info-color-alt;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-info-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.is-appearance-filled {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-info-color-alt;\n\t\t\t\tcolor: $white;\n\t\t\t\tborder: 2px solid $material-info-color-alt;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-info-color-alt;\n\t\t\t\t\tborder: 2px solid $material-info-color-alt;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $white;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-info-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-info-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $white;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-warning {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-warning-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-warning-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-warning-color-light;\n\t\t\t\tcolor: $material-warning-color;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $material-warning-color;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-warning-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-warning-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-warning-color-accent;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-warning-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.is-appearance-outlined {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-warning-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-warning-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $material-warning-color;\n\t\t\t\tborder: 2px solid $material-warning-color-bold;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-warning-color;\n\t\t\t\t\tborder: 2px solid $material-warning-color-bold;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-warning-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-warning-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-warning-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $material-warning-color-alt;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-warning-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.is-appearance-filled {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-warning-color-alt;\n\t\t\t\tcolor: $white;\n\t\t\t\tborder: 2px solid $material-warning-color-alt;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-warning-color-alt;\n\t\t\t\t\tborder: 2px solid $material-warning-color-alt;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $white;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-warning-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-warning-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $white;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-error {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-error-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-error-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-error-color-light;\n\t\t\t\tcolor: $material-error-color;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $material-error-color;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-error-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-error-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-error-color-accent;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-error-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.is-appearance-outlined {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $material-error-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $material-error-color;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $material-error-color;\n\t\t\t\tborder: 2px solid $material-error-color-bold;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-error-color;\n\t\t\t\t\tborder: 2px solid $material-error-color-bold;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $material-error-color-bold;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-error-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-error-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $material-error-color-alt;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $material-error-color-bold;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.is-appearance-filled {\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: $material-error-color-alt;\n\t\t\t\tcolor: $white;\n\t\t\t\tborder: 2px solid $material-error-color-alt;\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: $material-error-color-alt;\n\t\t\t\t\tborder: 2px solid $material-error-color-alt;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t\t.alerts-dlx-close {\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tcolor: $white;\n\t\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcolor: $material-error-color-accent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: $material-error-color-alt;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tborder: 2px solid $white;\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-custom {\n\t\th2.alerts-dlx-title {\n\t\t\tcolor: var( --alerts-dlx-material-color-primary, $material-info-color );\n\t\t}\n\t\t.alerts-dlx-content p {\n\t\t\tcolor: var( --alerts-dlx-material-color-primary, $material-info-color );\n\t\t}\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: var( --alerts-dlx-material-color-light, $material-info-color-light );\n\t\t\t\tcolor: var( --alerts-dlx-material-color-primary, $material-info-color );\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-alt-text, $white );\n\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\tbackground-color: var(--alerts-dlx-material-color-alt, $material-info-color-light);\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: var( --alerts-dlx-material-color-alt-hover, $material-info-color-accent );\n\t\t\t\t}\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-bold, $material-info-color-bold );\n\t\t\t\t\tfill: var( --alerts-dlx-material-color-bold, $material-info-color-bold );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.is-appearance-outlined {\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: var( --alerts-dlx-material-color-light, $white );\n\t\t\t\tcolor: var( --alerts-dlx-material-color-primary, $material-info-color );\n\t\t\t\tborder: 2px solid var( --alerts-dlx-material-color-border, $material-info-color-bold );\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-alt-text, $material-info-color );\n\t\t\t\t\tborder: 2px solid var( --alerts-dlx-material-color-border, $material-info-color-bold );\n\t\t\t\t\tbackground-color: var( --alerts-dlx-material-color-alt, $white );\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: var( --alerts-dlx-material-color-alt-hover, $material-info-color-accent );\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-alt-text-hover, $white );\n\t\t\t\t\tborder: 2px solid var( --alerts-dlx-material-color-alt, $material-info-color-accent );\n\t\t\t\t}\n\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-bold, $material-info-color-bold );\n\t\t\t\t\tfill: var( --alerts-dlx-material-color-bold, $material-info-color-bold );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.is-appearance-filled {\n\t\t\t.alerts-dlx-material {\n\t\t\t\tbackground-color: var( --alerts-dlx-material-color-light, $material-info-color-light );\n\t\t\t\tcolor: var( --alerts-dlx-material-color-alt-text, $white );\n\t\t\t\tborder: 2px solid var( --alerts-dlx-material-color-border, $material-info-color-bold );\n\n\t\t\t\tbutton.button-reset.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button,\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-alt-text, $material-info-color );\n\t\t\t\t\tborder: 2px solid var( --alerts-dlx-material-color-alt, $material-info-color );\n\t\t\t\t\tbackground-color: var( --alerts-dlx-material-color-alt, $white );\n\t\t\t\t}\n\t\t\t\ta.alerts-dlx-button:hover,\n\t\t\t\tbutton.button-reset.alerts-dlx-button:hover {\n\t\t\t\t\tbackground-color: var( --alerts-dlx-material-color-alt-hover, $material-info-color-accent );\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-alt-text-hover, $white );\n\t\t\t\t\tborder: 2px solid var( --alerts-dlx-material-color-alt, $white );\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tsvg,\n\t\t\t\tsvg path {\n\t\t\t\t\tcolor: var( --alerts-dlx-material-color-bold, $material-info-color-bold );\n\t\t\t\t\tfill: var( --alerts-dlx-material-color-bold, $material-info-color-bold );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}