html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.disable-scroll{position:relative;overflow:hidden;height:100vh;position:fixed;left:0;top:0;width:100%}.graph-modal{--transition-time:0.3s;position:fixed;inset:0;z-index:1000;display:flex;padding:30px 0;background-color:rgba(0,0,0,.7);cursor:pointer;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transition:opacity var(--transition-time),visibility var(--transition-time)}.graph-modal__container{position:relative;width:1000px;margin:auto;display:block;background-color:#fff;border-radius:10px;padding:20px;cursor:default;display:none}@media (max-width:1024px){.graph-modal__container{width:90%}}.graph-modal__close{position:absolute;right:10px;top:10px;border:none;padding:0;width:20px;height:20px;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");cursor:pointer}.graph-modal.is-open{opacity:1;visibility:visible;transition:opacity var(--transition-time),visibility var(--transition-time)}.graph-modal__container.graph-modal-open{display:block}.fade{opacity:0}.fade,.fade.animate-open{transition:opacity var(--transition-time)}.fade.animate-open{opacity:1}.fadeInUp{opacity:0;transform:translateY(-100px)}.fadeInUp,.fadeInUp.animate-open{transition:transform var(--transition-time),opacity var(--transition-time)}.fadeInUp.animate-open{opacity:1;transform:translateY(0)}.bfl{
margin-bottom: 25px;
}
.bfl__item__header h4 {
font-size: 32px;
color: #000;
}
.bfl__input_items{
display: flex;
flex-direction: column;
gap: 25px;
}
.bfl__form{
transition: .3s ease all;
}
.bfl__form.sending {
filter: blur(4px);
cursor: progress;
}
.bfl__form.sending .bfl__input_items {
pointer-events: none;
}
.bfl__form .bfl__item{
padding: 20px 15px;
background-color: #fafafa;
border: 1px solid #cccccc;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 25px;
height: unset;
margin: 0;
}
@media(max-width: 600px){
.bfl__item__header h4 {
font-size: 22px;
}
.bfl__form .bfl__item{
gap: 15px;
}
}
.bfl__form .bfl__item.radio {
display: inline-block;
overflow: hidden;
}
.bfl__radio_item {
display: inline-block;
float: left;
}
.bfl__form .bfl__item.processing {
filter: blur(5px);
}
.bfl__form .bfl__item.radio input[type=radio] {
display: none;
}
.bfl__form .bfl__item.radio label {
display: inline-block;
cursor: pointer;
padding: 0px 15px;
line-height: 34px;
border: 1px solid #999;
border-right: none;
user-select: none;
}
.bfl__form .bfl__item.radio .bfl__radio_item:first-child label {
border-radius: 6px 0 0 6px;
}
.bfl__form .bfl__item.radio .bfl__radio_item:last-child label {
border-radius: 0 6px 6px 0;
border-right: 1px solid #999;
} .bfl__form .bfl__item.radio input[type=radio]:checked + label {
background: #0071ce;
color: #FFF;
} .bfl__form .bfl__item.radio label:hover {
opacity: .6;
} .bfl__form .bfl__item.radio input[type=radio]:disabled + label {
background: #efefef;
color: #666;
}
.bfl__form .bfl__item .bfl__input_item{
position: relative;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.bfl__form .bfl__item .bfl__input_item .error{
font-size: 80%;
color: #FD0000;
}
.bfl__form .bfl__item *{
margin: 0;
}
.bfl__form .bfl__item .bfl__inputs{
display: flex;
flex-direction: column;
gap: 15px;
}
.bfl__form .bfl__item .bfl__inputs.bfl_flex-row{
display: flex;
flex-direction: row;
gap: 15px;
}
.bfl__form .bfl__item .bfl__inputs.half-row{
display: flex;
flex-direction: row;
width: 50%;
padding-right: 7.5px;
}
@media(max-width: 600px){
.bfl__form .bfl__item .bfl__inputs.bfl_flex-row{
flex-direction: column;
}
.bfl__form .bfl__item .bfl__inputs.half-row{
width: 100%;
padding-right: unset;
}
}
.bfl__form .bfl__item input:not([type="radio"], [type="checkbox"]), .bfl__form .bfl__item select {
width: 100%;
padding: 11px 16px 12px 16px;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 14px;
line-height: 150%;
font-weight: normal;
color: #000000;
opacity: 0.7;
-webkit-appearance: none;
outline: none;
transition: border 0.2s linear;
max-width: 100%;
box-sizing: border-box;
}
.bfl__form .bfl__item input::placeholder, .bfl__form .bfl__item select::placeholder {
transition: ease-in-out .2s all;
}
.bfl__form .bfl__item input:not([type="radio"], [type="checkbox"], .active)::placeholder, .bfl__form .bfl__item select::placeholder {
color: transparent;
}
.bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label){
position: absolute;
left: 15px;
line-height: 1;
top: 10px;
transition: ease-in-out .2s all;
z-index: 1;
} .bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label) span{
padding: 0 6px 0 6px;
font-size: 16px;
line-height: 150%;
color: #000000;
opacity: 0.4;
z-index: 1;
position: relative;
}
.bfl__form .bfl__item label span sup, .bfl__form .bfl__item label span sub{
line-height: 0;
}
.bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label).active span{
opacity: 1;
color: #0000003b;
background-color: #FFF;
}
.bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label).active{
position: absolute;
font-size: 80%;
top: -15px;
} input.processing {
pointer-events: none;
filter: blur(1px);
}
a#getEmptyBlank{
width: 100%;
padding: 11px 16px 12px 16px;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 14px;
line-height: 150%;
font-weight: normal;
color: #000000;
opacity: 0.7;
-webkit-appearance: none;
outline: none;
transition: border 0.2s linear;
max-width: 100%;
box-sizing: border-box;
display: block;
margin-bottom: 20px;
text-decoration: unset;
text-align: center;
} .toggle-pill input[type="checkbox"] {
display: none;
}
.toggle-pill input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
margin-bottom: 20px;
border-radius: 1em;
background: #f3f3f3;
box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #50565a;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toggle-pill input[type="checkbox"]:checked + label {
background: #fff;
}
.toggle-pill input[type="checkbox"]:checked + label:before {
box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
left: 1.6em;
}  .toggle-pill-bw{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.toggle-pill-bw input[type="checkbox"] {
display: none;
}
.toggle-pill-bw input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
background: #50565a;
border-radius: 1em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill-bw input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #f7f2f2;
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toggle-pill-bw input[type="checkbox"]:checked + label {
background: #057ed6;
}
.toggle-pill-bw input[type="checkbox"]:checked + label:before {
left: 1.6em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}  .toggle-pill-color input[type="checkbox"] {
display: none;
}
.toggle-pill-color input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
margin-bottom: 20px;
border-radius: 1em;
background: #e84d4d;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill-color input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #fff;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toggle-pill-color input[type="checkbox"]:checked + label {
background: #47cf73;
}
.toggle-pill-color input[type="checkbox"]:checked + label:before {
box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
left: 1.6em;
}  .toggle-pill-dark input[type="checkbox"] {
display: none;
}
.toggle-pill-dark input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
margin-bottom: 20px;
border-radius: 1em;
background: #303e58;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill-dark input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #e84d4d;
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.toggle-pill-dark input[type="checkbox"]:checked + label:before {
background: #47cf73;
box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
left: 1.6em;
-webkit-transform: rotate(295deg);
transform: rotate(295deg);
} .bfl__form .bfl__item .bfl__input_item.checkbox {
flex-direction: row-reverse;
justify-content: space-between;
}
.bfl__form .bfl__item .bfl__input_item.checkbox label:not(.radio__label, .toggle-pill__label), .bfl__form .bfl__item .bfl__input_item.checkbox label:not(.radio__label, .toggle-pill__label).active {
position: static;
font-size: 80%;
display: flex;
justify-content: center;
align-items: center;
background: unset;
}
.bfl__form .bfl__input_item.checkbox label span, .bfl__form .bfl__input_item.checkbox label.active span {
padding: 0 6px 0 6px;
font-size: 16px;
line-height: 150%;
color: #000000;
opacity: 1;
z-index: 1;
position: relative;
background-color: unset;
}
.bfl__form .bfl__item input[type="submit"]{
cursor: pointer;
background-color: #057ed6;
transition: .3s ease all;
font-size: 14px;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
border: unset;
opacity: 1;
}
.bfl__form .bfl__item input[type="submit"]:hover{
background-color: #0071ce;
}
.graph-modal__close:focus {
outline: none;
}
.graph-modal__content {
display: flex;
flex-direction: column;
gap: 15px;
}