.survey__canvas-wrap{width:80px}.survey__wrap{position:relative}.survey__canvas.survey__canvas{top:0;bottom:0;left:0;right:0;position:absolute!important}.survey__page-wrap-inner{transition:opacity calc(var(--transition-duration)*1.5)cubic-bezier(.25,.61,.355,1)}.survey__page-wrap-inner:has(.has--images){overflow-x:hidden}.survey__page-wrap-inner:not(.overflow-visible){min-height:200px;max-height:300px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 8%,#000 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8%,#000 92%,#0000 100%)}.survey__page-wrap-inner::-webkit-scrollbar-track{background:0 0}.survey__page-wrap-inner ::-webkit-scrollbar-track{background:0 0}.survey__step-headline{letter-spacing:0;color:#fff;margin-bottom:12px;font-size:20px;font-weight:400;line-height:25px}.survey__outer-wrap--mobile .survey__step-headline{font-size:14px}.survey__page-headline{text-align:left;letter-spacing:0;color:#fff;font-size:30px;font-style:normal;font-weight:700;line-height:35px}.survey__outer-wrap--mobile .survey__page-headline{font-size:24px}.survey__button-row{z-index:223;flex-direction:column;justify-content:space-between;row-gap:8px;display:flex;position:relative}@media (min-width:992px){.survey__button-row{flex-direction:row}}.survey__button-row .btn{width:100%}@media (min-width:992px){.survey__button-row .btn{width:256px}}.survey__button--next{margin-left:auto}.survey__button{transition:transform calc(var(--transition-duration)*1.5)cubic-bezier(.25,.61,.355,1),opacity calc(var(--transition-duration)*1.5)cubic-bezier(.25,.61,.355,1),background calc(var(--transition-duration)*1.5)cubic-bezier(.25,.61,.355,1)}.survey__button--is-hidden,.survey__button--display-none{display:none}.text-image{z-index:0}.text-image p{font:400 16px/1.25 Noto Sans,sans-serif}.text-image--background-image{pointer-events:none;background:#000;top:0;left:0;z-index:-1!important}.text-image--background-image img{width:100%;height:100%;max-width:unset!important;max-height:unset!important}.text-image.y-padding--default{padding-top:75px;padding-bottom:75px}@media (min-width:992px){.text-image.y-padding--default{padding-top:125px;padding-bottom:125px}}.text-image.y-padding--large{padding-top:100px;padding-bottom:100px}@media (min-width:992px){.text-image.y-padding--large{padding-top:250px;padding-bottom:250px}}
.survey-page__wrap{flex-direction:column;width:100%;margin:auto 0;padding:32px 0;display:flex}.survey-page__content-wrap{flex-direction:column;flex-grow:1;justify-content:center;display:flex}
.survey-type-radio{gap:12px}.survey-type-radio--item-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#121212;border:1px solid #252525;flex-grow:0;flex-shrink:0;width:100%;padding:24px 32px}.survey-type-radio--item-wrap--50{width:calc(50% - 6px)}@media (max-width:991.98px){.survey-type-radio--item-wrap--50{width:100%}}.survey-type-radio--inner-text{color:#fff;margin-left:14px}
.survey-type-image--item-wrap .image--wrapper{will-change:transform;position:relative;overflow:hidden}.survey-type-image--item-wrap .image--wrapper:before,.survey-type-image--item-wrap .image--wrapper:after{z-index:1;content:"";pointer-events:none;position:absolute}.survey-type-image--item-wrap .image--wrapper:before{transition:var(--transition-duration)border-color cubic-bezier(.25,.61,.355,1);border:1px solid #252525;top:0;bottom:0;left:0;right:0}.survey-type-image--item-wrap .image--wrapper:after{transition:var(--transition-duration)opacity cubic-bezier(.25,.61,.355,1);opacity:0;background:#00b9ff;width:24px;height:24px;top:-12px;right:-12px;transform:rotate(45deg)}.has--custom-colors main .survey-type-image--item-wrap .image--wrapper:after{background:var(--color-primary)}.survey-type-image--item-wrap.is--selected .image--wrapper{animation:var(--transition-duration)feedbackOnClick cubic-bezier(.25,.61,.355,1)forwards}.survey-type-image--item-wrap.is--selected .image--wrapper:before,.survey-type-image--item-wrap.is--selected .image--wrapper:after{opacity:1}.survey-type-image--item-wrap.is--selected .image--wrapper:before{transition-delay:var(--transition-duration)/2;border:2px solid #00b9ff}.has--custom-colors main .survey-type-image--item-wrap.is--selected .image--wrapper:before{border-color:var(--color-primary)}.survey-type-image--item-wrap.is--selected .image--wrapper:after{transition-delay:var(--transition-duration)/3}.survey-type-image--inner-text{color:#fff}
.survey-type-textarea{resize:none;border:1px solid #252525;height:100%;min-height:240px;max-height:260px}.survey-type-textarea::placeholder{opacity:.3}
.survey-type-checkbox{gap:12px}.survey-type-checkbox--item-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#121212;border:1px solid #252525;width:100%;padding:24px 32px}.survey-type-checkbox--item-wrap-50{width:calc(50% - 6px)}@media (max-width:991.98px){.survey-type-checkbox--item-wrap-50{width:100%}}.survey-type-checkbox--item-wrap input{pointer-events:none}.survey-type-checkbox--inner-text{color:#fff;margin-left:14px}
.survey-type-scale--endpoint{text-transform:uppercase;font:400 10px/19px Noto Sans,sans-serif}.survey-type-scale--rating{flex-direction:column;gap:8px;display:flex}@media (min-width:992px){.survey-type-scale--rating{flex-direction:row;padding:0 0 8px;overflow:auto}}.survey-type-scale--label{transition:var(--transition-duration)box-shadow cubic-bezier(.25,.61,.355,1);cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;min-height:48px;padding:8px 16px;font:400 16px/1.375 Noto Sans,sans-serif;box-shadow:inset 0 0 0 1px #3c3c3c}@media (min-width:992px){.survey-type-scale--label{-webkit-overflow-scrolling:touch;min-width:calc(14.5% - 6.00601px)}.survey-type-scale--label.has--long-label{min-width:calc(23.5% - 6px)}}@media (min-width:1400px){.survey-type-scale--label{min-width:calc(9.5% - 7.2px)}.survey-type-scale--label.has--long-label{min-width:calc(19.5% - 6.4px)}}.survey-type-scale--label:focus-within:focus-visible{outline:4px solid #00b9ff}.survey-type-scale--label:focus-within:focus:not(:focus-visible){outline:0}@media (hover:hover){.survey-type-scale--label:hover{background:#252525;box-shadow:inset 0 0 0 1px #00b9ff}.has--custom-colors main .survey-type-scale--label:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}}.survey-type-scale--label.is--checked{box-shadow:inset 0 0 0 2px #fff}