.donation-card{position:relative;height:100%}.donation-card .donation-card__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.donation-card .donation-card__label{display:flex;flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;background-color:var(--clr-base-100);border:1px solid transparent;border-radius:.75rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.donation-card .donation-card__label:hover,.donation-card .donation-card__input:focus-visible:not(:checked)+.donation-card__label{border-color:var(--clr-brand-800)}.donation-card .donation-card__input:checked+.donation-card__label{background-color:var(--clr-brand-900);border-color:transparent}.donation-card .donation-card__head{display:flex;align-items:center;justify-content:space-between}.donation-card .donation-card__amount{position:relative;display:flex;align-items:baseline;gap:.75rem}.donation-card .donation-card__dot{position:relative;align-self:flex-end;margin-bottom:.5rem;flex-shrink:0;width:1rem;height:1rem;border:1px solid var(--clr-brand-200);border-radius:999px;background-color:var(--clr-base-100)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__dot{border-color:var(--clr-base-100)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__dot:after{content:"";position:absolute;top:50%;left:50%;width:.375rem;height:.375rem;border-radius:999px;background-color:var(--clr-brand-900);transform:translate(-50%,-50%)}.donation-card .donation-card__amount-value,.donation-card .donation-card__currency{font-family:var(--ff-accent);font-weight:var(--fw-600);font-size:var(--fs-800);line-height:var(--lh-100);color:var(--clr-brand-500)}.donation-card .donation-card__amount-input{width:10rem;min-width:3rem;max-width:100%;border:none;border-bottom:1px solid transparent;outline:none;background:transparent;font-family:var(--ff-accent);font-weight:var(--fw-600);font-size:var(--fs-800);line-height:var(--lh-100);color:var(--clr-brand-500);transition:width .15s ease,border-color .2s ease}.donation-card .donation-card__amount-input:placeholder-shown{border-bottom-color:var(--clr-brand-200)}.donation-card .donation-card__amount-input:focus:placeholder-shown{border-bottom-color:var(--clr-brand-800)}.donation-card .donation-card__amount-input::placeholder{color:#17253b4d}.donation-card .donation-card__amount-input::-webkit-outer-spin-button,.donation-card .donation-card__amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.donation-card .donation-card__amount-input[type=number]{-moz-appearance:textfield}.donation-card .donation-card__amount-mirror{position:absolute;top:0;left:0;visibility:hidden;white-space:pre;pointer-events:none;font-family:var(--ff-accent);font-weight:var(--fw-600);font-size:var(--fs-800);line-height:var(--lh-100)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__amount-value,.donation-card .donation-card__input:checked+.donation-card__label .donation-card__currency{color:var(--clr-brand-200)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__amount-input{color:var(--clr-base-100)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__amount-input:placeholder-shown{border-bottom-color:var(--clr-brand-500)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__amount-input:focus:placeholder-shown{border-bottom-color:var(--clr-base-100)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__amount-input::placeholder{color:var(--clr-brand-500)}.donation-card .donation-card__icon{flex-shrink:0;color:var(--clr-accent-500)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__icon{color:var(--clr-brand-200)}.donation-card .donation-card__content{display:flex;flex-direction:column;gap:.5rem}.donation-card .donation-card__title{font-size:var(--fs-500);font-weight:var(--fw-600);line-height:var(--lh-150);color:var(--clr-brand-800)}.donation-card .donation-card__text{font-size:var(--fs-400);line-height:var(--lh-400);letter-spacing:var(--ls-400);color:var(--clr-brand-500)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__title{color:var(--clr-base-100)}.donation-card .donation-card__input:checked+.donation-card__label .donation-card__text{color:var(--clr-brand-200)}@media (max-width: 768px){.donation-card .donation-card__title{line-height:var(--lh-200)}}