.survey__canvas-wrap{width:80px}.survey__wrap{position:relative}.survey__canvas.survey__canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.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){display:flex;min-height:200px;max-height:300px;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)}.survey__page-wrap-inner ::-webkit-scrollbar-track,.survey__page-wrap-inner::-webkit-scrollbar-track{background:transparent}.survey__step-headline{margin-bottom:12px;line-height:25px;letter-spacing:0;color:#fff;font-size:20px;font-weight:400}.survey__outer-wrap--mobile .survey__step-headline{font-size:14px}.survey__page-headline{text-align:left;line-height:35px;letter-spacing:0;color:#fff;font-size:30px;font-weight:700;font-style:normal}.survey__outer-wrap--mobile .survey__page-headline{font-size:24px}.survey__button-row{display:flex;position:relative;flex-direction:column;justify-content:space-between;z-index:223;row-gap:8px}@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--display-none,.survey__button--is-hidden{display:none}.text-image{z-index:0}.text-image p{font:400 16px/1.25 Noto Sans,sans-serif}.text-image--background-image{top:0;left:0;z-index:-1!important;background:#000;pointer-events:none}.text-image--background-image img{width:100%;max-width:unset!important;height:100%;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{display:flex;flex-direction:column;margin:auto 0;padding:32px 0;width:100%}.survey-page__content-wrap{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.survey-type-radio{gap:12px}.survey-type-radio--item-wrap{flex-grow:0;flex-shrink:0;border:1px solid #252525;background-color:#121212;cursor:pointer;padding:24px 32px;width:100%;-webkit-user-select:none;user-select:none}.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{margin-left:14px;color:#fff}.survey-type-image--item-wrap .image--wrapper{position:relative;overflow:hidden;will-change:transform}.survey-type-image--item-wrap .image--wrapper:after,.survey-type-image--item-wrap .image--wrapper:before{position:absolute;z-index:1;content:"";pointer-events:none}.survey-type-image--item-wrap .image--wrapper:before{top:0;right:0;bottom:0;left:0;transition:var(--transition-duration) border-color cubic-bezier(.25,.61,.355,1);border:1px solid #252525}.survey-type-image--item-wrap .image--wrapper:after{top:-12px;right:-12px;transform:rotate(45deg);transition:var(--transition-duration) opacity cubic-bezier(.25,.61,.355,1);opacity:0;background:#00b9ff;width:24px;height:24px}.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:after,.survey-type-image--item-wrap.is--selected .image--wrapper:before{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{border:1px solid #252525;height:100%;min-height:240px;max-height:260px;resize:none}.survey-type-textarea::placeholder{opacity:.3}.survey-type-checkbox{gap:12px}.survey-type-checkbox--item-wrap{border:1px solid #252525;background-color:#121212;cursor:pointer;padding:24px 32px;width:100%;-webkit-user-select:none;user-select:none}.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{margin-left:14px;color:#fff}.survey-type-scale--endpoint{text-transform:uppercase;font:400 10px/19px Noto Sans,sans-serif}.survey-type-scale--rating{display:flex;flex-direction:column;gap:8px}@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);box-shadow:inset 0 0 0 1px #3c3c3c;background:#1a1a1a;cursor:pointer;padding:8px 16px;min-height:48px;font:400 16px/1.375 Noto Sans,sans-serif;-webkit-user-select:none;user-select:none}@media(min-width:992px){.survey-type-scale--label{min-width:calc(14.5% - 6.006006006px);-webkit-overflow-scrolling:touch}.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{box-shadow:inset 0 0 0 1px #00b9ff;background:#252525}.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}