| 1 |
.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:999999}.deactivation-feedback-modal{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:700px;max-width:calc(100vw - 145px);overflow:auto;padding:14px;scrollbar-width:thin;width:650px}.deactivation-feedback-modal::-webkit-scrollbar{height:6px;width:6px}.deactivation-feedback-modal::-webkit-scrollbar-track{border-radius:10px}.deactivation-feedback-modal::-webkit-scrollbar-corner{background:transparent}@media (max-width:1024px){.deactivation-feedback-modal{max-width:550px;width:calc(100vw - 145px)}}@media (max-width:640px){.deactivation-feedback-modal{width:90%}}.deactivation-feedback-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:10px 14px 0}.deactivation-feedback-modal .modal-header .modal-title{font-size:20px;font-weight:500;line-height:1.4;margin:0}.deactivation-feedback-modal .modal-header .close-button{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;line-height:1;padding:0}.deactivation-feedback-modal .modal-header .close-button:hover{color:var(--primary-color)}.deactivation-feedback-modal .modal-body{padding:0 14px 14px}.deactivation-feedback-modal .modal-body a{color:var(--primary-color);text-decoration:none}.deactivation-feedback-modal .modal-body a:hover{text-decoration:underline}.deactivation-feedback-modal .modal-body .deactivation-feedback-modal-subtitle{color:#4a5568;font-size:.92rem;font-weight:500;margin:0 0 12px}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:16px 0}@media (max-width:640px){.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row{grid-template-columns:1fr}}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .checkbox-wrapper{padding:4px}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox{align-items:center;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;padding:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox:hover{color:var(--primary-color)}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox .checkmark{background-color:#fff;border:1px solid var(--primary-color);border-radius:3px;flex-shrink:0;height:16px;margin-right:8px;position:relative;width:16px}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox input:checked~.checkmark:after{display:block}.deactivation-feedback-modal .modal-body .feedback-reasons-checkbox-row .custom-checkbox .checkbox-label{padding-left:4px}.deactivation-feedback-modal .modal-body .feedback-textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;min-height:80px;padding:8px 12px;resize:vertical;width:calc(100% - 24px)}.deactivation-feedback-modal .modal-body .feedback-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(107,70,193,.2);outline:none}.deactivation-feedback-modal .modal-body .feedback-textarea::-webkit-input-placeholder{color:#707070;font-weight:300}.deactivation-feedback-modal .modal-body .feedback-text-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;height:38px;margin-bottom:12px;padding:6px 14px;width:calc(100% - 24px)}.deactivation-feedback-modal .modal-body .feedback-text-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(107,70,193,.2);outline:none}.deactivation-feedback-modal .modal-body .feedback-text-input:last-of-type{margin-bottom:4px}.deactivation-feedback-modal .modal-body .feedback-text-input.error{border-color:var(--danger-color);box-shadow:0 0 0 2px rgba(255,77,79,.2)}.deactivation-feedback-modal .modal-body .error-message{color:var(--danger-color);font-size:14px;margin-bottom:10px;margin-top:2px}.deactivation-feedback-modal .modal-body .privacy-notice{color:#718096;font-size:14px;margin-bottom:24px}.deactivation-feedback-modal .modal-body .privacy-notice a{color:var(--primary-color)}.deactivation-feedback-modal .modal-body .privacy-notice a:hover{color:var(--btn-hover-bg-color);text-decoration:underline}.deactivation-feedback-modal .modal-body .privacy-notice .custom-checkbox{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.deactivation-feedback-modal .modal-body .privacy-notice .custom-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.deactivation-feedback-modal .modal-body .privacy-notice .custom-checkbox .checkmark{background-color:#fff;border:1px solid var(--primary-color);border-radius:3px;flex-shrink:0;height:16px;margin-right:8px;margin-top:2px;position:relative;width:16px}.deactivation-feedback-modal .modal-body .privacy-notice .custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.deactivation-feedback-modal .modal-body .privacy-notice .custom-checkbox input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.deactivation-feedback-modal .modal-body .privacy-notice .custom-checkbox input:checked~.checkmark:after{display:block}.deactivation-feedback-modal .modal-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:0 14px 14px}.deactivation-feedback-modal .modal-footer .btn-group{display:flex;gap:8px}.deactivation-feedback-modal .modal-footer .btn{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:40px;justify-content:center;padding:0 16px;transition:all .2s ease}.deactivation-feedback-modal .modal-footer .btn:disabled{cursor:not-allowed;opacity:.7}.deactivation-feedback-modal .modal-footer .btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--btn-text-color)}.deactivation-feedback-modal .modal-footer .btn.btn-primary:hover:not(:disabled){background-color:var(--btn-hover-bg-color);border-color:var(--btn-hover-bg-color)}.deactivation-feedback-modal .modal-footer .btn.btn-cancel{background-color:#fff;border-color:#e2e8f0;color:#4a5568}.deactivation-feedback-modal .modal-footer .btn.btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0}.deactivation-feedback-modal .modal-footer .btn.btn-skip{background:none;border:none;color:#4a5568;padding-left:0;text-decoration:underline}.deactivation-feedback-modal .modal-footer .btn.btn-skip:hover{color:var(--primary-color)}.deactivation-feedback-modal .deactivate-banner-wrapper{position:relative}.deactivation-feedback-modal .deactivate-banner-wrapper .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:12px;top:5px}.deactivation-feedback-modal .deactivate-banner-wrapper .close-button:hover{color:#f5f5f5}.deactivation-feedback-modal .deactivate-banner{align-items:center;background:var(--banner-gradient-color,--banner-bg-color);border:0 solid #e5e7eb;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:20px}@media (max-width:640px){.deactivation-feedback-modal .deactivate-banner{flex-wrap:wrap}}.deactivation-feedback-modal .deactivate-banner .banner-content .banner-title{color:#fffc3a;font-size:20px;line-height:22px;margin:0 0 12px}.deactivation-feedback-modal .deactivate-banner .banner-content .banner-subtitle{font-size:14px;margin:5px 0 0}.deactivation-feedback-modal .deactivate-banner .claim-btn{background:#fff;border:none;border-radius:30px;color:#320060;cursor:pointer;font-weight:700;padding:10px 20px;text-transform:capitalize;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.deactivation-feedback-modal .deactivate-banner .claim-btn:hover{background-color:#efefef;color:var(--primary-color)}.deactivation-feedback-modal .modal-header-wrapper{padding:14px}.deactivation-feedback-modal .modal-header-wrapper h3{color:#1a202c;font-size:20px;font-weight:500;margin:0}.deactivation-feedback-modal .deactivation-feedback-modal-subtitle{color:#4a5568;font-weight:600}.deactivation-feedback-modal .feedback-note{color:#4a5568;margin-bottom:0}.deactivation-feedback-modal .feedback-note p{margin-bottom:0}.deactivation-feedback-modal .feedback-note a{color:var(--primary-color);font-weight:600;text-decoration:none}.deactivation-feedback-modal .feedback-note a:hover{text-decoration:underline}.deactivation-feedback-modal .form-group-wrapper{width:100%}.deactivation-feedback-modal .form-group-wrapper .form-group{margin:20px 0}.deactivation-feedback-modal .form-group-wrapper .form-group .form-input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.deactivation-feedback-modal .form-group-wrapper .form-group .form-input:focus{border-color:var(--primary-color);outline:none}.deactivation-feedback-modal .form-group-wrapper .form-group .form-input.email-input{color:#5d5d5d}.deactivation-feedback-modal .form-group-wrapper .form-group .form-input::-webkit-input-placeholder{color:#707070;font-weight:300}.deactivation-feedback-modal .form-group-wrapper .input-group-items{display:flex;gap:10px;width:100%}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .checkbox-input{cursor:pointer;margin:0}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .container input{display:none}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .container{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:inline-flex;font-size:16px;gap:10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:640px){.deactivation-feedback-modal .form-group-wrapper .checkbox-group .container{flex-wrap:wrap}}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .checkbox-label{color:#4a5568;font-size:14px}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .checkmark{background-color:#fff;border-radius:.25em;height:1.3em;left:0;position:relative;top:0;transition:all .25s;width:1.3em}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .container input:checked~.checkmark{background-color:var(--primary-color)}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .checkmark:after{border:.1em solid var(--primary-color);border-color:var(--primary-color);border-radius:.25em;content:"";height:1.05em;left:0;position:absolute;top:0;transform:rotate(0deg);transition:all .25s,border-width .1s;width:1.05em}.deactivation-feedback-modal .form-group-wrapper .checkbox-group .container input:checked~.checkmark:after{border-color:hsla(0,0%,100%,0) #fff #fff hsla(0,0%,100%,0);border-radius:0;border-width:0 .15em .15em 0;height:.5em;left:.45em;top:.25em;transform:rotate(45deg);width:.25em}.deactivation-feedback-modal .email-input-wrapper{position:relative;width:100%}.deactivation-feedback-modal .email-input-wrapper .validation-error{bottom:-20px;color:var(--danger-color);font-size:12px;left:0;position:absolute}.deactivation-feedback-modal.eventin-deactivation-modal{font-family:Inter,sans-serif;padding:0}.deactivation-feedback-modal.eventin-deactivation-modal p{font-size:14px;line-height:1.5}.deactivation-feedback-modal.eventin-deactivation-modal .modal-header-wrapper{padding:30px 30px 0}.deactivation-feedback-modal.eventin-deactivation-modal .modal-title{color:#323841;font-size:20px;font-weight:600}.deactivation-feedback-modal.eventin-deactivation-modal .modal-body{padding:0 30px 30px}.deactivation-feedback-modal.eventin-deactivation-modal .modal-body .feedback-textarea{margin-bottom:0;width:100%}.deactivation-feedback-modal.eventin-deactivation-modal .modal-title{margin-top:0}.deactivation-feedback-modal.eventin-deactivation-modal .modal-footer{padding:0 30px 30px}.deactivation-feedback-modal.eventin-deactivation-modal .modal-footer .btn.btn-primary.eventin-submit-button{background-color:#6b2ee5;border-color:#6b2ee5}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.deactivation-feedback-modal.plugin-deactivation-modal{--wpc-df-primary-light:color-mix(in srgb,var(--primary-color) 55%,#fff);--wpc-df-border:rgba(74,85,104,.2);--wpc-df-muted:#4a5568;background:#fff;border-radius:12px;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);overflow:auto;padding:0;width:680px}.deactivation-feedback-modal.plugin-deactivation-modal *{box-sizing:border-box}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-banner{background:var(--banner-gradient-color,linear-gradient(90deg,var(--primary-color) 0,var(--wpc-df-primary-light) 100%));border-radius:12px 12px 0 0;height:76px;overflow:hidden;position:relative}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-banner__art{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-banner__text{display:flex;flex-direction:column;gap:5px;padding:12px 30px;position:relative}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-banner__title{color:#fff;font-size:20px;font-weight:700;line-height:24px;margin:0}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-banner__subtitle{color:hsla(0,0%,100%,.9);font-size:10px;font-weight:500;line-height:14px;margin:0}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-body{padding:20px 30px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card{align-items:center;border-radius:6px;display:flex;gap:12px;min-height:72px;padding:10px 12px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card+.wpc-df-card{margin-top:10px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card--promo{background:#fefbed;border:1px solid #feeebd}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__icon{align-items:center;background:#fefefe;border-radius:50%;display:flex;flex:0 0 40px;height:40px;justify-content:center;width:40px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__icon img{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__text{flex:1 1 auto;min-width:0}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__title{color:#1d2327;font-size:12px;font-weight:500;line-height:14px;margin:0 0 4px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__desc{color:#676b82;font-size:12px;line-height:18px;margin:0}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__link{color:#b8860b;font-weight:500;text-decoration:underline}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__link:focus,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__link:hover{color:#8a6508}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__action{align-items:center;display:flex;flex-direction:column;gap:4px;margin-left:auto}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-promo-btn{align-items:center;background:#fee7a0;border-radius:6px;color:#323841;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:32px;justify-content:center;line-height:20px;padding:0 12px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-promo-btn:focus,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-promo-btn:hover{background:#fddc7c;color:#323841}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__note{color:#2f3343;font-size:10px;line-height:14px;white-space:nowrap}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-question{color:#323841;font-size:18px;font-weight:500;line-height:22px;margin:16px 0 0}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-reasons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check{align-items:center;cursor:pointer;display:inline-flex;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check input{height:0;opacity:0;position:absolute;width:0}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check__box{background:#fff;border:1px solid rgba(74,85,104,.4);border-radius:5px;flex:0 0 16px;height:16px;position:relative;transition:background-color .15s ease,border-color .15s ease;width:16px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check__box:after{border:solid #fff;border-width:0 1.5px 1.5px 0;content:"";height:8px;left:5px;opacity:0;position:absolute;top:1.5px;transform:rotate(45deg);width:4px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check input:checked~.wpc-df-check__box{background:var(--primary-color);border-color:var(--primary-color)}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check input:checked~.wpc-df-check__box:after{opacity:1}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check input:focus-visible~.wpc-df-check__box{outline:2px solid var(--primary-color);outline-offset:2px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check__label{color:var(--wpc-df-muted);font-size:12px;font-weight:500;line-height:14px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check--agree{align-items:flex-start;margin-top:6px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check--agree .wpc-df-check__box{margin-top:2px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-check--agree .wpc-df-check__label{font-weight:400;line-height:20px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-input,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-textarea{background:#fff;border:1px solid var(--wpc-df-border);border-radius:6px;box-shadow:none;color:#1d2327;font-family:inherit;font-size:12px;line-height:20px;width:100%}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-input::-moz-placeholder,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-textarea::-moz-placeholder{color:rgba(74,85,104,.6)}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-input::placeholder,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-textarea::placeholder{color:rgba(74,85,104,.6)}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-input:focus,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-textarea{margin-top:16px;min-height:72px;padding:10px 12px;resize:vertical}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-email{margin-top:16px;position:relative}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-input{height:40px;padding:0 12px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-input.is-error{border-color:var(--danger-color);box-shadow:0 0 0 1px var(--danger-color)}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-email__error{color:var(--danger-color);display:block;font-size:11px;line-height:14px;margin-top:4px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-footer{align-items:center;border-top:1px solid var(--wpc-df-border);display:flex;gap:12px;justify-content:space-between;padding:24px 30px 20px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-btn{border:1px solid transparent;border-radius:6px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;height:44px;line-height:20px;padding:0 16px;transition:background-color .2s ease,border-color .2s ease}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-btn:disabled{cursor:not-allowed;opacity:.7}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-btn--ghost{background:#fff;border-color:#f0f0f0;color:#747474}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-btn--ghost:hover:not(:disabled){background:#fafafa;border-color:#dcdcdc}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-btn--primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--btn-text-color)}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-btn--primary:hover:not(:disabled){background:var(--btn-hover-bg-color);border-color:var(--btn-hover-bg-color)}@media (max-width:640px){.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-banner__text,.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-body{padding-left:16px;padding-right:16px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card{flex-wrap:wrap}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-card__action{align-items:flex-start;margin-left:0;width:100%}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-footer{flex-direction:column-reverse;padding-left:16px;padding-right:16px}.deactivation-feedback-modal.plugin-deactivation-modal .wpc-df-footer .wpc-df-btn{width:100%}} |
