*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}body{margin:0;overflow:hidden}img{border:0}a{text-decoration:none;color:inherit}#qzc-container{position:relative;overflow:hidden;width:100%;max-width:640px;min-width:276px;height:56.2vw;max-height:360px;min-height:155px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}#qzc-container.visible{opacity:1}@font-face{font-family:as-bold;src:url(https://qzc-assets.qz.com/fonts/170a885f6bba48e28faab7cf1ade316c.ttf)}@font-face{font-family:as-reg;src:url(https://qzc-assets.qz.com/fonts/489e1c02f70442b594d693c177af2c5d.ttf)}@font-face{font-family:as light;src:url(https://qzc-assets.qz.com/fonts/8212107aa3014b35bf884b38c0c00936.ttf)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;overflow:hidden}img{border:0}a{text-decoration:none;color:inherit}.qzsurvey-container{position:relative;overflow:hidden;max-height:360px;min-height:155px;max-width:640px;min-width:276px;width:100%;height:56.25vw;transform:translateZ(0);perspective:1000px;backface-visibility:hidden;-webkit-font-smoothing:antialiased;font-size:2.3vw;border:.3em solid #ccc;background-color:#fff}@media (min-width:641px){.qzsurvey-container{font-size:15px}}@media (max-width:480px){.qzsurvey-container{max-height:520px;min-height:430px;max-width:480px;min-width:320px;width:100%;height:430px;border:5px solid #ccc;font-size:15px}}#main{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;padding:1em}#main .head-container{width:100%;height:1.5em;font-family:as-reg;font-weight:400;color:#999}#main #questions-wrapper{width:100%;height:calc(100% - 2em);position:relative}#main .questions{width:100%;height:100%;position:absolute;font-family:as-bold;font-weight:400;display:flex;flex-direction:column;left:0;bottom:0;align-items:center;opacity:0;pointer-events:none;transform:translate3d(-100%,0,0);transition:transform .25s linear,opacity .2s linear}#main .questions.active{opacity:1;pointer-events:auto;transform:translateZ(0);transition:transform 0s,opacity .2s linear .15s}#main .questions .options,#main .questions h5,#main .questions h6{width:100%}#main .questions h6{margin:0;font-size:1.25em}#main .questions .options{display:flex;margin-top:1em;min-height:auto;justify-content:flex-start}#main .questions .options button{flex:1;width:100%;min-height:2.2em;max-height:2.5em;border:.1em solid #168dd9;font-family:as-bold;font-weight:400;text-align:left;font-size:1em;cursor:pointer;outline:none;padding-bottom:0;box-shadow:.14em .2em .3em rgba(0,0,0,.4);transition:color .1s linear;background-color:#fff}#main .questions .options button:hover{color:#168dd9;transition:color .25s linear}#main .questions .options.row{flex-direction:row;justify-content:space-between;flex-wrap:wrap}#main .questions .options.row button{width:47%;margin-bottom:.35em}#main .questions .options.column{flex-direction:column;justify-content:space-around}#main .questions .options.column button:not(:last-of-type){width:100%;margin-bottom:.6em}#main .questions:not(.multi-select) .options.column button:active,#main .questions:not(.multi-select) .options.row button:active{color:#fff;background-color:#168dd9;transition:background-color .1s linear,color .1s linear}#main .questions.multi-select .options.row{height:auto}#main .questions.multi-select .options.row button{width:50%}#main .questions.multi-select .options.column{flex-direction:row;height:auto;justify-content:normal}#main .questions.multi-select .options.column button{width:33%}#main .questions.multi-select h6{margin-bottom:.4em}#main .questions.multi-select h5{margin:0;font-size:.6em;letter-spacing:.1em;display:inline;color:#6b6b6b;text-transform:uppercase}#main .questions.multi-select h5 span{padding-bottom:.2em;border-bottom:.1em solid #6b6b6b}#main .questions.multi-select .warning{color:red;font-style:italic;font-size:.7em;position:absolute;top:20em;right:1.1em;opacity:0;pointer-events:none}#main .questions.multi-select .warning.active{opacity:1}#main .questions.multi-select .options{flex-wrap:wrap}#main .questions.multi-select .options button{flex:0 50%;border:none;box-shadow:none;display:flex;padding-left:0;align-items:center;font-size:.95em;margin-bottom:0;max-height:3em}#main .questions.multi-select .options button .check-box{width:1.4em;height:1.4em;position:relative;min-width:1.4em;min-height:1.4em;border:.17em solid #168dd9;margin-right:1em;transition:background-color .1s linear}#main .questions.multi-select .options button .check{width:.78em;height:.44em;position:absolute;border-bottom:.17em solid #fff;border-left:.17em solid #fff;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}#main .questions.multi-select .options button .choice{padding-top:.2em;flex:1}#main .questions.multi-select .options button.selected .check-box{background-color:#168dd9}#main .questions.multi-select .options button.disable{pointer-events:none;opacity:.5;transition:opacity .1s linear}#main .questions.multi-select .multi-submit{width:100%;height:20%;position:absolute;border:none;background-color:#168dd9;bottom:0;color:#fff;font-family:as-bold;font-size:1.3em;text-transform:uppercase;padding:0;outline:none;cursor:pointer;transition:background-color .25s linear}#main .questions.multi-select .multi-submit:hover{background-color:#127aba}#main .questions.multi-select .multi-submit:active{color:#168dd9;background:#fff}@media (max-width:480px){#main .questions.multi-select .options.column button{width:50%}#main .questions.multi-select .warning{top:25.5em;right:auto}}@media (max-width:480px) and (max-width:380px){#main .questions.multi-select .warning{top:29.5em}}@media (max-width:480px){#main .questions.multi-select .options button{min-height:2.8em}}@media (max-width:480px){#main .questions.multi-select .multi-submit{width:100%;height:16%;position:absolute}#main .questions.multi-select .multi-submit.disable{pointer-events:none}}#main .final-pg{width:100%;height:100%;position:absolute;background-color:#168dd9;top:0;left:0;color:#fff;font-family:as-bold;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}#main .final-pg h2{font-size:5em}#main .final-pg.active{opacity:1;pointer-events:auto;transition:opacity .25s linear}@media (max-width:480px){#main .head-container{width:93%;padding:0}#main #questions-wrapper{width:93%;margin:1em auto}#main .questions{width:100%;height:100%;position:absolute;bottom:0}#main .questions button{min-height:2.1em}#main .questions.row button{margin-bottom:1em}}