.user-subscription__modal{width:394px;padding-bottom:0}.user-subscription__modal-footer{flex-direction:column;align-items:center;gap:12px;padding:0 0 1.25rem;display:flex}.user-subscription__modal .form-label:has(textarea){padding:0}.user-subscription__modal .unsubscription__form-field{border:1px solid var(--input);resize:none;border-radius:.75rem;width:100%;min-height:5.4375rem;padding:1rem;font-size:.875rem;font-weight:500;line-height:140%;transition:border-color .3s}.user-subscription__modal .unsubscription__form-field:is(:focus,:hover){box-shadow:none;border-color:var(--muted)}.user-subscription__modal .unsubscription__form-field:focus{border-color:var(--foreground)}.user-subscription__modal .unsubscription__form-field.input-error{border-color:var(--destructive)}.user-subscription__modal .unsubscription__form-field.input-error::placeholder{color:var(--destructive)}.user-subscription__modal .subscription-btn{background-color:var(--foreground);width:100%;height:48px;color:var(--static-white);text-align:center;border:1px solid #0000;border-radius:6.25rem;justify-content:center;align-items:center;margin:0;padding:.9688rem 1.75rem;font-size:.875rem;font-weight:600;line-height:normal;transition:background-color .3s;display:flex}.user-subscription__modal .subscription-btn:hover{background-color:var(--color-gray-800)}.user-subscription__modal .subscription-btn.warning{width:auto;color:var(--destructive);background:0 0;border:none;align-self:center;padding:.6875rem .75rem;font-weight:500;line-height:120%}.user-subscription__modal .subscription-btn.transparent{color:var(--foreground);background-color:#0000;width:auto;padding:.6875rem .75rem;font-weight:400}.user-subscription__modal .subscription-btn.inactive{color:var(--muted-foreground);background-color:var(--muted)}.user-subscription__modal .subscription-btn.invalid-input{color:var(--destructive);background-color:var(--color-red-100)}.user-subscription__modal.change-plan{width:max-content;padding-bottom:2rem}.user-subscription__modal.change-plan .user-subscription__modal-body{overflow-y:auto}.user-subscription__modal.manage-subscription .cancel-subscription-button{--button-text-hover-fg:var(--button-error-fg);--button-text-fg:var(--button-error-fg)}.user-subscription__modal.manage-subscription .user-subscription__modal-text{padding-bottom:2rem;font-size:.875rem;font-weight:400;line-height:140%}.user-subscription__modal.manage-subscription .user-subscription__modal-text p{margin:0}.user-subscription__modal.manage-subscription .user-subscription__modal-text p+p{margin-top:1rem}.user-subscription__modal.manage-subscription .user-subscription__modal-text .user-subscription__modal-link{color:currentColor;font-weight:600;text-decoration:underline}.user-subscription__modal.unsubscription .unsubscription__form{flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}.user-subscription__modal.unsubscription .unsubscription__form-label{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.user-subscription__modal.unsubscription .unsubscription__form-label .user-subscription__modal-text{margin:0;font-size:.875rem;font-weight:600;line-height:130%}.user-subscription__modal.unsubscription .unsubscription__form-label:has(.unsubscription__form-field){border-radius:none;flex-direction:column;align-items:flex-start;margin-top:1.5rem;padding:0}.user-subscription__modal.unsubscription .unsubscription__form-label:has(.unsubscription__form-field) .user-subscription__modal-text{margin-bottom:.5rem}.user-subscription__modal.unsubscription .unsubscription__form-check{border-color:var(--input);border-radius:.3125rem;margin:0;transition:border-color .3s}.user-subscription__modal.unsubscription .unsubscription__form-check:is(:focus,:hover){box-shadow:none;border-color:var(--input)}.user-subscription__modal.unsubscription .unsubscription__form-check.input-error{border-color:var(--destructive)}.user-subscription__modal.unsubscription-comment .unsubscription-comment__form{padding-bottom:2rem}.user-subscription__modal.unsubscription-comment .unsubscription__form-field{resize:none;border-radius:.75rem;min-height:10rem;padding:1rem;font-size:.875rem;font-weight:500;line-height:140%}.user-subscription__modal.unsubscription-comment .unsubscription__form-label-badge{color:var(--muted-foreground);align-items:center;gap:.375rem;font-size:.75rem;font-weight:400;line-height:120%;display:flex;position:absolute;bottom:1.25rem;right:1rem}.user-subscription__modal.unsubscription-comment .unsubscription__form-label-badge svg{object-fit:contain;width:14px;height:10px}.user-subscription__modal.unsubscription-confirmation,.user-subscription__modal.subscription-bonus{width:800px}.user-subscription__modal.unsubscription-confirmation .user-subscription__modal-body,.user-subscription__modal.subscription-bonus .user-subscription__modal-body{gap:1.5rem;padding-block:0;display:flex}.user-subscription__modal.unsubscription-confirmation .close-modal,.user-subscription__modal.subscription-bonus .close-modal{z-index:10;width:1.5rem;height:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.user-subscription__modal.unsubscription-confirmation .close-modal svg,.user-subscription__modal.subscription-bonus .close-modal svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-subscription__modal.unsubscription-confirmation .user-subscription__modal-info,.user-subscription__modal.subscription-bonus .user-subscription__modal-info{flex-direction:column;max-width:21.25rem;padding-block:3.375rem;display:flex}.user-subscription__modal.unsubscription-confirmation .user-subscription__modal-title,.user-subscription__modal.subscription-bonus .user-subscription__modal-title{text-wrap:balance;margin-bottom:1rem;font-size:1.625rem;font-weight:700;line-height:120%}.user-subscription__modal.unsubscription-confirmation .user-subscription__modal-text,.user-subscription__modal.subscription-bonus .user-subscription__modal-text{margin-bottom:2.375rem;font-size:1rem;font-weight:400;line-height:140%}.user-subscription__modal.unsubscription-confirmation .user-unsubscription__modal-actions,.user-subscription__modal.subscription-bonus .user-unsubscription__modal-actions{flex-direction:column;gap:.5rem;max-width:280px;margin-top:auto;display:flex}.user-subscription__modal.unsubscription-confirmation .user-unsubscription__modal-actions .user-subscription__modal-btn.transparent,.user-subscription__modal.subscription-bonus .user-unsubscription__modal-actions .user-subscription__modal-btn.transparent{align-self:center}.user-subscription__modal.unsubscription-confirmation .user-subscription__modal-figure,.user-subscription__modal.subscription-bonus .user-subscription__modal-figure{width:100%;max-width:444px;margin:0;padding-block:3.375rem}.user-subscription__modal.unsubscription-confirmation .user-subscription__modal-img,.user-subscription__modal.subscription-bonus .user-subscription__modal-img{object-fit:cover;width:100%;height:100%}.user-subscription__modal.subscription-bonus .user-subscription__modal-title{text-wrap:initial}.user-subscription__modal.subscription-bonus .user-subscription__modal-title .color-text{color:var(--color-blue-600)}.user-subscription__modal.subscription-bonus .user-subscription__modal-figure{margin-right:-2rem;padding-block:0}.subscription-plans{gap:.75rem;display:flex}.subscription-plan{border:1px solid var(--muted);border-radius:1rem;flex-direction:column;align-items:start;max-width:284px;padding:1.5rem;display:flex}.subscription-plan:hover{border:1px solid #cad4dd}.subscription-plan.inactive .subscription-plan__badge{color:var(--muted-foreground);background-color:var(--muted)}.subscription-plan.inactive .subscription-plan__btn{border-color:var(--muted);color:var(--foreground);background-color:#0000}.subscription-plan:hover .subscription-plan__btn{background-color:var(--foreground);color:var(--static-white)}.subscription-plan.active{border-color:var(--foreground)}.subscription-plan.active .subscription-plan__btn{background-color:var(--muted);color:var(--muted-foreground);pointer-events:none;-webkit-user-select:none;user-select:none}.subscription-plan__badge{color:var(--foreground);background-color:var(--color-brand-600);border-radius:6.25rem;align-items:center;gap:2px;height:1.125rem;margin-bottom:.75rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;line-height:normal;display:inline-flex}.subscription-plan__badge svg{object-fit:contain;width:12px;height:12px}.subscription-plan__title{color:var(--foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:120%}.subscription-plan__text{text-wrap:balance;color:var(--text-secondary);margin-bottom:0;font-size:.75rem;font-weight:400;line-height:130%}.subscription-plan__text+.subscription-plan__price{margin-top:2.4375rem}.subscription-plan__price{align-items:baseline;gap:8px;margin-bottom:3rem;display:flex}.subscription-plan__price-number{font-size:1.625rem;font-weight:700;line-height:120%}.subscription-plan__price-text{font-size:.875rem;font-weight:500;line-height:120%}.subscription-plan__subtitle{color:var(--foreground);margin-bottom:1rem;font-size:1rem;font-weight:600;line-height:120%}.subscription-plan__features{flex-direction:column;gap:.75rem;margin-bottom:auto;display:flex}.subscription-plan__feature{color:var(--text-secondary);padding-left:1.25rem;font-size:.875rem;font-weight:500;line-height:normal;position:relative}.subscription-plan__feature:not(.active)>*{opacity:.5}.subscription-plan__feature.active:before{background-image:url(/images/icons/check.svg)}.subscription-plan__feature:before{content:"";opacity:.4;background-image:url(/images/icons/small-bold-cross.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:12px;height:12px;position:absolute;top:2px;left:0}.subscription-plan__btn.subscription-btn{margin-top:1.5rem;transition-property:background-color,color}.subscription-plan__btn.subscription-btn:hover{background-color:var(--foreground);color:var(--static-white)}