{"version":3,"file":"alerts-dlx-bootstrap-dark.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,gCCHD,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,kBAED,kDAEC,cACA,0BAGD,8BACC,GACC,UAED,KACC,UACA,UAKF,mBACC,kCACA,uBACA,sCACA,6BC3DA,uDACC,aACA,0BACA,sDACA,qBACA,oBACA,cACA,+BAEA,2EACC,gCACA,eAGD,mFACC,gBACA,gBACA,kBACA,SACA,UACA,oBAED,6EACC,gBACA,gBACA,kBACA,SACA,UACA,+FACC,gBAIF,mPAGC,gBAGD,oFACC,YACA,aAED,0GACC,gBACA,kBAGD,wEACC,aACA,uBACA,uBAKD,+EACC,mBAKD,8EACC,cAED,qFACC,YACA,aAGD,gEACC,kBAGD,mFACC,kBACA,eACA,sGACC,WACA,uBAED,4GACC,kBACA,YAQD,2LACC,+DAED,uLACC,yDAED,2LACC,yDAGA,2LACC,qDAEA,uMACC,wDAKF,wYAEC,sDACA,qDAGF,2LACC,kEACA,yDAEA,4+BAIC,uDACA,+BAEA,gEAED,kgBAEC,mEAUF,6LACC,oBA9M6B,CAgN9B,yLACC,aAlNsB,CAoNvB,6LACC,aArNsB,CAwNtB,6LACC,qDAEA,yMACC,wDAKF,4YAEC,sDACA,qDAGF,6LACC,wBAnO4B,CAoO5B,aAzOsB,CA2OtB,o/BAIC,aA1O2B,CA2O3B,+BAEA,wBA/OyB,CAiP1B,sgBAEC,wBApP4B,CA6P9B,iMACC,oBAvP+B,CAyPhC,6LACC,aA3PwB,CA6PzB,iMACC,aA9PwB,CAgQzB,iMACC,wBA5P8B,CA6P9B,aAlQwB,CAoQxB,ogCAIC,aAnQ6B,CAoQ7B,+BAEA,wBAxQ2B,CA0Q5B,8gBAEC,wBA7Q8B,CAiR/B,iMACC,qDAEA,6MACC,wDAKF,oZAEC,sDACA,qDASF,6LACC,oBAhS6B,CAkS9B,yLACC,aApSsB,CAsSvB,6LACC,aAvSsB,CAySvB,6LACC,wBArS4B,CAsS5B,aA3SsB,CA6StB,o/BAIC,UDjUG,CCkUH,+BAEA,wBAjTyB,CAmT1B,sgBAEC,wBAtT4B,CA0T7B,6LACC,qDAEA,yMACC,wDAKF,4YAEC,sDACA,qDASF,2LACC,oBAzU4B,CA2U7B,uLACC,aA7UqB,CA+UtB,2LACC,aAhVqB,CAkVtB,2LACC,wBA9U2B,CA+U3B,aApVqB,CAsVrB,4+BAIC,UDlXG,CCmXH,+BAEA,wBA1VwB,CA4VzB,kgBAEC,wBA/V2B,CAmW5B,2LACC,qDAEA,uMACC,wDAKF,wYAEC,sDACA,qDASF,6LACC,oBAlX6B,CAoX9B,yLACC,aAtXsB,CAwXvB,6LACC,aAzXsB,CA2XvB,6LACC,wBAvX4B,CAwX5B,aA7XsB,CA+XtB,o/BAIC,aA9X2B,CA+X3B,+BAEA,wBAnYyB,CAqY1B,sgBAEC,wBAxY4B,CA4Y7B,6LACC,qDAEA,yMACC,wDAKF,4YAEC,sDACA,qDASF,uLACC,oBA3Z0B,CA6Z3B,mLACC,aA/ZmB,CAiapB,uLACC,aAlamB,CAoapB,uLACC,wBAhayB,CAiazB,aAtamB,CAwanB,49BAIC,aAvawB,CAwaxB,+BAEA,wBA5asB,CA8avB,0fAEC,wBAjbyB,CAqb1B,uLACC,qDAEA,mMACC,wDAKF,gYAEC,sDACA,qDASF,yLACC,oBApc2B,CAsc5B,qLACC,aAxcoB,CA0crB,yLACC,aA3coB,CA6crB,yLACC,wBAzc0B,CA0c1B,aA/coB,CAidpB,o+BAIC,aAhdyB,CAidzB,+BAEA,wBArduB,CAudxB,8fAEC,wBA1d0B,CA8d3B,yLACC,qDAEA,qMACC,wDAKF,oYAEC,sDACA,qDASF,uLACC,oBA7e0B,CA+e3B,mLACC,aAjfmB,CAmfpB,uLACC,aApfmB,CAsfpB,uLACC,wBAlfyB,CAmfzB,aAxfmB,CA0fnB,49BAIC,aAzfwB,CA0fxB,+BAEA,wBA9fsB,CAggBvB,0fAEC,wBAngByB,CAugB1B,uLACC,qDAEA,mMACC,wDAKF,gYAEC,sDACA,qD","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/bootstrap/dark.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","@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.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}","@import '../common.scss';\n\n// Bootstrap Primary colors.\n$bootstrap-primary-color: #6ea8fe;\n$bootstrap-primary-color-border: #084298;\n$bootstrap-primary-color-accent: #5a91e4;\n$bootstrap-primary-color-alt: #6ea8fe;\n$bootstrap-primary-color-bold: #6ea8fe;\n$bootstrap-primary-color-light: #031633;\n\n// Bootstrap secondary.\n$bootstrap-secondary-color: #a7acb1;\n$bootstrap-secondary-color-border: #084298;\n$bootstrap-secondary-color-accent: #c2c5c9;\n$bootstrap-secondary-color-alt: #a7acb1;\n$bootstrap-secondary-color-bold: #a7acb1;\n$bootstrap-secondary-color-light: #031633;\n\n// Bootstrap Success.\n$bootstrap-success-color: #75b798;\n$bootstrap-success-color-border: #084298;\n$bootstrap-success-color-accent: #167247;\n$bootstrap-success-color-alt: #75b798;\n$bootstrap-success-color-bold: #75b798;\n$bootstrap-success-color-light: #031633;\n\n// Bootstrap Danger.\n$bootstrap-danger-color: #ea868f;\n$bootstrap-danger-color-border: #084298;\n$bootstrap-danger-color-accent: #832e35;\n$bootstrap-danger-color-alt: #ea868f;\n$bootstrap-danger-color-bold: #ea868f;\n$bootstrap-danger-color-light: #031633;\n\n// Bootstrap Warning\n$bootstrap-warning-color: #ffda6a;\n$bootstrap-warning-color-border: #084298;\n$bootstrap-warning-color-accent: #eec959;\n$bootstrap-warning-color-alt: #ffda6a;\n$bootstrap-warning-color-bold: #ffda6a;\n$bootstrap-warning-color-light: #031633;\n\n// Bootstrap Info\n$bootstrap-info-color: #6edff6;\n$bootstrap-info-color-border: #084298;\n$bootstrap-info-color-accent: #5cc9df;\n$bootstrap-info-color-alt: #6edff6;\n$bootstrap-info-color-bold: #6edff6;\n$bootstrap-info-color-light: #031633;\n\n// Bootstrap Light\n$bootstrap-light-color: #f8f9fa;\n$bootstrap-light-color-border: #084298;\n$bootstrap-light-color-accent: #eaf0f6;\n$bootstrap-light-color-alt: #f8f9fa;\n$bootstrap-light-color-bold: #f8f9fa;\n$bootstrap-light-color-light: #031633;\n\n// Bootstrap Dark\n$bootstrap-dark-color: #f8f9fa;\n$bootstrap-dark-color-border: #084298;\n$bootstrap-dark-color-accent: #eaf0f6;\n$bootstrap-dark-color-alt: #f8f9fa;\n$bootstrap-dark-color-bold: #f8f9fa;\n$bootstrap-dark-color-light: #031633;\n\n.template-bootstrap.is-dark-mode {\n\t/* MaterialUI Success */\n\t.alerts-dlx-bootstrap {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr;\n\t\tfont-size: var(--alerts-dlx-bootstrap-base-size, 16px);\n\t\tpadding: 0.75em 1.25em;\n\t\tborder-radius: 0.25em;\n\t\tmargin: 0 auto;\n\t\tborder: 1px solid transparent;\n\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.6em;\n\t\t\theight: 1.6em;\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&.is-appearance-centered {\n\t\t.alerts-dlx-bootstrap {\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-custom {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: var(--alerts-dlx-bootstrap-color-border, $bootstrap-primary-color-border);\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-primary, $bootstrap-primary-color);\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-primary, $bootstrap-primary-color);\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-primary-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-primary-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-primary-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-primary-color-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: var(--alerts-dlx-bootstrap-color-light, $bootstrap-primary-color-light);\n\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-primary, $bootstrap-primary-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-bootstrap-color-light, $white);\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: var(--alerts-dlx-bootstrap-color-alt, $bootstrap-primary-color-alt);\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-bootstrap-color-accent, $bootstrap-primary-color-accent);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\n\t}\n\n\t&.is-style-primary {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-primary-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-primary-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-primary-color;\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-primary-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-primary-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-primary-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-primary-color-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-primary-color-light;\n\t\t\t\tcolor: $bootstrap-primary-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: $bootstrap-primary-color-light;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $bootstrap-primary-color-alt;\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: $bootstrap-primary-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-secondary {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-secondary-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-secondary-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-secondary-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-secondary-color-light;\n\t\t\t\tcolor: $bootstrap-secondary-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: $bootstrap-secondary-color-light;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $bootstrap-secondary-color-alt;\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: $bootstrap-secondary-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-secondary-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-secondary-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-secondary-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-secondary-color-bold);\n\t\t\t\t}\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\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-success-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-success-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-success-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-success-color-light;\n\t\t\t\tcolor: $bootstrap-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: $bootstrap-success-color-alt;\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: $bootstrap-success-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-success-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-success-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-success-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-success-color-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-danger {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-danger-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-danger-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-danger-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-danger-color-light;\n\t\t\t\tcolor: $bootstrap-danger-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: $bootstrap-danger-color-alt;\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: $bootstrap-danger-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-danger-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-danger-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-danger-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-danger-color-bold);\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\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-warning-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-warning-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-warning-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-warning-color-light;\n\t\t\t\tcolor: $bootstrap-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: $bootstrap-warning-color-light;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $bootstrap-warning-color-alt;\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: $bootstrap-warning-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-warning-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-warning-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-warning-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-warning-color-bold);\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\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-info-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-info-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-info-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-info-color-light;\n\t\t\t\tcolor: $bootstrap-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: $bootstrap-info-color-light;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $bootstrap-info-color-alt;\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: $bootstrap-info-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-info-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-info-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-info-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-info-color-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-light {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-light-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-light-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-light-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-light-color-light;\n\t\t\t\tcolor: $bootstrap-light-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: $bootstrap-light-color-light;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $bootstrap-light-color-alt;\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: $bootstrap-light-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-light-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-light-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-light-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-light-color-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-style-dark {\n\t\t&.is-appearance-default,\n\t\t&.is-appearance-centered {\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tborder-color: $bootstrap-dark-color-border;\n\t\t\t}\n\t\t\th2.alerts-dlx-title {\n\t\t\t\tcolor: $bootstrap-dark-color;\n\t\t\t}\n\t\t\t.alerts-dlx-content p {\n\t\t\t\tcolor: $bootstrap-dark-color;\n\t\t\t}\n\t\t\t.alerts-dlx-bootstrap {\n\t\t\t\tbackground-color: $bootstrap-dark-color-light;\n\t\t\t\tcolor: $bootstrap-dark-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: $bootstrap-dark-color-light;\n\t\t\t\t\tborder: 1px solid transparent;\n\n\t\t\t\t\tbackground-color: $bootstrap-dark-color-alt;\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: $bootstrap-dark-color-accent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-close {\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: var( --alerts-dlx-bootstrap-color-alt, $bootstrap-dark-color-alt);\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-accent, $bootstrap-dark-color-accent);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.alerts-dlx-icon {\n\t\t\t\tsvg,\n\t\t\t\tsvg path svg g {\n\t\t\t\t\tcolor: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-dark-color-bold);\n\t\t\t\t\tfill: var(--alerts-dlx-bootstrap-color-bold, $bootstrap-dark-color-bold);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}