.donation-step{background-color:#fff;border:1px solid var(--blue);border-radius:var(--border-radius);flex:1;overflow:hidden}.donation-step-title{background-color:var(--blue);color:#fff;font-size:20px;padding:15px;text-align:center}.donation-step-content{background-color:#fff;padding:15px}.donation-duration{display:flex}.donation-duration li{flex:1;position:relative}.donation-duration li input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.donation-duration li label{background-color:#fff;border:1px solid var(--blue);color:var(--blue);display:block;margin-bottom:10px;overflow:hidden;padding:10px;text-align:center}.donation-duration li:not(:last-child) label{border-right:1px solid var(--blue)}.donation-duration li:first-child label{border-radius:var(--border-radius) 0 0 var(--border-radius)}.donation-duration li:last-child label{border-radius:0 var(--border-radius) var(--border-radius) 0}.donation-duration li label:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--blue);bottom:0;content:"";display:none;left:50%;position:absolute;transform:translateX(-50%)}.donation-duration li input:checked+label{background-color:var(--blue);color:#fff}.donation-duration li input:checked+label:after{display:block}.donate-note{color:var(--dark-gray);font-size:13px;margin-top:10px;text-align:center}.suggest-boxes{display:flex;margin:10px -5px 0}.suggest-boxes li{flex:1;padding:0 5px;position:relative}.suggest-boxes li input{display:none;height:0;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:0}.suggest-boxes li label{background-color:#fff;border:1px solid var(--light-gray2);border-radius:var(--border-radius-5);color:var(--dark-gray);cursor:pointer;display:block;font-size:18px;line-height:45px;text-align:center;transition:color .1s,background-color .1s,border-color .1s,font-weight .1s}.suggest-boxes li label .box-currency{font-size:14px;font-weight:400;line-height:14px;position:relative;top:6px;vertical-align:text-top;white-space:nowrap}.suggest-boxes li input:checked+label{background-color:var(--blue);border-color:var(--blue);color:#fff}.donation-custom-amount{margin-top:15px;position:relative}.donation-custom-amount .icon{background-color:transparent;color:var(--dark-gray);cursor:pointer;display:block;font-size:14px;font-weight:400;left:18px;line-height:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.donation-custom-amount input{padding-left:60px}.donation-custom-amount input::-webkit-inner-spin-button,.donation-custom-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.donation-custom-amount input[type=number]{-moz-appearance:textfield}.payment-methods{display:flex}.payment-methods li{flex:1}.payment-methods li .tab{align-items:center;border-bottom:4px solid transparent;color:var(--dark-gray);cursor:pointer;display:flex;flex-direction:column;font-size:12px;justify-content:center;padding-bottom:10px;text-align:center}.payment-methods li .tab i{font-size:45px;margin-bottom:10px}.payment-methods li .tab.active{border-bottom-color:var(--blue);color:var(--blue)}.tab-contents{padding-top:20px}.black-yellow .donation-step{background-color:#000;border:1px solid #000}.black-yellow .donation-step-title{background-color:#ff0;color:#000}.black-yellow .donation-step-content{background-color:#000}.black-yellow .field-style:not(div,h2,h3,h4,h5,h6){background-color:#ff0;border:1px solid #ff0;color:#000}.black-yellow [data-name*=predefined_amount] .radio-list>label{background-color:#ff0;border-color:#ff0;color:#000}.black-yellow [data-name*=predefined_amount] .radio-list>label:has(input:checked){background-color:#000;border-color:#ff0;color:#ff0}.black-yellow .field-style::-moz-placeholder{color:#000}.black-yellow .field-style::placeholder,.black-yellow .input-group-prepend{color:#000}