

/* Start:/local/components/bustlers/donate/templates/.default/style.css?17682175494891*/
.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;
  white-space: nowrap;
}

.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?17682175494891 */
/* /local/templates/.default/components/sprint.editor/blocks/.default/_style.css?17574603463514 */
