

/* Start:/local/components/bustlers/donate/templates/.default/style.css?17574603464701*/
.fbl-form {
--focus-glow-color: rgba(0, 123, 255, 0.4); /* Полупрозрачный синий */
  --focus-border-color: #007bff; /
}

.radio-group {
display: flex; 
gap: 0.56rem; 
margin-bottom: 1.11rem;
}

.radio-group input[type="radio"], .amount-group input[type="radio"] {
display: none; 
}

.radio-group label, .amount-group label, .fbl-form__custom-amount {
padding: 0 0.83rem;
font-size: 0.89rem;
border: 1px solid var(--black); 
border-radius: 30px; 
cursor: pointer; 
background: var(--white);
transition: all 0.3s; 
height: 1.72rem;
display: inline-flex;
align-items: center;
align-content: center;
color: var(--black);
transition: 300ms;
}

.radio-group label:hover, .amount-group label:hover, .fbl-form__custom-amount:hover {
background: var(--light-grey);
border: 1px solid var(--light-grey); 
}

.donate-block .radio-group label:hover, .donate-block .amount-group label:hover, .donate-block .fbl-form__custom-amount:hover  {
border: 1px solid var(--black); 
}

.fbl-form__custom-amount {
width: 7rem;
}

.fbl-form input::placeholder {
color: var(--black);
}

.fbl-form__custom-amount:focus, .fbl-form__custom-amount_a {
background: var(--black);
color:var(--white);
}

.fbl-form__custom-amount:focus::placeholder {
color: transparent;
}

.radio-group input[type="radio"]:checked + label, .amount-group input[type="radio"]:checked + label  {
background: var(--black);
color: var(--white);
}

.amount-group {
display: flex; 
gap: 0.56rem;
margin-bottom: 1.11rem;
}

.fbl-form__field {
position: relative; 
margin-bottom: 1.11rem;
}

.fbl-form__input, .fbl-form__wishes { 
width: 100%; 
padding: 1.11rem 1.11rem 0.28rem 1.11rem; 
border: 1px solid #EFEFEF; 
border-radius: 3.33rem; 
box-sizing: border-box; 
font-size: 0.89rem; 
height: 2.78rem;
transition: 300ms;
}

.fbl-form__input:hover, .fbl-form__wishes:hover {
background: var(--light-grey);
}

.fbl-form__label {
position: absolute; 
top: 50%; 
left: 1.11rem; 
transform: translateY(-50%); 
color: var(--black); 
transition: all 0.2s; 
pointer-events: none; 
font-size: 0.89rem;
}

.fbl-form__input:focus + .fbl-form__label,
.fbl-form__input:not(:placeholder-shown) + .fbl-form__label {
top: 0.28rem; 
transform: none; 
font-size: 0.67rem; 
color: var(--black);
}

.fbl-form__custom-amount::-webkit-inner-spin-button,
.fbl-form__custom-amount::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

.fbl-form__custom-amount {
-moz-appearance: textfield; /* Для Firefox */
}

.checkbox-group {
margin-bottom: 0.56rem;
display: flex;
align-items: center;
align-content: center;
}

.checkbox-group label {
display: inline; 
margin-left: 0.56rem;
font-size: 0.67rem;
cursor: pointer;
}

.checkbox-group label a {
font-size: 0.67rem;
}

.checkbox-group input[type="checkbox"] {
appearance: none;
width: 1.11rem;
height: 1.11rem;
background: var(--white);
border: 1px solid black;
cursor: pointer;
}

.checkbox-group input[type="checkbox"]:checked {
background: var(--black);
position: relative;
}

.checkbox-group input[type="checkbox"]:checked::after {
content: '✔';
color: white;
position: absolute;
top: 5%;
left: 15%;
transform: translate(- Middle %, -50%);
font-size: .8rem;
}

.fbl-form__submit {
width: 100%; 
background: var(--red); 
color: var(--white); 
height: 3.33rem;
border: none; 
border-radius: 2.22rem; 
text-transform: uppercase;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s;
margin-top: 0.56rem;
}

