.donation-module{background:var(--accent-color);border-radius:var(--border-radius);padding:12px;margin:16px 0;position:relative;overflow:revert;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:100%;width:100%}.donation-module:hover:not(.donation-disabled){box-shadow:0 6px 20px #00000026}.donation-title{color:var(--text-color);font-size:16px;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2}.donation-description,.donation-description p{color:var(--text-color);font-size:14px;margin:0;line-height:14px;font-family:Mulish-Regular}.donation-description{margin-bottom:4px!important}.donation-content{display:flex;gap:8px;align-items:flex-start;position:relative}.donation-image{flex-shrink:0;width:81px;height:89px;border-radius:var(--border-radius);overflow:hidden;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.donation-image img{object-fit:cover}.donation-placeholder-image svg{color:#fffc}.donation-form{flex:1;display:flex;flex-direction:column;gap:4px;width:221px}.donation-dropdown--container{display:flex;gap:5px}.donation-dropdown{position:relative;width:108px}.donation-dropdown .dropdown-arrow path{stroke:#000}.dropdown-selected{background:#ffffffe6;border:2px solid transparent;border-radius:calc(var(--border-radius) / 2);padding:7px;font-size:12px;font-weight:400;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;max-height:30px}.dropdown-selected:hover{background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.dropdown-selected.active{border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a}.dropdown-arrow{width:12px;height:12px;transition:transform .2s ease}.dropdown-selected.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-placeholder{color:#37415199;font-weight:400}.selected-option{display:flex;flex-direction:column;align-items:flex-start}.selected-amount{font-weight:400;color:#868d8d;font-size:12px}.donation-module .selected-variant{font-size:12px;opacity:.8;margin-top:2px}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid rgba(124,58,237,.1);border-radius:calc(var(--border-radius) / 2);box-shadow:0 8px 25px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.4,0,.2,1);max-height:300px;overflow-y:auto;margin-top:4px}.dropdown-options.active{opacity:1;visibility:visible;transform:translateY(0);max-height:129px;overflow-y:scroll}.dropdown-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05);transition:all .15s ease;display:flex;justify-content:space-between;align-items:center}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#7c3aed0d}.dropdown-option.selected{background:#7c3aed1a;color:var(--primary-color)}.option-content{display:flex;flex-direction:column;align-items:flex-start}.option-amount{font-weight:400;font-size:12px}.option-variant{font-size:12px;opacity:.7;margin-top:2px}.option-check{width:16px;height:16px;opacity:0;transition:opacity .15s ease;color:var(--primary-color)}.dropdown-option.selected .option-check{opacity:1}.donation-add-btn{background:var(--primary-color);color:#fff;border:none;border-radius:calc(var(--border-radius) / 2);padding:5px;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;width:108px;max-height:30px}.donation-add-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.donation-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.donation-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:none;align-items:center;justify-content:center;gap:12px;border-radius:var(--border-radius);color:var(--success-color);font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.donation-success{animation:donationSuccess .6s cubic-bezier(.4,0,.2,1)}@keyframes donationSuccess{0%,to{transform:scale(1);background:linear-gradient(135deg,var(--accent-color),#4AEDC4)}50%{transform:scale(1.05);background:linear-gradient(135deg,var(--success-color),#06D6A0)}}.donation-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:12px 24px;border-radius:calc(var(--border-radius) / 2);font-size:14px;font-weight:500;box-shadow:0 4px 20px #00000026;z-index:20;display:none;max-width:280px;text-align:center;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}.donation-message.success{color:var(--success-color);border-left:4px solid var(--success-color)}.donation-message.error{color:var(--error-color);border-left:4px solid var(--error-color)}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.donation-module{padding:12px;margin:12px 0}.donation-content{flex-direction:row;text-align:left;gap:12px}.drawer__footer-head .donation-module .donation-title{font-size:12px!important}}.drawer__footer-head .donation-module{width:100%!important;max-width:100%!important;border-radius:0}
/*# sourceMappingURL=/cdn/shop/t/75/assets/add-donation.css.map */