/* pages/questionnaire/questionnaire.scss, 
pages/questionnaire/results.scss, 
pages/index/_hero.scss, 
components/vue-questionnaire/question.scss, 
components/vue-questionnaire/finish.scss */
@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}:root{--header-fore: white;--header-bg: black;--logo-text: white;--logo-symbol: white}:root #header .button-accessibility svg{color:var(--header-fore)}#main{flex-grow:1;display:flex;flex-direction:column}#questionnaire-intro{margin-top:60px;margin-bottom:60px;text-align:center}@media (min-width:768px){#questionnaire-intro{margin-top:88px;margin-bottom:88px}}#questionnaire-intro .title{max-width:650px;margin:0 auto}#questionnaire-intro .desc{font-size:16px;line-height:20px;font-weight:300;color:#58595B;max-width:916px;margin:14px auto 0}@media (min-width:768px){#questionnaire-intro .desc{margin-top:27px;margin-bottom:27px;font-size:24px;line-height:30px;font-weight:400}}#questionnaire-intro .btn-link{margin-top:25px}@media (min-width:768px){#questionnaire-intro .btn-link{margin-top:60px}}#questionnaire{display:flex;flex-direction:column;flex-grow:1;position:relative}#questionnaire .questionnaire-flow{margin-bottom:60px}#questionnaire .toolbar{padding:20px var(--header-x-gap) 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#questionnaire .toolbar .progress{margin-top:20px;min-width:100%;display:flex;flex-direction:column;align-items:center;font-size:14px;line-height:2.1;color:#58595B;font-weight:400}@media (min-width:576px){#questionnaire .toolbar .progress{margin-left:auto;min-width:initial;margin-top:0}}@media (min-width:768px){#questionnaire .toolbar .progress{flex-direction:row;font-size:18px;line-height:1}}#questionnaire .toolbar .progress .stages{width:122px;display:flex}@media (min-width:768px){#questionnaire .toolbar .progress .stages{margin-left:15px;width:250px}}#questionnaire .toolbar .progress .stages span{flex-grow:1;flex-basis:100%;display:block;height:5px;background:#d8d8d8;border:1px solid white}#questionnaire .toolbar .progress .stages span.active{background:#DC4405}@media (min-width:576px){#questionnaire .toolbar{flex-wrap:nowrap;justify-content:flex-start}#questionnaire .toolbar .btn~.btn{margin-left:33px}}#questionnaire .stage-3-proxy{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background:white;overflow:hidden}#questionnaire .stage-3-proxy .wrapper{position:sticky;top:50%;transform:translateY(-50%);width:100%;overflow:hidden;padding:20px;text-align:center}#questionnaire .stage-3-proxy .wrapper img{width:77px;height:95px;display:inline-block;opacity:0;animation:fade-in-item-stg3 0.35s ease 0s 1 forwards}#questionnaire .stage-3-proxy .wrapper .stage-proxy-title{margin-top:50px;max-width:479px;margin-right:auto;margin-left:auto;outline:0;opacity:0;animation:fade-in-item-stg3 0.35s ease 0.2s 1 forwards}#questionnaire .stage-3-proxy .wrapper .desc{outline:0;font-size:16px;line-height:20px;color:#58595B;font-weight:300;max-width:479px;margin:14px auto 0;opacity:0;animation:fade-in-item-stg3 0.35s ease 0.4s 1 forwards}@media (min-width:768px){#questionnaire .stage-3-proxy .wrapper .desc{font-size:20px;line-height:30px}}#questionnaire .stage-3-proxy .wrapper .continue{outline:0;padding:10px 16px;--icon-color: #DC4405;border:1px solid black;margin-top:35px;opacity:0;animation:fade-in-item-stg3 0.35s ease 0.6s 1 forwards}@media (min-width:768px){#questionnaire .stage-3-proxy .wrapper .continue{margin-top:50px}}#questionnaire .stage-3-proxy .wrapper .continue:after{content:initial;display:none}#questionnaire .stage-3-proxy .wrapper .continue:hover,#questionnaire .stage-3-proxy .wrapper .continue:focus{--text-color: #DC4405}@keyframes fade-in-item-stg3{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:none}}#questionnaire .stg3prox-enter-active,#questionnaire .stg3prox-leave-active{transition:opacity 0.25s ease}#questionnaire .stg3prox-enter-from,#questionnaire .stg3prox-leave-to{opacity:0}#questionnaire .error{margin-top:60px;margin-bottom:60px;text-align:center}#questionnaire .error .desc{margin-top:10px;font-size:16px;line-height:20px;font-weight:300;color:#58595B}@media (min-width:768px){#questionnaire .error .desc{font-size:20px;line-height:30px}}
@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}#questionnaire-results{padding-top:60px;position:relative}@media (min-width:768px){#questionnaire-results{padding-top:127px}}#questionnaire-results .results-title{text-align:center}#questionnaire-results #resultsTabs{display:flex;flex-direction:column;list-style-type:none;margin:35px 0 0;padding:0;align-items:center}@media (min-width:768px){#questionnaire-results #resultsTabs{flex-direction:row;justify-content:center}}#questionnaire-results #resultsTabs .nav-item:not(:first-child){margin-top:17px}@media (min-width:768px){#questionnaire-results #resultsTabs .nav-item:not(:first-child){margin-top:0;margin-left:20px}}#questionnaire-results #resultsTabs .nav-link{display:flex;width:235px;align-items:center;border:1px solid rgba(0, 0, 0, 0.25);font-size:16px;line-height:1;letter-spacing:1px;padding:15px 8px;padding-left:28px;font-weight:400;color:#6d7278;transition:color 0.3s, border 0.3s;outline:0}@media (min-width:768px){#questionnaire-results #resultsTabs .nav-link{width:initial;padding:16px 27px}}@media (min-width:768px) and (max-width:991px){#questionnaire-results #resultsTabs .nav-link{letter-spacing:0}}@media (min-width:992px){#questionnaire-results #resultsTabs .nav-link{font-size:18px}}#questionnaire-results #resultsTabs .nav-link svg{width:23px;height:23px;display:block;margin-right:10px}#questionnaire-results #resultsTabs .nav-link:hover,#questionnaire-results #resultsTabs .nav-link:focus{color:black;border-color:black}#questionnaire-results #resultsTabs .nav-link.active{color:black;border-color:#DC4405}#questionnaire-results #resultsTabsContent{margin-top:35px;margin-bottom:35px}@media (min-width:768px){#questionnaire-results #resultsTabsContent{margin-top:50px;margin-bottom:50px}}#questionnaire-results #resultsTabsContent>.tab-pane{display:none}#questionnaire-results #resultsTabsContent>.active{display:block}#questionnaire-results #resultsTabsContent .call-to-actions{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width:576px){#questionnaire-results #resultsTabsContent .call-to-actions{flex-direction:row;margin-top:20px}}#questionnaire-results #resultsTabsContent .call-to-actions .btn{margin-top:18px}@media (min-width:576px){#questionnaire-results #resultsTabsContent .call-to-actions .btn{margin-top:0}#questionnaire-results #resultsTabsContent .call-to-actions .btn:not(:first-child){margin-left:60px}}#questionnaire-results #resultsTabsContent .style-desc{font-size:16px;line-height:20px;color:#58595B;font-weight:300;max-width:318px;margin:0 auto;text-align:center}@media (min-width:768px){#questionnaire-results #resultsTabsContent .style-desc{font-size:20px;line-height:30px;max-width:450px}}#questionnaire-results #resultsTabsContent .pan-inspiration{margin-top:35px;margin-bottom:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-inspiration{margin-bottom:16px;margin-top:50px}}#questionnaire-results #resultsTabsContent .pan-inspiration>.btn-link{margin-top:24px;order:3}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-inspiration>.btn-link{margin-top:0;order:initial}}#questionnaire-results #resultsTabsContent .pan-inspiration .layout{flex-shrink:0;flex-grow:0;min-width:100%;flex-basis:100%;position:relative;margin-top:15px}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-inspiration .layout{margin-top:30px}}#questionnaire-results #resultsTabsContent .pan-inspiration .layout:before{content:'';display:block;padding-top:66%}#questionnaire-results #resultsTabsContent .pan-inspiration .layout-items{top:0;left:0;width:100%;height:100%;position:absolute;display:grid;grid-auto-flow:column;grid-template-rows:1fr 1.2fr;grid-template-columns:repeat(10, 1fr);grid-gap:4px}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-inspiration .layout-items{grid-gap:16px}}#questionnaire-results #resultsTabsContent .pan-inspiration .layout .item{position:relative;grid-column-end:span 5}#questionnaire-results #resultsTabsContent .pan-inspiration .layout .item:nth-child(2){grid-column-end:span 4}#questionnaire-results #resultsTabsContent .pan-inspiration .layout .item:nth-child(3){grid-column-end:span 6}#questionnaire-results #resultsTabsContent .pan-inspiration .layout .item .thumb{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}#questionnaire-results #resultsTabsContent .pan-colors{overflow:hidden;margin-top:35px}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-colors{margin-top:64px}}@media (min-width:1260px){#questionnaire-results #resultsTabsContent .pan-colors .container{display:flex;align-items:center;justify-content:space-between}}#questionnaire-results #resultsTabsContent .pan-colors .subtitle{font-size:16px;line-height:20px;color:#58595B;font-weight:300;margin:14px 0 0;max-width:431px}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-colors .subtitle{font-size:20px;line-height:30px}}@media (min-width:1260px){#questionnaire-results #resultsTabsContent .pan-colors .subtitle{margin:25px 0 0}}#questionnaire-results #resultsTabsContent .pan-colors .layout{width:100%;max-width:700px;position:relative}@media (min-width:1260px){#questionnaire-results #resultsTabsContent .pan-colors .layout{padding:65px 0}}@media (min-width:1260px){#questionnaire-results #resultsTabsContent .pan-colors .layout:before{content:'';position:absolute;z-index:0;width:calc(100% - 45px);height:100%;top:0;left:45px;background:#f7f7f7;box-shadow:550px 0px 0px 0px #f7f7f7}}#questionnaire-results #resultsTabsContent .pan-colors .layout-items{position:relative;z-index:1;margin-top:14px;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr}#questionnaire-results #resultsTabsContent .pan-colors .layout-items .item .ratio{display:block}#questionnaire-results #resultsTabsContent .pan-colors .layout-items .item-name{display:block;text-decoration:none;margin-top:5px;font-size:12px;color:#58595B;font-weight:400;line-height:1.5}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-colors .layout-items .item-name{font-size:16px}}#questionnaire-results #resultsTabsContent .pan-colors .layout-items .item-name .code{display:block;color:black}@media (min-width:768px){#questionnaire-results #resultsTabsContent .pan-colors .layout-items .item-name .code{display:inline}}
@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}#hero{--goto-x: -100px;--goto-y: -100px;will-change:--goto-x, --goto-y;min-height:600px;position:relative}#hero .swiper-slide{position:relative}@media (min-width:992px){#hero .swiper-slide.porcelain .content-layer .content-layer-text{padding-bottom:50px}}#hero .swiper-slide.porcelain .content-layer .symbol{position:absolute;bottom:0;left:0;width:100%;margin-top:0}#hero .swiper-slide.porcelain .content-layer .symbol img{max-width:319px}#hero .background,#hero .background img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#hero .background img{object-fit:cover}#hero .background .video-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#hero .background .video-container .video-ratio{position:absolute;transform:translate(-50%, -50%);height:100%;top:50%;left:50%;width:0;overflow:hidden}@media (max-width:767px){#hero .background .video-container .video-ratio{padding:0 calc(100vh * 9 / 16) 0 0}}@media (max-width:767px){body.hero-min-ratio-9-16 #hero .background .video-container .video-ratio{height:0;width:100%;padding:calc(16 / 9 * 100%) 0 0}}@media (min-width:768px){#hero .background .video-container .video-ratio{padding:0 calc(100vh / (1080 / 1920)) 0 0}}@media (min-width:768px){body.hero-min-ratio-16-9 #hero .background .video-container .video-ratio{height:0;width:100%;padding:calc(1080 / 1920 * 100%) 0 0}}#hero .background .video-container .video-ratio .video-iframe-wrapper,#hero .background .video-container .video-ratio img{position:absolute;width:100%;height:100%;top:0;left:0}#hero .background .video-container .video-ratio img{z-index:0;object-fit:initial}#hero .background .video-container .video-ratio .video-iframe-wrapper{z-index:1}#hero .background .video-container .video-ratio .video-iframe-wrapper iframe{border:0;width:100%;height:100%}#hero .background:after{z-index:2;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.18;background:linear-gradient(black, rgba(0, 0, 0, 0))}#hero .hold-container{z-index:1;display:flex;align-items:center;height:100vh;min-height:600px;--t-top-space: 64px;--t-width: 220px;--t-wrap-width: 0px;--b-width: 54vw;--b-max-width: 280px}@media (min-width:768px){#hero .hold-container{--t-width: 235px}}@media (min-width:992px){#hero .hold-container{--t-width: 270px;--t-wrap-width: calc(6.51vw + var(--t-width))}}@media (min-width:1260px){#hero .hold-container{--t-width: 335px}}@media (min-width:768px){#hero .hold-container{--b-wanted-height: ((100vh - 100px) * 0.575);--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: 350px}}@media (min-width:992px){#hero .hold-container{--b-wanted-height: (100vh - 300px) * 0.95;--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: calc(100% - var(--header-x-gap) * 3 - var(--t-max-width) * 2)}}@media (min-width:992px) and (min-height:1300px){#hero .hold-container{--b-wanted-height: (100vh - 300px) * 0.9}}@media ((min-width:  500px) and (max-width: 992px) and (min-height: 300px) and (max-height: 500px)){#hero .hold-container{--b-wanted-height: (80vh) * 0.95;--b-width: calc(var(--b-wanted-height) / 1.628742515);--b-max-width: calc(100% - var(--header-x-gap) * 3 - var(--t-max-width) * 2);--t-width: calc(var(--b-wanted-height) / 1.628742515);--t-wrap-width: calc(6.51vw + var(--t-width))}}#hero .hold-container.desktop-no-rect{--t-wrap-width: calc(17.01vw + var(--t-width))}@media (min-width:992px){#hero .hold-container.desktop-no-rect .box{display:none}}#hero .hold-container .hold-wrapper{flex-shrink:0;width:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}@media ((min-width:  500px) and (max-width: 992px) and (min-height: 300px) and (max-height: 500px)){#hero .hold-container .hold-wrapper{flex-direction:row-reverse;align-items:stretch;justify-content:center}#hero .hold-container .hold-wrapper:before{content:"";display:inline-block;flex-shrink:0;width:var(--t-wrap-width);height:20px}#hero .hold-container .hold-wrapper .box{margin:0}#hero .hold-container .hold-wrapper .content-layer{margin:0;max-width:initial;flex-shrink:0;width:var(--t-wrap-width);display:inline-block}#hero .hold-container .hold-wrapper .content-layer-text{top:50%;transform:translateY(-50%)}#hero .hold-container .hold-wrapper .content-layer-text>*{margin:auto}#hero .hold-container .hold-wrapper.reversed{flex-direction:row}}@media (min-width:992px){#hero .hold-container .hold-wrapper{flex-direction:row-reverse;align-items:stretch;justify-content:center;align-items:center}#hero .hold-container .hold-wrapper:before{content:"";display:inline-block;flex-shrink:0;width:var(--t-wrap-width);height:20px}#hero .hold-container .hold-wrapper.reversed{flex-direction:row}}#hero .hold-container .hold-wrapper.container{justify-content:flex-end;--t-wrap-width: 50%;--t-width: 100%}#hero .hold-container .hold-wrapper.container .content-layer{max-width:504px;min-width:320px;margin:0}@media (min-width:768px){#hero .hold-container .hold-wrapper.container .content-layer{min-width:420px}}#hero .hold-container .hold-wrapper.container .content-layer-text{transform:translate(0, -50%)}#hero .hold-container .box{flex-grow:0;width:var(--b-width);max-width:var(--b-max-width);margin:0 auto}@media (min-width:992px){#hero .hold-container .box{margin:0}}#hero .hold-container .box .ratio{pointer-events:none}#hero .hold-container .box .ratio .svg{width:100%;height:100%;fill:transparent;stroke-width:4px;stroke:white}#hero .hold-container .content-layer{position:relative;width:var(--b-width);max-width:var(--b-max-width);margin:var(--t-top-space) auto 0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 1s, transform 1s, visibility 1s}#hero .swiper-container .swiper-slide-active .content-layer{opacity:1;transform:none;visibility:visible}@media (min-width:992px){#hero .hold-container .content-layer{margin:0;max-width:initial;flex-shrink:0;width:var(--t-wrap-width);display:inline-block}}#hero .hold-container .content-layer .title-text{line-height:1.2;color:white;font-weight:bold;font-size:25px;width:var(--t-width);margin-bottom:0;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (max-width:991px){#hero .hold-container .content-layer .title-text.not-only-title{margin-top:-6px}}@media (min-width:768px){#hero .hold-container .content-layer .title-text{font-size:30px}}@media (min-width:992px){#hero .hold-container .content-layer .title-text{font-size:39px}}#hero .hold-container .content-layer .subtext{color:white;font-size:14px;font-weight:400;line-height:1.3;display:block;width:var(--t-width);margin-top:10px;margin-bottom:0}@media (min-width:768px){#hero .hold-container .content-layer .subtext{font-size:16px;margin-top:15px}}@media (min-width:1260px){#hero .hold-container .content-layer .subtext{font-size:20px;margin-top:30px}}#hero .hold-container .content-layer .btn{--icon-color: white;--text-color: white;margin-top:10px;font-weight:600}#hero .hold-container .content-layer .btn.btn-framed{margin-top:25px;z-index:2;border-color:white;width:max-content}#hero .hold-container .content-layer .btn.btn-framed:hover,#hero .hold-container .content-layer .btn.btn-framed:focus{--background-color: white;--icon-color: black;--text-color: black}#hero .hold-container .content-layer .btn:after{background-color:white}#hero .hold-container .content-layer .symbol{margin-top:25px;display:none}@media (min-width:992px){#hero .hold-container .content-layer .symbol{display:block}}#hero .hold-container .content-layer .symbol .logo{fill:white;color:white;width:calc(var(--header-logo-width) * 1.16);height:calc(var(--header-logo-height) * 1.16)}@media (max-width:767px){#hero .hold-container .content-layer.empty-mobile-video .content-layer-text.video:first-child{opacity:unset;visibility:unset}#hero .hold-container .content-layer.empty-mobile-video .content-layer-text.video:not(:first-child){display:none}}#hero .hold-container.with-logo .hold-wrapper:before{content:unset}#hero .hold-container.with-logo .content-layer{--t-top-space: 25px}@media (min-width:992px){#hero .hold-container.with-logo .content-layer{--t-top-space: 64px}}#hero .hold-container .video-controls{display:none;position:absolute;grid-auto-flow:column;grid-gap:15px;z-index:2;left:19px;bottom:19px}@media (min-width:768px){#hero .hold-container .video-controls{left:calc((100% - 720px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:992px){#hero .hold-container .video-controls{left:calc((100% - 960px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:1260px){#hero .hold-container .video-controls{left:calc((100% - 1210px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:1400px){#hero .hold-container .video-controls{left:calc((100% - 1320px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}@media (min-width:1920px){#hero .hold-container .video-controls{left:calc((100% - 1600px) / 2 + 19px)}#hero .hold-container .video-controls.tabs-hero{left:40px}}.bg-video-playing~.hold-container .video-controls{display:grid !important}#hero .hold-container .video-controls .toggle{display:flex}@media (max-width:991px){#hero .hold-container .video-controls .toggle{outline:0}}#hero .hold-container .video-controls .toggle svg{flex-shrink:0;flex-grow:0;display:block;width:20px;height:20px;fill:white;stroke:white}#hero .hold-container .video-controls .toggle .on{display:none}#hero .hold-container .video-controls .toggle.state-on .on{display:block}#hero .hold-container .video-controls .toggle.state-on .off{display:none}#hero .hold-container .content-layer-text{position:absolute;left:0;width:100%;top:0}#hero .hold-container .content-layer-text.video{opacity:0;visibility:hidden;transition:opacity 0.6s, visibility 0.6s}@media (min-width:992px){#hero .hold-container .content-layer-text{top:50%;transform:translateY(-50%)}}#hero .hold-container .content-layer-text.icon{display:none}@media (min-width:992px){#hero .hold-container .content-layer-text.icon{display:flex;position:relative}}#hero .hold-container .content-layer-text.icon .pebbles-logo{margin-left:auto;width:100%;height:100%;max-width:145px;max-height:92px}@media (min-width:992px){#hero .hold-container .content-layer-text.icon .pebbles-logo{max-width:301px;max-height:190px}}#hero .hold-container .content-layer-text.icon .porcelain-logo{margin-left:auto;width:100%;height:100%;max-width:145px;max-height:92px}@media (min-width:992px){#hero .hold-container .content-layer-text.icon .porcelain-logo{max-width:301px;max-height:230px;height:230px}}#hero .hold-container .content-layer-text.active{opacity:1;visibility:visible}#hero .hold-container .content-layer-text.force-ltr .title-text{direction:ltr;text-align:left}#hero .hold-container .content-layer-text.minified{transition:opacity 0.1s, visibility 0.1s}@media (min-width:992px){#hero .hold-container .content-layer-text.minified{transform:none;top:auto;bottom:0}}#hero .hold-container .content-layer-text.minified .title-text{font-size:20px}@media (min-width:992px){#hero .hold-container .content-layer-text.minified .title-text{font-size:26px}}#hero .hold-container .content-layer-text.minified .subtext,#hero .hold-container .content-layer-text.minified .btn{display:none}@media (max-width:991px){#hero .hold-container .content-layer-text.mobile-null-mt{margin-top:calc(-1 * var(--t-top-space) + 20px)}}@media (max-width:991px){#hero .hold-container.mobile-no-rect .box{display:none}}@media (max-width:991px){#hero .hold-container.mobile-no-rect .content-layer{--t-top-space: 0}}#hero .hold-container.no-rect .box{display:none}#hero .hold-container.no-rect .content-layer{--t-top-space: 0}#hero .hold-container .pebbles-logo-mobile{position:absolute;left:0;width:100%;bottom:60px;padding:0 var(--header-x-gap)}#hero .hold-container .pebbles-logo-mobile .content-layer-text.icon{display:block;position:relative}@media (min-width:992px){#hero .hold-container .pebbles-logo-mobile{display:none}}#hero .controls{z-index:2;position:absolute;right:19px;bottom:19px;color:white;font-weight:300;font-size:16px;direction:ltr}@media (min-width:768px){#hero .controls{right:calc((100% - 720px) / 2 + 19px)}}@media (min-width:992px){#hero .controls{right:calc((100% - 960px) / 2 + 19px)}}@media (min-width:1260px){#hero .controls{right:calc((100% - 1210px) / 2 + 19px)}}@media (min-width:1400px){#hero .controls{right:calc((100% - 1320px) / 2 + 19px)}}@media (min-width:1920px){#hero .controls{right:calc((100% - 1600px) / 2 + 19px)}}#hero .controls .swiper-pagination{position:static !important;white-space:nowrap}#hero .controls .swiper-pagination .swiper-pagination-current{font-weight:bold}#hero #hero-goto{display:none}@media (min-width:768px){#hero #hero-goto{display:block}}#hero #hero-goto .side{position:absolute;top:0;width:0;height:100%;z-index:5}#hero #hero-goto .prev-side{left:0}#hero #hero-goto .prev-side .hero-goto{left:19px}#hero #hero-goto .next-side{right:0}#hero #hero-goto .next-side .hero-goto{right:19px}#hero #hero-goto .hero-goto{position:absolute;top:calc(50% - 15px);display:flex;width:37px;height:31px;color:white}#hero #hero-goto .hero-goto.next svg{transform:rotate(180deg)}#hero #hero-goto .hero-goto svg{transition:transform 0.35s;width:100%;height:100%}#hero #hero-goto .hover-control{pointer-events:none;z-index:6;position:fixed;top:0;left:0;display:none;visibility:hidden;opacity:0;transition:opacity 0.15s, visibility 0.2s;will-change:transform;transform:translate3d(var(--goto-x), var(--goto-y), 0)}#hero.gradient-header:before{z-index:5}#hero .thumbs-swiper{bottom:var(--thumbs-height, 130px)}#hero .thumbs-swiper .swiper-slide{position:relative;display:flex;justify-content:center;align-items:center;padding:13px 20px;background:rgba(255, 255, 255, 0.07);height:auto;border:1px solid rgba(255, 255, 255, 0.3);border-left:none;backdrop-filter:blur(4px)}@media (min-width:768px){#hero .thumbs-swiper .swiper-slide{padding:35px 70px}}#hero .thumbs-swiper .swiper-slide-thumb-active{background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(7px)}#hero .thumbs-swiper .swiper-slide a{color:white;text-decoration:none;font-size:18px;line-height:1.44}@media (min-width:768px){#hero .thumbs-swiper .swiper-slide a{font-size:22px;line-height:1.36}}#hero .thumbs-swiper .swiper-wrapper:before{content:"";position:absolute;top:0;left:0;width:var(--tabs-progress, 0%);height:3px;background:white;z-index:2}#hero .thumbs-swiper .swiper-wrapper:after{content:"";position:absolute;top:0;left:var(--tabs-progress, 0%);width:0%;height:3px;background:white;z-index:2}#hero.init-bar-animation .thumbs-swiper .swiper-wrapper:after{width:var(--tab-width, 0%);transition:var(--bar-transition, none)}#hero.tabs-hero{margin-bottom:calc(var(--thumbs-height, 130px) * -1)}#hero.tabs-hero .video-controls{margin-bottom:var(--thumbs-height, 130px);z-index:2}#hero.tabs-hero .italic,#hero.tabs-hero a:not(.btn){font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:400}#hero.tabs-hero .italic .arrow,#hero.tabs-hero a:not(.btn) .arrow{display:none}#hero.tabs-hero .italic.italic,#hero.tabs-hero a:not(.btn).italic{font-weight:900}#hero.tabs-hero .content-layer .title-text{font-size:42px;line-height:1.14;margin-bottom:55px;font-weight:400;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:768px){#hero.tabs-hero .content-layer .title-text{font-size:65px;line-height:1.07;margin-bottom:66px}}#hero.dark .hold-container .video-controls .toggle svg,#hero.dark .hold-container .content-layer .btn.btn-framed{border-color:black;--icon-color: black;--text-color: black}#hero.dark .hold-container .video-controls .toggle svg:hover,#hero.dark .hold-container .video-controls .toggle svg:focus,#hero.dark .hold-container .content-layer .btn.btn-framed:hover,#hero.dark .hold-container .content-layer .btn.btn-framed:focus{--background-color: black;--icon-color: white;--text-color: white}#hero.dark .thumbs-swiper .swiper-wrapper:before,#hero.dark .thumbs-swiper .swiper-wrapper:after{background:black}#hero.dark .thumbs-swiper .swiper-slide{background:rgba(0, 0, 0, 0.07);border:1px solid rgba(0, 0, 0, 0.3)}#hero.dark .thumbs-swiper .swiper-slide-thumb-active{background:rgba(0, 0, 0, 0.25)}#hero.dark .thumbs-swiper a{color:black}#hero.dark .content-layer .title-text{color:black}#hero.basic-hero{min-height:unset}#hero.basic-hero .btn-framed-blur{background:rgba(201, 201, 201, 0.1);backdrop-filter:blur(12px);margin-top:0 !important}@media (max-width:768px){#hero.basic-hero .hold-container{padding-left:calc(var(--rest-of-width, 20px))}}#hero.basic-hero .hold-container .hold-wrapper{height:100%}#hero.basic-hero .hold-container:not(.desktop-no-rect) .hold-wrapper,#hero.basic-hero .hold-container:not(.mobile-no-rect) .hold-wrapper{display:flex;justify-content:center;padding-left:calc(var(--rest-of-width, 60px));height:100%}@media (min-width:992px){#hero.basic-hero .hold-container:not(.desktop-no-rect) .hold-wrapper,#hero.basic-hero .hold-container:not(.mobile-no-rect) .hold-wrapper{justify-content:start}}@media (min-width:1400px){#hero.basic-hero .hold-container:not(.desktop-no-rect) .hold-wrapper,#hero.basic-hero .hold-container:not(.mobile-no-rect) .hold-wrapper{padding-left:calc(var(--rest-of-width, 60px) / 2)}}#hero.basic-hero .hold-container .content-layer{margin-inline:0}#hero.basic-hero .hold-container .content-layer .title-text{font-size:42px;line-height:1.1;margin-bottom:65px;font-weight:300;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}@media (min-width:768px){#hero.basic-hero .hold-container .content-layer .title-text{font-size:65px}}#hero.basic-hero .hold-container .content-layer .title-text span,#hero.basic-hero .hold-container .content-layer .title-text #text{font-weight:300;font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif}#hero.basic-hero .hold-container .content-layer .title-text span.italic,#hero.basic-hero .hold-container .content-layer .title-text #text.italic{font-family:"Publico Banner", "Frutiger LT Pro", "Narkiss Tam", sans-serif;font-weight:900}#hero.basic-hero .hold-container .content-layer-text{position:relative;transform:unset;top:unset;--t-width: 300px}@media (min-width:768px){#hero.basic-hero .hold-container .content-layer-text{--t-width: 687px}}#hero.basic-hero .hold-container .content-layer-text .subtext{margin-bottom:25px}#hero.basic-hero .hold-container .content-layer .btn-framed{background:rgba(201, 201, 201, 0.1);backdrop-filter:blur(12px);margin-top:0 !important}#hero.basic-hero .hold-container .content-layer .btn-framed:hover,#hero.basic-hero .hold-container .content-layer .btn-framed:focus{--icon-color: white;--text-color: white}
@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}.vue-questionnaire-question{animation:fade-in-question 0.3s ease 0s 1 forwards}.vue-questionnaire-question .question{margin-top:26px;text-align:center}.vue-questionnaire-question .question-title{outline:0}.vue-questionnaire-question .question-subtitle{font-size:16px;line-height:20px;color:#58595B;font-weight:300;margin-top:17px}@media (min-width:768px){.vue-questionnaire-question .question-subtitle{font-size:20px;line-height:30px}}.vue-questionnaire-question .question-subtitle .btn-tooltip{width:22px;height:22px;border-radius:50%;background:#f0f0f0;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:8px}@media (min-width:768px){.vue-questionnaire-question .question-subtitle .btn-tooltip{width:32px;height:32px}}.vue-questionnaire-question .question-subtitle .btn-tooltip svg{width:57%;height:57%;fill:#DC4405}.vue-questionnaire-question .question-choices{margin-top:30px;display:flex;flex-direction:column}@media (min-width:768px){.vue-questionnaire-question .question-choices{margin-top:54px;flex-direction:row;justify-content:center}}.vue-questionnaire-question .question-choices .choice{position:relative;flex-shrink:0;flex-grow:0;flex-basis:100%}@media (min-width:768px){.vue-questionnaire-question .question-choices .choice{flex-basis:calc(50% - 14px);transition:margin 1s 0.4s, flex-basis 1s cubic-bezier(0.56, -0.11, 0.02, 1)}}@media (min-width:768px){.vue-questionnaire-question .question-choices .choice:first-child{margin-right:28px}}@media (max-width:767px){.vue-questionnaire-question .question-choices .choice:not(:first-child){margin-top:13px}}.vue-questionnaire-question .question-choices .choice.single-optioned{margin-right:0 !important;margin-left:0 !important;flex-basis:50% !important}.vue-questionnaire-question .question-choices .choice .option-wrap{display:block;width:100%;padding:0;margin:0;outline:0;border:0;cursor:default;position:relative}.vue-questionnaire-question .question-choices .choice .option-wrap .debug-styles-names{position:absolute;top:0;left:0;background:#fff6b8;color:black;padding:3px 6px;border:1px solid}.vue-questionnaire-question .question-choices .choice .option-wrap:not(.single):not(:disabled){cursor:pointer}.vue-questionnaire-question .question-choices .choice .thumb{display:block;width:100%;--aspect-ratio: 80%}@media (min-width:768px){.vue-questionnaire-question .question-choices .choice .thumb{--aspect-ratio: 61.23%}}.vue-questionnaire-question .question-choices .choice .thumb img{object-fit:cover;transition:opacity 0.3s}.vue-questionnaire-question .question-choices .choice .nice-choice{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0, 0, 0, 0.4);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:16px;line-height:1.33;font-weight:400;color:white;visibility:hidden;opacity:0;transition:visibility 0.6s, opacity 0.6s}@media (min-width:768px){.vue-questionnaire-question .question-choices .choice .nice-choice{font-size:20px}}.vue-questionnaire-question .question-choices .choice .nice-choice .check{width:33px;height:33px;margin-bottom:10px;position:relative;text-shadow:0 0 10px rgba(0, 0, 0, 0.5)}@media (min-width:768px){.vue-questionnaire-question .question-choices .choice .nice-choice .check{width:50px;height:50px}}.vue-questionnaire-question .question-choices .choice .nice-choice .check svg{filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5))}.vue-questionnaire-question .question-choices .choice .nice-choice .check .circle{position:absolute;top:0;left:0;width:100%;height:100%;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 0.6s 0.4s ease-out, stroke 0.25s;stroke:white}.vue-questionnaire-question .question-choices .choice .nice-choice .check .checkmark{position:absolute;top:0;left:0;width:100%;height:100%;stroke:#DC4405;stroke-dasharray:15;stroke-dashoffset:15;transition:stroke-dashoffset 0.4s 0.8s ease-out}.vue-questionnaire-question .question-choices .choice .nice-choice .text{transform:translateY(10px);opacity:0;transition:opacity 0.5s 1s, transform 0.5s 1s}.vue-questionnaire-question .question-choices .choice.chosen .nice-choice{opacity:1;visibility:visible}.vue-questionnaire-question .question-choices .choice.chosen .nice-choice .check .checkmark,.vue-questionnaire-question .question-choices .choice.chosen .nice-choice .check .circle{stroke-dashoffset:0}.vue-questionnaire-question .question-choices .choice.chosen .nice-choice .text{opacity:1;transform:none}.vue-questionnaire-question .question-choices .choice:not(.single-optioned):hover .thumb img,.vue-questionnaire-question .question-choices .choice:not(.single-optioned):focus-within .thumb img{opacity:1 !important}@media (pointer:fine){.vue-questionnaire-question .question-choices:hover .choice:not(.single-optioned) .thumb img,.vue-questionnaire-question .question-choices:focus-within .choice:not(.single-optioned) .thumb img{opacity:0.3}}.vue-questionnaire-question .question-choices-chosen .choice{margin-right:0 !important}@media (min-width:768px){.vue-questionnaire-question .question-choices-chosen .choice:not(.single-optioned):not(.chosen){flex-basis:0 !important}}.vue-questionnaire-question .question-choices-chosen .choice:not(.single-optioned):not(.chosen) .thumb img{opacity:0.3}.vue-questionnaire-question .question-choices-chosen.loading .nice-choice .check{animation:quest-choice-loader 0.7s linear 0.5s infinite forwards}.vue-questionnaire-question .question-choices-chosen.loading .nice-choice .check .circle{stroke:#DC4405;stroke-dashoffset:100 !important;transition-delay:0s, 0.4s}@keyframes quest-choice-loader{0%{transform:none}100%{transform:rotate(-360deg)}}.vue-questionnaire-question .question-choices-chosen.loading .nice-choice .check .checkmark{stroke-dashoffset:15 !important;transition-delay:0s, 0s}.vue-questionnaire-question .question-actions{margin-top:40px}.vue-questionnaire-question .question-actions .rank{display:grid;grid-template-columns:repeat(6, 1fr)}@media (min-width:992px){.vue-questionnaire-question .question-actions .rank{grid-template-columns:repeat(3, 1fr);max-width:730px;margin:0 auto}}.vue-questionnaire-question .question-actions .rank .btn-wrapper{grid-column-end:span 3}@media (min-width:992px){.vue-questionnaire-question .question-actions .rank .btn-wrapper{grid-column-end:initial}}.vue-questionnaire-question .question-actions .rank .btn-wrapper:nth-child(3){margin-top:25px;grid-column:1 / -1}@media (min-width:992px){.vue-questionnaire-question .question-actions .rank .btn-wrapper:nth-child(3){margin-top:0;grid-column:initial}}.vue-questionnaire-question .question-actions .rank .btn-wrapper .btn-link{font-size:12px}@media (min-width:768px){.vue-questionnaire-question .question-actions .rank .btn-wrapper .btn-link{font-size:15px}}@media (min-width:992px){.vue-questionnaire-question .question-actions .rank .btn-wrapper .btn-link{font-size:18px}}@keyframes fade-in-question{0%{opacity:0}100%{opacity:1}}.fade-leave-active{transition:opacity 0.3s ease;animation:none !important}.fade-leave-to{opacity:0;animation:none !important}.fade-enter-active{display:none;transition:opacity 0s 0.3s ease;animation:none !important}.fade-enter-from{display:none;animation:none !important}.fade-enter-to{display:none;animation:none !important}
@media (max-width:575px){.mobile-only-sm{display:block}}@media (min-width:576px){.mobile-only-sm{display:none !important}}@media (max-width:767px){.mobile-only-md{display:block}}@media (min-width:768px){.mobile-only-md{display:none !important}}@media (max-width:991px){.mobile-only-lg{display:block}}@media (min-width:992px){.mobile-only-lg{display:none !important}}@media (max-width:1259px){.mobile-only-xl{display:block}}@media (min-width:1260px){.mobile-only-xl{display:none !important}}@media (max-width:1399px){.mobile-only-xxl{display:block}}@media (min-width:1400px){.mobile-only-xxl{display:none !important}}@media (max-width:1919px){.mobile-only-xxxl{display:block}}@media (min-width:1920px){.mobile-only-xxxl{display:none !important}}@media (max-width:575px){.desktop-only-sm{display:none !important}}@media (min-width:576px){.desktop-only-sm{display:block}}@media (max-width:767px){.desktop-only-md{display:none !important}}@media (min-width:768px){.desktop-only-md{display:block}}@media (max-width:991px){.desktop-only-lg{display:none !important}}@media (min-width:992px){.desktop-only-lg{display:block}}@media (max-width:1259px){.desktop-only-xl{display:none !important}}@media (min-width:1260px){.desktop-only-xl{display:block}}@media (max-width:1399px){.desktop-only-xxl{display:none !important}}@media (min-width:1400px){.desktop-only-xxl{display:block}}@media (max-width:1919px){.desktop-only-xxxl{display:none !important}}@media (min-width:1920px){.desktop-only-xxxl{display:block}}.finish-leave-active{transition:opacity 0.5s ease}.finish-leave-to{opacity:0}.finish-enter-from,.finish-enter-active,.finish-enter-to{transition:opacity 0.5s ease;display:none !important}.vue-questionnaire-finish-animation{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative;animation:fade-in-finish-effect 0.55s ease 0s 1 forwards}.vue-questionnaire-finish-animation .message{text-align:center;padding:40px 0}.vue-questionnaire-finish-animation .message .icon{width:66px;height:66px;display:inline-block}.vue-questionnaire-finish-animation .message .title{margin-top:30px}.vue-questionnaire-finish-animation .message .desc{font-size:16px;line-height:22px;color:#58595B;font-weight:300;margin-top:7px;margin-bottom:0}@media (min-width:768px){.vue-questionnaire-finish-animation .message .desc{font-size:20px;line-height:30px}}.vue-questionnaire-finish-animation .images{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.vue-questionnaire-finish-animation .images .ratio{--aspect-ratio: 56%}.vue-questionnaire-finish-animation .images .img-in-out{top:-100%;width:50vw;position:absolute;animation:quiz-finish-img-in-out-first 4s cubic-bezier(0.67, -0.04, 0.07, 0.91) 0s 1 forwards}@media (min-width:768px){.vue-questionnaire-finish-animation .images .img-in-out{width:28vw}}.vue-questionnaire-finish-animation .images .img-in-out:nth-child(2){top:200%;animation-name:quiz-finish-img-in-out-second}@keyframes quiz-finish-img-in-out-first{0%{transform:translateY(-100%);left:50%;top:0}100%{transform:translateY(100%);left:50%;top:100%}}@keyframes quiz-finish-img-in-out-second{0%{transform:translateY(100%);right:50%;top:100%}100%{transform:translateY(-100%);right:50%;top:0}}.vue-questionnaire-finish-animation .images .img{top:-100%;position:absolute}.vue-questionnaire-finish-animation .images .img:nth-child(1){animation:quiz-finish-img-first 2s cubic-bezier(0.67, -0.04, 0.07, 0.91) 1s 1 forwards, quiz-finish-move-first 1.5s cubic-bezier(0.54, -0.2, 0, 0.97) 3s 1 forwards, quiz-finish-out-first 0.5s cubic-bezier(0.56, -0.1, 0, 1.19) 5.1s 1 forwards;width:58vw}@media (min-width:768px){.vue-questionnaire-finish-animation .images .img:nth-child(1){width:32vw}}.vue-questionnaire-finish-animation .images .img:nth-child(2){width:44vw;animation:quiz-finish-img-second 2.5s cubic-bezier(0.67, -0.04, 0.07, 0.91) 0.5s 1 forwards, quiz-finish-move-second 2s cubic-bezier(0.54, -0.2, 0, 0.97) 3s 1 forwards, quiz-finish-out-third 0.5s cubic-bezier(0.56, -0.1, 0, 1.19) 5s 1 forwards}@media (min-width:768px){.vue-questionnaire-finish-animation .images .img:nth-child(2){width:24vw}}.vue-questionnaire-finish-animation .images .img:nth-child(3){width:60vw;animation:quiz-finish-img-third 2s cubic-bezier(0.67, -0.04, 0.07, 0.91) 1.5s 1 forwards, quiz-finish-move-third 2s cubic-bezier(0.54, -0.2, 0, 0.97) 3.5s 1 forwards, quiz-finish-out-third 0.5s cubic-bezier(0.56, -0.1, 0, 1.19) 5.2s 1 forwards}@media (min-width:768px){.vue-questionnaire-finish-animation .images .img:nth-child(3){width:35vw}}@keyframes quiz-finish-img-first{0%{transform:translateY(-100%);right:40%;top:0}100%{transform:translateY(-50%);right:40%;top:50%}}@keyframes quiz-finish-move-first{0%{right:40%}100%{right:-10%}}@keyframes quiz-finish-out-first{0%{right:-10%;transform:translateY(-50%)}100%{right:-10%;transform:translateY(-50%) translateX(100%)}}@keyframes quiz-finish-img-second{0%{transform:translateY(100%);left:65%;top:100%}100%{transform:translateY(0);left:65%;top:7%}}@keyframes quiz-finish-move-second{0%{left:65%}100%{left:-5%}}@keyframes quiz-finish-out-second{0%{left:-5%}100%{transform:translateX(-100%);left:-1%}}@keyframes quiz-finish-img-third{0%{transform:translateY(100%);left:20%;top:100%}100%{transform:translateY(-50%);left:20%;top:80%}}@keyframes quiz-finish-move-third{0%{top:80%;left:20%}100%{top:90%;left:-5%}}@keyframes quiz-finish-out-third{0%{left:-5%}100%{transform:translateY(-50%) translateX(-100%);left:-1%}}.vue-questionnaire-finish-animation .images img{object-fit:cover}@keyframes fade-in-finish-effect{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:none}}