.survey-layout{height:100vh;overflow:hidden;position:relative;padding:60px;box-sizing:border-box;background-size:cover!important;width:100%}.survey-layout .survey-layout-container{display:flex;flex-direction:row;width:100%;height:100%;justify-content:space-between;max-width:1440px;margin:0 auto}.survey-layout .survey-layout-left{display:flex;align-items:flex-start;padding:40px;position:relative;z-index:1}.survey-layout .survey-layout-logo{width:100%}.survey-layout .survey-layout-logo-link{display:inline-block;text-decoration:none}.survey-layout .survey-layout-logo-link svg{width:350px;height:auto;object-fit:contain}.survey-layout .survey-layout-right{display:flex;align-items:flex-start;justify-content:flex-end;position:relative;z-index:1}.survey-layout .survey-wrapper{width:100%;height:100%;max-width:766px}.survey-layout .survey-wrapper section{margin:0!important}.survey-layout .survey-section-wrapper{background:#fff;border-radius:8px;padding:72px 90px;box-shadow:0 4px 20px #0000001a;position:relative;z-index:1;box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:scroll}.survey-layout .survey-header{margin-bottom:32px}.survey-layout .survey-header .survey-header-subtitle{font-family:var(--text-font-family);font-size:14px;font-weight:500;margin:0 0 8px;color:#fe5246;line-height:normal;padding:0}.survey-layout .survey-header .survey-header-title{font-family:var(--text-font-family);font-size:32px;font-weight:700;color:#080808;margin:0;line-height:normal;padding:0}.survey-layout .survey-header .survey-header-title.survey-header-title--green{color:#40e289}.survey-layout .survey-section{margin-bottom:32px;border-bottom:1px solid #EAEAEA;padding-bottom:32px}.survey-layout .survey-section:last-of-type{margin-bottom:0;border-bottom:0;padding-bottom:0}.survey-layout .survey-section .survey-section-label{font-family:var(--text-font-family);font-size:16px;font-weight:600;color:#080808;margin:0 0 18px;display:block;line-height:normal}.survey-layout .survey-input{width:100%;padding:12px 20px;border:1px solid #E0E0E0;border-radius:8px;font-family:var(--text-font-family);font-size:12px;font-weight:400;color:#080808;background:#f5f5f5;resize:vertical;transition:border-color .3s ease,background-color .3s ease}.survey-layout .survey-input:focus{outline:none;background:#fff}.survey-layout .survey-input::placeholder{color:#9a9a9a}.survey-layout .survey-textarea{min-height:120px;line-height:1.5}.survey-layout .survey-slider{display:flex;flex-direction:column-reverse;margin:18px 0 0}.survey-layout .survey-slider .survey-slider-input{width:100%;height:10px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#6cbbc0,#0a4250);border-radius:5px;outline:none;margin-bottom:12px}.survey-layout .survey-slider .survey-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#0a4250;border:6px solid #BFE0E0;border-radius:50%;cursor:pointer;transition:transform .2s ease}.survey-layout .survey-slider .survey-slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.survey-layout .survey-slider .survey-slider-input::-moz-range-thumb{width:16px;height:16px;background:#0a4250;border:6px solid #BFE0E0;border-radius:50%;cursor:pointer;transition:transform .2s ease}.survey-layout .survey-slider .survey-slider-input::-moz-range-thumb:hover{transform:scale(1.1)}.survey-layout .survey-slider .survey-slider-input::-moz-range-track{background:linear-gradient(90deg,#6cbbc0,#0a4250);height:10px;border-radius:5px}.survey-layout .survey-slider .survey-slider-labels{align-items:flex-end;display:flex;justify-content:space-evenly;font-family:var(--text-font-family);font-size:12px;font-weight:400;font-weight:700;color:#080808;margin-bottom:14px;line-height:normal}.survey-layout .survey-slider .survey-slider-label{cursor:pointer}.survey-layout .survey-slider .survey-slider-label:not(:last-child):not(:first-child){text-align:center;width:33%}.survey-layout .survey-slider .survey-slider-label:first-child{text-align:left;width:17%}.survey-layout .survey-slider .survey-slider-label:last-child{text-align:right;width:17%}.survey-layout .survey-radio-group{display:flex;flex-direction:column;gap:12px;margin-top:18px}.survey-layout .survey-radio{display:flex;align-items:center;cursor:pointer}.survey-layout .survey-radio input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#f0efef;border:4px solid #F0EFEF;border-radius:50%;margin-right:12px;cursor:pointer;position:relative;transition:border-color .3s ease}.survey-layout .survey-radio input[type=radio]:checked{border-color:#2000ff;outline:none}.survey-layout .survey-radio label{font-family:var(--text-font-family);font-size:14px;font-weight:500!important;color:#080808;cursor:pointer;margin:0}.survey-layout .survey-submit{width:100%;padding:16px 0;background:linear-gradient(90deg,#ff7c73,#fe5246);border:none;border-radius:8px;font-family:var(--text-font-family);font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:32px}.survey-layout .survey-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f6006e66}.survey-layout .survey-submit:active{transform:translateY(0)}.survey-layout .survey-thank-you{align-self:center;display:none;flex-direction:column;text-align:center}.survey-layout .survey-thank-you .survey-thank-you-subtitle{font-family:var(--text-font-family);font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}.survey-layout .survey-thank-you .survey-thank-you-title{font-family:var(--text-font-family);font-size:64px;font-weight:800;color:#fff;margin:0 0 40px;line-height:1.1}.survey-layout .survey-thank-you .survey-thank-you-title span{display:block}.survey-layout .survey-thank-you .survey-social{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.survey-layout .survey-thank-you .survey-social .survey-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;color:#fff;text-decoration:none;transition:background-color .3s ease}.survey-layout .survey-thank-you .survey-social .survey-social-link:hover{background-color:#ffffff1a}.survey-layout .survey-thank-you .survey-social .survey-social-link svg{width:40px;height:40px;fill:currentColor}.survey-layout .survey-thank-you .survey-thank-you-button{display:inline-block;padding:16px 48px;background:linear-gradient(90deg,#0a4250,#036b84);border:none;border-radius:8px;font-family:var(--text-font-family);font-size:18px;margin:0 auto;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:300px}.survey-layout .survey-thank-you .survey-thank-you-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f6006e66}.survey-layout .survey-thank-you .survey-thank-you-button:active{transform:translateY(0)}.survey-layout.survey-sent .survey-layout-container{flex-direction:column;justify-content:flex-start;gap:60px}.survey-layout.survey-sent .survey-layout-right{display:none}.survey-layout.survey-sent .survey-thank-you{display:flex}@media(max-width:1160px){.survey-layout{padding:40px}.survey-layout .survey-layout-logo-link svg{width:250px}.survey-layout .survey-section-wrapper{padding:30px 45px}}@media(max-width:991px){.survey-layout{height:auto;min-height:100vh}.survey-layout .survey-layout-container{flex-direction:column;align-items:center}body.template-survey{overflow:scroll}}@media(max-width:660px){.survey-layout{padding:0}.survey-layout .survey-section-wrapper{padding:20px 15px}.survey-layout .survey-header .survey-header-title{font-size:24px}.survey-layout .survey-section .survey-section-label{font-size:14px}.survey-layout .survey-input{font-size:11px;padding:6px 10px}.survey-layout .survey-textarea{font-size:11px;padding:6px 10px;min-height:80px}.survey-layout .survey-radio label{font-size:13px}.survey-layout .survey-slider .survey-slider-labels{font-size:9px}.survey-layout .survey-submit{font-size:15px}.survey-layout .survey-thank-you{padding:20px}.survey-layout .survey-thank-you .survey-thank-you-subtitle{font-size:14px}.survey-layout .survey-thank-you .survey-thank-you-title{font-size:32px}.survey-layout .survey-thank-you .survey-thank-you-title br{display:none}.survey-layout .survey-thank-you .survey-thank-you-button{font-size:15px}}@media(min-width:1161px){body.template-survey{overflow:hidden}}body.template-survey{background:#24215a}
/*# sourceMappingURL=/cdn/shop/t/22/assets/survey.css.map */