.bf-icon.bf-icon-svg{fill:currentColor;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;align-self:center;vertical-align:initial}.bf-icon.bf-icon-svg:before{content:"";display:none}.bf-icon.bf-icon-svg svg{height:1em!important;width:1em!important;fill:currentColor;top:.125em;position:relative}.bf-icon .hidden{display:none!important}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}.bf-icon.bf-icon-svg.fa-pulse,.bf-icon.bf-icon-svg.fa-spin{animation:initial}.bf-icon.bf-icon-svg.fa-pulse .bf-svg-tag,.bf-icon.bf-icon-svg.fa-spin .bf-svg-tag{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.cp-unselectable {
-moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none; -webkit-touch-callout: none;
}
.cp-unselectable::selection{
background-color: transparent;
}.cp-alert,
.cp-alert * {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box;
}
.cp-alert {
--cp-primary-color: #DC1F1F;
--cp-width: 530px;
--cp-border-radius: 3px;
--cp-bg-color: #fff;
--cp-box-shadow: 0 4px 6px #00000020;
--cp-box-padding: 30px;
--cp-text-align: center;
line-height: 1;
}
.cp-alert .cp-close {
border-radius: 50%;
font-size: 13px;
padding: 7px;
position: absolute;
right: 20px;
top: 20px;
color: var(--cp-primary-color);
}
.cp-alert-popup {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #00000075;
z-index: 999999;
}
.cp-alert {
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: var(--cp-width);
background: var(--cp-bg-color);
border-radius: var(--cp-border-radius);
box-shadow: var(--cp-box-shadow);
text-align: var(--cp-text-align);
}
.cp-alert .cp-alert-inner {
position: relative;
padding: var(--cp-box-padding);
overflow: hidden;
border-radius: var(--cp-border-radius);
}
.cp-alert .cp-alert-heading {
font-size: 22px;
}
.cp-alert .cp-alert-message {
font-size: 16px;
line-height: 1.5;
} .cp-alert.cp-alert-1 {
--cp-width: 500px;
--cp-box-padding: 45px;
}
.cp-alert.cp-alert-1 .cp-alert-inner {
padding-top: 215px;
min-height: 310px;
}
.cp-alert.cp-alert-1 .cp-alert-inner:before {
position: absolute;
width: 660px;
left: 50%;
margin-left: -330px;
top: -170px;
height: 360px;
background-color: var(--cp-primary-color);
content: '';
display: inline-block;
border-radius: 50%;
z-index: -1;
opacity: 0.1;
}
.cp-alert.cp-alert-1 .cp-icon {
font-size: 90px;
position: absolute;
left: 0;
right: 0;
text-align: center;
justify-content: center;
top: 55px;
color: var(--cp-primary-color);
}
.cp-alert.cp-alert-1 .cp-alert-heading {
margin-bottom: 15px;
}