.fbl-form__submit:hover {
background: var(--dark-red);
}

.fbl-form__subscription-note {
display: none; 
margin-bottom: 1.11rem;
font-size: 0.89rem;
}

.fbl-form__subscription-note a {
font-size: 0.89rem;
}

.fbl-form__wishes {
display: none; 
margin-bottom: 1.11rem;
height: 6rem;
resize: vertical;
border-radius: 1.67rem;
}

.fbl-form__input:focus-visible,
.fbl-form__wishes:focus-visible {
  outline: none;
  border-color: var(--focus-border-color);
  box-shadow: 0 0 0 4px var(--focus-glow-color);
}

.fbl-form__custom-amount:focus-visible {
  outline: none;
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
  box-shadow: none;
}
.fbl-form__custom-amount_a {
  outline: none;
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
}

.radio-group input[type="radio"]:focus-visible + label,
.amount-group input[type="radio"]:focus-visible + label {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus-glow-color);
}

.checkbox-group input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus-glow-color);
}

.fbl-form__submit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--focus-glow-color);
}

@media (max-width:990px) {

.fbl-form__custom-amount {
width: 8rem;
}

}
/* End */


/* Start:/local/templates/.default/components/sprint.editor/blocks/.default/_style.css?17574603463514*/
/* Общие стили для блоков */
.sp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.sp-block-table table tr {
    background: #f7f7f7;
    color: #8a8a8a;
}

.sp-block-table table tr:nth-child(odd) {
    background: #e7e6e6;
}

.sp-block-table table tr:hover {
    background: #d4d4d4;
    color: #000;
}

.sp-block-table table td {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px;
}

.sp-block-table p {
    margin: 0;
}

.sp-image img {
    width: 100%;
}

.sp-video iframe,
.sp-video-gallery iframe {
    border-width: 0;
}

.sp-iblock-sections {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-iblock-elements {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-properties {
    width: 400px;
    border-collapse: collapse;
}

.sp-properties_title {
    border: 1px solid #ccc;
    padding: 0 5px;
    font-weight: bold;
}

.sp-properties_text {
    border: 1px solid #ccc;
    padding: 0 5px;
}

.sp-gallery-items {
    overflow: hidden;
}

.sp-gallery-item {
    float: left;
    height: 220px;
    padding: 5px;
    /*width: 20%;*/
}

.sp-gallery-item-img-wrapper {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    color: inherit;
}

.sp-gallery-item img {
    display: block;
    max-width: 100%;
    left: 50%;
    max-height: 100%;
    max-width: none;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}

.sp-gallery-item-text {
    background-color: rgba(255, 255, 255, .7);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
}

.sp-gallery-item-text:hover {
    opacity: 1;
}

.sp-gallery-item-text::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sp-gallery-item-text-content {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.sp-button_link,
.sp-button_link:link,
.sp-button_link:visited {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 20px;
    text-decoration: none;
    background: #ccc;
    color: #333;
}

.sp-button_link:hover {
    text-decoration: none;
    background: #333;
    color: #ccc;
}

/*accordion*/
.sp-accordion {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sp-accordion-title {
    border-top: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    padding: 10px;
    text-align: left;
}

.sp-accordion-title:first-child {
    border-top: none;
}

.sp-accordion-container {
    padding: 0 10px 10px;
    display: none;
    overflow: hidden;
}

.sp-accordion-title:after {
    content: '\02795';
    font-size: 12px;
    color: #777;
    float: right;
    margin: 2px 5px;
}

.sp-accordion-title__active:after {
    content: "\2796";
}

.sp-complex-table {
    display: table;
    table-layout: fixed;
    border-spacing: 10px;
}

.sp-complex-row {
    display: table-row;
}

.sp-complex-col {
    display: table-cell;
    vertical-align: top;
}

/* End */
/* /local/components/bustlers/donate/templates/.default/style.css?17574603464701 */
/* /local/templates/.default/components/sprint.editor/blocks/.default/_style.css?17574603463514 */
