.feedback-popup{--_fp-ink:#45395a;--_fp-ink-mid:#6b5d7a;--_fp-surface:#fff6e0;--_fp-surface-alt:#ffefd0;--_fp-magenta:#ff2a6d;--_fp-magenta-hot:#ff5a9a;--_fp-cyan:#2ee8cf;--_fp-teal-bar:#1a9e8a;--_fp-muted:#9588a3;--_fp-disabled:#d8cec4;--_fp-on-dark:#fffef8;--_fp-overlay:color-mix(in srgb, var(--_fp-ink) 32%, transparent);--feedback-font-family:"Trebuchet MS", "Arial Black", Arial, sans-serif;--feedback-font-size-header:1.8rem;--feedback-font-size-body:1.6rem;--feedback-font-size-widget:1.3rem;--feedback-font-size-screenshot-label:1.5rem;--feedback-font-weight-header:400;--feedback-font-weight-body:300;--feedback-font-weight-label:400;--feedback-line-height-header:2.2rem;--feedback-color-surface:var(--_fp-surface);--feedback-color-text:var(--_fp-ink-mid);--feedback-color-text-muted:var(--_fp-muted);--feedback-color-brand:var(--_fp-ink);--feedback-color-primary:var(--_fp-magenta);--feedback-color-secondary:var(--_fp-teal-bar);--feedback-color-on-primary:var(--_fp-on-dark);--feedback-color-on-brand:var(--_fp-on-dark);--feedback-color-disabled:var(--_fp-disabled);--feedback-color-link:var(--feedback-color-brand);--feedback-color-link-hover:var(--feedback-color-primary);--feedback-overlay-bg:var(--_fp-overlay);--feedback-overlay-z-index:10000000;--feedback-overlay-transition:all .3s ease;--feedback-widget-offset-right:3rem;--feedback-widget-offset-bottom:0;--feedback-widget-width:15.2rem;--feedback-widget-min-height:2.9rem;--feedback-widget-padding-y:1.1rem;--feedback-widget-padding-x:2rem;--feedback-widget-button-bg:var(--feedback-color-primary);--feedback-widget-button-text:var(--feedback-color-on-primary);--feedback-widget-button-hover-bg:var(--_fp-magenta-hot);--feedback-widget-button-disabled-bg:var(--feedback-color-disabled);--feedback-dialog-bg:var(--feedback-color-surface);--feedback-dialog-width:33.6rem;--feedback-dialog-max-height-offset:10rem;--feedback-dialog-max-height-offset-mobile:8rem;--feedback-dialog-border-radius:1rem;--feedback-header-bg:var(--feedback-color-brand);--feedback-header-text:var(--feedback-color-on-brand);--feedback-header-height:5.4rem;--feedback-header-padding-x:1.8rem;--feedback-textarea-bg:var(--_fp-surface-alt);--feedback-textarea-height:19rem;--feedback-textarea-padding-y:1.2rem;--feedback-textarea-padding-x:1.2rem;--feedback-add-screenshot-bg:var(--feedback-color-secondary);--feedback-add-screenshot-text:var(--_fp-on-dark);--feedback-add-screenshot-height:4.2rem;--feedback-add-screenshot-padding:.9rem;--feedback-screenshot-area-bg:#958ca8;--feedback-screenshot-area-height:19rem;--feedback-footer-bg:var(--feedback-color-surface);--feedback-footer-padding:1rem;--feedback-confirmation-bg:var(--feedback-color-surface);--feedback-confirmation-width:30.3rem;--feedback-confirmation-height:11.3rem;--feedback-confirmation-padding-y:2.5rem;--feedback-confirmation-padding-x:3rem;--feedback-confirmation-thank-you-margin-bottom:2rem;--feedback-button-radius:.7rem;--feedback-button-confirm-bg:var(--feedback-color-primary);--feedback-button-confirm-border:var(--feedback-color-primary);--feedback-button-confirm-text:var(--feedback-color-on-primary);--feedback-button-confirm-hover-bg:color-mix(in srgb, var(--_fp-magenta) 28%, var(--_fp-surface));--feedback-button-confirm-hover-text:var(--_fp-ink);--feedback-button-cancel-bg:transparent;--feedback-button-cancel-border:transparent;--feedback-button-cancel-text:var(--_fp-ink-mid);--feedback-button-cancel-hover-bg:color-mix(in srgb, var(--_fp-cyan) 18%, var(--_fp-surface));--feedback-button-dialog-text:var(--feedback-color-brand);--feedback-button-dialog-font-size:1.3rem;--feedback-button-padding-y:.9rem;--feedback-button-padding-x:1.5rem;--feedback-button-gap:.9rem;--feedback-button-font-size:1rem;--feedback-button-transition:all .25s ease;--feedback-button-text-transform:uppercase;--feedback-checkbox-label-font-size:1.5rem;--feedback-checkbox-indicator-size:2rem;--feedback-checkbox-indicator-border:var(--feedback-color-surface);--feedback-checkbox-indicator-radius:.3rem;--feedback-checkbox-indicator-default:color-mix(in srgb, var(--feedback-color-text) 50%, transparent);--feedback-checkbox-indicator-hover:color-mix(in srgb, var(--feedback-color-surface) 80%, transparent);--feedback-checkbox-indicator-checked:color-mix(in srgb, var(--feedback-color-surface) 70%, transparent);--feedback-checkbox-indicator-checked-hover:color-mix(in srgb, var(--feedback-color-text) 30%, transparent);--feedback-checkbox-indicator-disabled:color-mix(in srgb, var(--feedback-color-surface) 60%, transparent);--feedback-checkbox-check-color:var(--feedback-color-surface);--feedback-checkbox-check-disabled-border:color-mix(in srgb, var(--feedback-color-text) 40%, transparent);--feedback-spinner-size:2.5rem;--feedback-spinner-border-width:.3rem;--feedback-spinner-track-color:var(--feedback-color-surface);--feedback-spinner-accent-color:var(--feedback-color-primary);--feedback-spinner-animation-duration:.7s}.feedback-popup .btn{border-radius:var(--feedback-button-radius);font-size:var(--feedback-button-font-size);text-transform:var(--feedback-button-text-transform);padding:var(--feedback-button-padding-y) var(--feedback-button-padding-x);cursor:pointer;transition:var(--feedback-button-transition);font-family:var(--feedback-font-family)}.feedback-popup .btn.btn-confirm{background-color:var(--feedback-button-confirm-bg);border:.1rem solid var(--feedback-button-confirm-border);color:var(--feedback-button-confirm-text);margin-left:var(--feedback-button-gap)}.feedback-popup .btn.btn-confirm:hover,.feedback-popup .btn.btn-confirm:focus{background-color:var(--feedback-button-confirm-hover-bg);color:var(--feedback-button-confirm-hover-text)}.feedback-popup .btn.btn-cancel{background-color:var(--feedback-button-cancel-bg);border:.1rem solid var(--feedback-button-cancel-border);color:var(--feedback-button-cancel-text)}.feedback-popup .btn.btn-cancel:hover,.feedback-popup .btn.btn-cancel:focus{background-color:var(--feedback-button-cancel-hover-bg)}.feedback-popup .btn.btn-diolog{color:var(--feedback-button-dialog-text);font-size:var(--feedback-button-dialog-font-size);background-color:#0000;border:.1rem solid #0000}.feedback-popup .control{cursor:pointer;font-size:var(--feedback-checkbox-label-font-size);font-weight:var(--feedback-font-weight-label);font-family:var(--feedback-font-family);text-align:left;color:var(--feedback-add-screenshot-text);margin-bottom:.5rem;padding-left:3.2rem;display:block;position:relative}.feedback-popup .control input{z-index:-1;opacity:0;position:absolute}.feedback-popup .control_indicator{height:var(--feedback-checkbox-indicator-size);width:var(--feedback-checkbox-indicator-size);background:var(--feedback-checkbox-indicator-default);border:.1rem solid var(--feedback-checkbox-indicator-border);border-radius:var(--feedback-checkbox-indicator-radius);z-index:1;position:absolute;top:0;left:0}.feedback-popup .control:hover input~.control_indicator,.feedback-popup .control input:focus~.control_indicator{background:var(--feedback-checkbox-indicator-hover)}.feedback-popup .control input:checked~.control_indicator{background:var(--feedback-checkbox-indicator-checked)}.feedback-popup .control:hover input:not([disabled]):checked~.control_indicator,.feedback-popup .control input:checked:focus~.control_indicator{background:var(--feedback-checkbox-indicator-checked-hover)}.feedback-popup .control input:disabled~.control_indicator{background:var(--feedback-checkbox-indicator-disabled);opacity:.6;pointer-events:none}.feedback-popup .control_indicator:after{box-sizing:unset;content:"";display:none;position:absolute}.feedback-popup .control input:checked~.control_indicator:after{display:block}.feedback-popup .control-checkbox .control_indicator:after{border:solid var(--feedback-checkbox-check-color);border-width:0 .2rem .2rem 0;width:.3rem;height:.8rem;top:.3rem;left:.7rem;transform:rotate(45deg)}.feedback-popup .control-checkbox input:disabled~.control_indicator:after{border-color:var(--feedback-checkbox-check-disabled-border)}.feedback-popup .spinner{width:var(--feedback-spinner-size);height:var(--feedback-spinner-size);border:var(--feedback-spinner-border-width) solid var(--feedback-spinner-track-color);border-color:var(--feedback-spinner-accent-color) transparent;border-radius:50%;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feedback-popup .spinner.loading{animation:feedback-popup-spinner var(--feedback-spinner-animation-duration) linear infinite;display:block}@keyframes feedback-popup-spinner{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}html{box-sizing:border-box;scroll-behavior:smooth}html *{box-sizing:border-box}*,:before,:after{box-sizing:inherit}.feedback-popup .widget__container{background-color:#0000}.feedback-popup .widget__container .widget__container-inner{bottom:var(--feedback-widget-offset-bottom);right:var(--feedback-widget-offset-right);width:var(--feedback-widget-width);min-height:var(--feedback-widget-min-height);position:fixed}.feedback-popup .widget__container .widget__container-inner .widget__button{background-color:var(--feedback-widget-button-bg);border:var(--feedback-widget-button-bg);color:var(--feedback-widget-button-text);font-size:var(--feedback-font-size-widget);font-family:var(--feedback-font-family);cursor:pointer;padding:var(--feedback-widget-padding-y) var(--feedback-widget-padding-x);border-radius:var(--feedback-button-radius) var(--feedback-button-radius) 0 0;box-shadow:.35rem .35rem 0 var(--feedback-color-brand);background-repeat:no-repeat;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}:is(.feedback-popup .widget__container .widget__container-inner .widget__button):hover{background-color:var(--feedback-widget-button-hover-bg);box-shadow:.55rem .55rem 0 var(--feedback-color-brand);transform:translateY(-.2rem)}:is(.feedback-popup .widget__container .widget__container-inner .widget__button):disabled{background-color:var(--feedback-widget-button-disabled-bg);cursor:not-allowed;box-shadow:none}.feedback-popup .feedback__container{background-color:var(--feedback-overlay-bg);width:auto;height:100vh;z-index:var(--feedback-overlay-z-index);transition:var(--feedback-overlay-transition);position:fixed;inset:0}.feedback-popup .feedback__container .feedback__container--inner{background-color:var(--feedback-dialog-bg);border-radius:var(--feedback-dialog-border-radius);box-shadow:.9rem .9rem 0 var(--feedback-color-brand);width:var(--feedback-dialog-width);max-height:calc(100% - var(--feedback-dialog-max-height-offset));position:fixed;top:50%;left:50%;overflow:scroll;transform:translate(-50%,-50%)}@media screen and (width<=575px){.feedback-popup .feedback__container .feedback__container--inner{max-height:calc(100% - var(--feedback-dialog-max-height-offset-mobile))}}.feedback-popup .feedback__container .feedback__container--inner .feedback__header{background-color:var(--feedback-header-bg);height:var(--feedback-header-height);width:100%;padding:0 var(--feedback-header-padding-x);justify-content:flex-start;align-items:center;display:flex}:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__header) h1{color:var(--feedback-header-text);font-size:var(--feedback-font-size-header);font-weight:var(--feedback-font-weight-header);line-height:var(--feedback-line-height-header);font-family:var(--feedback-font-family);margin:0}.feedback-popup .feedback__container .feedback__container--inner .feedback__textarea{background-color:var(--feedback-textarea-bg);height:var(--feedback-textarea-height);width:100%;padding:var(--feedback-textarea-padding-y) var(--feedback-textarea-padding-x)}:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__textarea) textarea{color:var(--feedback-color-text);font-size:var(--feedback-font-size-body);font-weight:var(--feedback-font-weight-body);font-family:var(--feedback-font-family);resize:none;border:none;outline:none;width:100%;height:100%;padding:0}:is(:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__textarea) textarea)::placeholder{color:var(--feedback-color-text-muted);font-size:var(--feedback-font-size-body);font-weight:var(--feedback-font-weight-body)}:is(:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__textarea) textarea):disabled{background-color:var(--feedback-color-disabled)}:is(:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__textarea) textarea):focus-visible{outline:.3rem dashed var(--feedback-color-secondary);outline-offset:.3rem}.feedback-popup .feedback__container .feedback__container--inner .feedback__add-screenshot{background-color:var(--feedback-add-screenshot-bg);color:var(--feedback-add-screenshot-text);font-size:var(--feedback-font-size-screenshot-label);font-weight:var(--feedback-font-weight-body);font-family:var(--feedback-font-family);padding:var(--feedback-add-screenshot-padding);height:var(--feedback-add-screenshot-height);width:100%}.feedback-popup .feedback__container .feedback__container--inner .feedback__screenshot{background-color:var(--feedback-screenshot-area-bg);height:var(--feedback-screenshot-area-height);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:auto}:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__screenshot) .spinner{z-index:0}:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__screenshot) canvas{z-index:1;flex-shrink:0;max-width:100%;display:block;position:relative;width:auto!important;height:auto!important}.feedback-popup .feedback__container .feedback__container--inner .feedback__confirm{background-color:var(--feedback-footer-bg);padding:var(--feedback-footer-padding);text-align:right}:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__confirm) ul{margin:0;padding:0;list-style:none}:is(:is(.feedback-popup .feedback__container .feedback__container--inner .feedback__confirm) ul) li{display:inline-block}.feedback-popup .feedback__container .feedback-popup__confirmation-inner{width:var(--feedback-confirmation-width);height:var(--feedback-confirmation-height);background-color:var(--feedback-confirmation-bg);border-radius:var(--feedback-dialog-border-radius);padding:var(--feedback-confirmation-padding-y) var(--feedback-confirmation-padding-x);max-height:calc(100% - var(--feedback-dialog-max-height-offset));box-shadow:.9rem .9rem 0 var(--feedback-color-brand);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.feedback-popup .feedback__container .feedback-popup__confirmation-inner .feedback-popup__confirmation-text) .thank-you{font-size:var(--feedback-font-size-body);color:var(--feedback-color-text);font-family:var(--feedback-font-family);margin:0 0 var(--feedback-confirmation-thank-you-margin-bottom) 0}:is(:is(.feedback-popup .feedback__container .feedback-popup__confirmation-inner .feedback-popup__confirmation-text) .thank-you) a{color:var(--feedback-color-link)}:is(:is(:is(.feedback-popup .feedback__container .feedback-popup__confirmation-inner .feedback-popup__confirmation-text) .thank-you) a):hover{color:var(--feedback-color-link-hover)}.feedback-popup .feedback__container .feedback-popup__confirmation-inner .feedback-popup__confirmation-button{text-align:right}
/*# sourceMappingURL=demo.6b3045cf.css.map */