.cosmetics-survey-container{width:600px;height:500px;margin:0 auto;padding:10px 20px;background-size:0;background:url(/wp-content/plugins/cosmetics-survey/public/images/baground.webp) no-repeat center;position:relative;background-size:0}.cosmetics-survey-container form{display:flex;flex-direction:column;justify-content:space-between;height:100%}.cosmetics-survey-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0;filter:blur(25px) opacity(.2)}.form-body,.form-footer{z-index:1}.cosmetics-survey-question{margin-bottom:10px}.cosmetics-survey-question h3{font-size:1.5rem;text-align:center;font-weight:700;margin-bottom:.5rem;width:100%;word-break:break-word;white-space:break-spaces;text-wrap:balance}.cosmetics-survey-question h4{margin-top:.5rem;margin-bottom:.5rem}.cosmetics-survey-question.input_email .cosmetics-survey-options{display:flex;flex-direction:row;justify-content:center}.cosmetics-survey-question .subtitle{font-size:1rem;text-align:center;color:dimgray;margin-bottom:1rem;word-wrap:break-word;white-space:break-spaces;text-wrap:balance}.cosmetics-survey-button{background-color:#0073aa;color:#fff;padding:10px 20px;border:none;border-radius:3px;cursor:pointer;font-size:16px}.cosmetics-survey-button:hover{background-color:#005177}.cosmetics-survey-email-input{width:100%;padding:5px;margin-bottom:20px;border-radius:3px;border:1px solid #ddd}.cosmetics-survey-message{position:absolute;width:100%;top:.5rem;left:0;z-index:5}.cosmetics-survey-message .message{margin:0 auto;padding:15px;border-radius:4px;max-width:80%;width:fit-content;white-space:normal;text-align:center;text-wrap:balance;position:absolute}.cosmetics-survey-message #message-callback-success,.cosmetics-survey-message #message-success{color:#3c763d;background-color:#dff0d8ee;border:1px solid #dff0d8}.cosmetics-survey-message #message-callback-error,.cosmetics-survey-message #message-error{color:#a94442;background-color:#f2dedeee;border:1px solid #f2dede}#message-error,#message-success,#message-callback-error,#message-callback-success{opacity:0;transition:opacity 0.3s ease-in-out}#message-error.show,#message-success.show,#message-callback-error.show,#message-callback-success.show{opacity:1}.message-wrapper{position:relative;display:flex;justify-content:center}.cosmetics-survey-option input[type="radio"],.cosmetics-survey-option input[type="checkbox"]{margin-right:10px}.cosmetics-survey-option label{display:block;margin-bottom:5px;box-sizing:content-box}.cosmetics-survey-error-message{color:#a94442;background-color:#f2dede;padding:15px;margin-top:20px;border:1px solid #fff0;border-radius:4px}.cosmetics-survey-options{display:flex;flex-direction:row;flex-wrap:wrap}.cosmetics-survey-options label:hover{background-color:steelblue;color:#fff}.cosmetics-survey-options label{flex:1 1 25%;margin:0;cursor:pointer;background-color:#add8e659;padding:.6rem;border:1px solid #fff;display:flex;align-items:center;box-sizing:content-box}.cosmetics-survey-question.input_email input{line-height:1.7rem}.cosmetics-survey-question.result .cosmetics-survey-options{display:flex;flex-wrap:nowrap}.cosmetics-survey-options label input{transform:scale(1.2);margin:0 .5rem 0;padding:0}.cosmetics-survey-option input[type="radio"]:hover+label,.cosmetics-survey-option input[type="checkbox"]:hover+label{background-color:#f0f0f0}.form-wrapper{display:flex;flex-direction:row;justify-content:space-between;height:100%}.form-wrapper div{flex:1 1 50%;padding-right:.5rem}.cosmetics-survey-contact-form{flex:1 1 50%;padding:1rem;background:#add8e659;border:1px solid #fff;display:flex;flex-direction:column;align-items:center}.cosmetics-survey-contact-form h5{font-weight:700;margin:0 0 .5rem}.cosmetics-survey-contact-form input,.cosmetics-survey-contact-form textarea{width:100%;line-height:1rem;font-size:small}.cosmetics-survey-contact-form input{height:auto;padding:5px}.cosmetics-survey-contact-form input:first-child{margin-bottom:.5rem}.cosmetics-survey-contact-form textarea{width:100%;flex:1 1 50%;padding:5px}.cosmetics-survey-option input[type="radio"]:checked+label,.cosmetics-survey-option input[type="checkbox"]:checked+label{font-weight:700;color:#0073aa}.cosmetics-survey-progress-bar{border-bottom:1px solid steelblue}.cosmetics-survey-progress{overflow:hidden;display:flex;justify-content:end}#cosmetics-survey-progress{height:1rem;margin-top:1rem;min-width:3rem}#cosmetics-survey-progress-number{border-radius:.7rem .7rem 0 0;line-height:1rem;text-align:center;background-color:#0073aa;color:palegoldenrod;font-size:small;font-weight:700;width:3rem}.cosmetics-survey-controls{display:flex;justify-content:space-between;margin-top:20px;min-width:3rem}#cosmetics-survey-reset,#cosmetics-survey-back{background-color:#fff0;border:none;cursor:pointer;font-size:small;font-weight:bolder}#cosmetics-survey-reset{color:maroon;padding:10px 5px}#cosmetics-survey-back{padding:10px 20px;color:#005a87}#cosmetics-survey-back:hover,#cosmetics-survey-reset:hover{text-decoration:underline}#cosmetics-survey-next,#cosmetics-survey-submit-phone{background-color:steelblue;color:#fff;padding:10px 20px;border:none;border-radius:3px;cursor:pointer;font-size:large}#cosmetics-survey-next:hover,#cosmetics-survey-submit-phone:hover{background-color:#005a87}@media (max-width:768px){.cosmetics-survey-container{padding:10px;font-size:14px;width:auto;height:90vh}.cosmetics-survey-question.result .cosmetics-survey-options{flex-wrap:wrap}.cosmetics-survey-next,.cosmetics-survey-submit-phone{padding:8px 15px;font-size:14px}.cosmetics-survey-options{flex-direction:column}.form-wrapper{flex-direction:column}.form-wrapper div{padding-bottom:.5rem;padding-right:0}}.grecaptcha-badge{visibility:hidden!important}