{"version":3,"file":"alerts-dlx-bootstrap-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,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,0CACC,aACA,0BACA,sDACA,qBACA,oBACA,cACA,+BAEA,8DACC,gCACA,eAGD,sEACC,gBACA,gBACA,kBACA,SACA,UACA,oBAED,gEACC,gBACA,gBACA,kBACA,SACA,UACA,kFACC,gBAIF,4MAGC,gBAGD,uEACC,YACA,aAED,6FACC,gBACA,kBAGD,2DACC,aACA,uBACA,uBAKD,kEACC,mBAKD,iEACC,cAED,wEACC,YACA,aAGD,mDACC,kBAGD,sEACC,kBACA,eACA,yFACC,WACA,uBAED,+FACC,kBACA,YAQD,iKACC,+DAED,6JACC,yDAED,iKACC,yDAGA,iKACC,qDAEA,6KACC,wDAKF,oVAEC,sDACA,qDAGF,iKACC,kEACA,yDAEA,o4BAIC,uDACA,+BAEA,gEAED,8cAEC,mEAUF,mKACC,oBA9M6B,CAgN9B,+JACC,aAlNsB,CAoNvB,mKACC,aArNsB,CAwNtB,mKACC,qDAEA,+KACC,wDAKF,wVAEC,sDACA,qDAGF,mKACC,wBAnO4B,CAoO5B,aAzOsB,CA2OtB,44BAIC,UD/OG,CCgPH,+BAEA,wBA/OyB,CAiP1B,kdAEC,wBApP4B,CA6P9B,uKACC,oBAvP+B,CAyPhC,mKACC,aA3PwB,CA6PzB,uKACC,aA9PwB,CAgQzB,uKACC,wBA5P8B,CA6P9B,aAlQwB,CAoQxB,45BAIC,UDhRG,CCiRH,+BAEA,wBAxQ2B,CA0Q5B,0dAEC,wBA7Q8B,CAiR/B,uKACC,qDAEA,mLACC,wDAKF,gWAEC,sDACA,qDASF,mKACC,oBAhS6B,CAkS9B,+JACC,aApSsB,CAsSvB,mKACC,aAvSsB,CAySvB,mKACC,wBArS4B,CAsS5B,aA3SsB,CA6StB,44BAIC,UDjUG,CCkUH,+BAEA,wBAjTyB,CAmT1B,kdAEC,wBAtT4B,CA0T7B,mKACC,qDAEA,+KACC,wDAKF,wVAEC,sDACA,qDASF,iKACC,oBAzU4B,CA2U7B,6JACC,aA7UqB,CA+UtB,iKACC,aAhVqB,CAkVtB,iKACC,wBA9U2B,CA+U3B,aApVqB,CAsVrB,o4BAIC,UDlXG,CCmXH,+BAEA,wBA1VwB,CA4VzB,8cAEC,wBA/V2B,CAmW5B,iKACC,qDAEA,6KACC,wDAKF,oVAEC,sDACA,qDASF,mKACC,oBAlX6B,CAoX9B,+JACC,aAtXsB,CAwXvB,mKACC,aAzXsB,CA2XvB,mKACC,wBAvX4B,CAwX5B,aA7XsB,CA+XtB,44BAIC,UDnaG,CCoaH,+BAEA,wBAnYyB,CAqY1B,kdAEC,wBAxY4B,CA4Y7B,mKACC,qDAEA,+KACC,wDAKF,wVAEC,sDACA,qDASF,6JACC,oBA3Z0B,CA6Z3B,yJACC,aA/ZmB,CAiapB,6JACC,aAlamB,CAoapB,6JACC,wBAhayB,CAiazB,aAtamB,CAwanB,o3BAIC,UDpdG,CCqdH,+BAEA,wBA5asB,CA8avB,scAEC,wBAjbyB,CAqb1B,6JACC,qDAEA,yKACC,wDAKF,4UAEC,sDACA,qDASF,+JACC,oBApc2B,CAsc5B,2JACC,aAxcoB,CA0crB,+JACC,aA3coB,CA6crB,+JACC,wBAzc0B,CA0c1B,aA/coB,CAidpB,43BAIC,UDrgBG,CCsgBH,+BAEA,wBArduB,CAudxB,0cAEC,wBA1d0B,CA8d3B,+JACC,qDAEA,2KACC,wDAKF,gVAEC,sDACA,qDASF,6JACC,oBA7e0B,CA+e3B,yJACC,aAjfmB,CAmfpB,6JACC,aApfmB,CAsfpB,6JACC,wBAlfyB,CAmfzB,aAxfmB,CA0fnB,o3BAIC,UDtjBG,CCujBH,+BAEA,wBA9fsB,CAggBvB,scAEC,wBAngByB,CAugB1B,6JACC,qDAEA,yKACC,wDAKF,4UAEC,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/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","@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: #084298;\n$bootstrap-primary-color-border: #b6d4fe;\n$bootstrap-primary-color-accent: #26559c;\n$bootstrap-primary-color-alt: #084298;\n$bootstrap-primary-color-bold: #084298;\n$bootstrap-primary-color-light: #cfe2ff;\n\n// Bootstrap secondary.\n$bootstrap-secondary-color: #41464b;\n$bootstrap-secondary-color-border: #d3d6d8;\n$bootstrap-secondary-color-accent: #5c6874;\n$bootstrap-secondary-color-alt: #41464b;\n$bootstrap-secondary-color-bold: #41464b;\n$bootstrap-secondary-color-light: #e2e3e5;\n\n// Bootstrap Success.\n$bootstrap-success-color: #0f5132;\n$bootstrap-success-color-border: #badbcc;\n$bootstrap-success-color-accent: #167247;\n$bootstrap-success-color-alt: #0f5132;\n$bootstrap-success-color-bold: #0f5132;\n$bootstrap-success-color-light: #d1e7dd;\n\n// Bootstrap Danger.\n$bootstrap-danger-color: #842029;\n$bootstrap-danger-color-border: #f5c2c7;\n$bootstrap-danger-color-accent: #832e35;\n$bootstrap-danger-color-alt: #842029;\n$bootstrap-danger-color-bold: #842029;\n$bootstrap-danger-color-light: #f8d7da;\n\n// Bootstrap Warning\n$bootstrap-warning-color: #664d03;\n$bootstrap-warning-color-border: #ffecb5;\n$bootstrap-warning-color-accent: #7f6002;\n$bootstrap-warning-color-alt: #664d03;\n$bootstrap-warning-color-bold: #664d03;\n$bootstrap-warning-color-light: #fff3cd;\n\n// Bootstrap Info\n$bootstrap-info-color: #055160;\n$bootstrap-info-color-border: #b6effb;\n$bootstrap-info-color-accent: #076c81;\n$bootstrap-info-color-alt: #055160;\n$bootstrap-info-color-bold: #055160;\n$bootstrap-info-color-light: #cff4fc;\n\n// Bootstrap Light\n$bootstrap-light-color: #636464;\n$bootstrap-light-color-border: #fdfdfe;\n$bootstrap-light-color-accent: #7b7c7c;\n$bootstrap-light-color-alt: #636464;\n$bootstrap-light-color-bold: #636464;\n$bootstrap-light-color-light: #fefefe;\n\n// Bootstrap Dark\n$bootstrap-dark-color: #141619;\n$bootstrap-dark-color-border: #bcbebf;\n$bootstrap-dark-color-accent: #292d33;\n$bootstrap-dark-color-alt: #141619;\n$bootstrap-dark-color-bold: #141619;\n$bootstrap-dark-color-light: #d3d3d4;\n\n.template-bootstrap {\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: $white;\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: $white;\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: $white;\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: $white;\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: $white;\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: $white;\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":""}