body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;touch-action:manipulation;font-family:sofia-pro,sans-serif;font-weight:600;color:#0d0c2d;position:relative;background:#f3f6ff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;transition:.3s ease}body.highlight{background:#eff3ff}body.highlight .upload-module .input-wrap,body.highlight .upload-module .text-light{opacity:0}body.highlight .upload-module .upload-icon-wrap{transform:scale(1.1)}body.highlight .upload-module .upload-icon-wrap .upload-icon.blue-icon{box-shadow:0 12px 20px -5px rgba(0,46,120,.6)}body.highlight .upload-module .upload-icon-wrap .upload-icon.grey-icon{transform:scale(.84)translateX(-44px)translateY(5px)rotate(-5deg);box-shadow:0 12px 20px -5px rgba(151,155,160,.5)}body.highlight .upload-module .upload-icon-wrap .upload-icon.grey-icon+.grey-icon{transform:scale(.84)translateX(44px)translateY(5px)rotate(5deg)}h1{font-weight:800;margin:0}header{background:#fff;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:calc(100vw - 40px - 24px);position:fixed;top:12px;left:12px;box-shadow:0 16px 32px -8px rgba(25,20,43,.1);z-index:1;border-radius:16px}header h1{margin-right:24px;font-size:24px;display:flex;justify-content:center;align-items:center;margin-bottom:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}header h1:before{content:'';height:40px;width:40px;display:flex;background-image:url(/images/psy-cat-games-logo-round.svg);background-size:cover;margin-right:16px;margin-top:6px}header h1:after{content:'Beta';font-size:12px;display:flex;background:#ffa700;color:#fff;padding:1px 8px 3px;border-radius:99px;margin-left:12px;margin-top:6px}header .help{width:36px;height:36px;border-radius:18px;background-color:#494a57;background-image:url(/images/supporting/quiz-maker/question-mark.svg);background-size:cover;position:relative;box-shadow:0 4px 8px -2px rgba(148,151,159,.5);transition:.3s ease;cursor:pointer}header .help:hover{background-color:#176fff;box-shadow:0 8px 16px -3px rgba(0,60,175,.4)}.help-content{display:none;position:absolute;background:#fff;top:94px;right:12px;z-index:3;border-radius:16px;padding:24px;box-shadow:0 16px 32px -8px rgba(25,20,43,.1);max-width:500px}.help-content h2,.help-content h3,.help-content h4,.help-content p{margin:0 0 12px}.help-content p{font-weight:300}.upload-module{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;transition:.3s ease;margin-bottom:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-module.working .input-wrap,.upload-module.working .text,.upload-module.working .upload-icon-wrap{display:none}.upload-module .input-wrap,.upload-module .text-light{transition:.3s ease}.upload-module .upload-icon-wrap{display:flex;position:relative;transition:.3s ease;transform:scale(1)}.upload-module .upload-icon-wrap .upload-icon{width:74px;height:94px;border-radius:10px;overflow:hidden;margin-bottom:16px;transition:.3s ease;box-shadow:0 0 transparent}.upload-module .upload-icon-wrap .upload-icon.blue-icon{background:linear-gradient(180deg,#fff 0%,#d5e6ff 100%);position:relative;z-index:2}.upload-module .upload-icon-wrap .upload-icon.blue-icon .upload-icon-drawer{background:linear-gradient(180deg,#83b8ff 0%,#4987ff 100%)}.upload-module .upload-icon-wrap .upload-icon.blue-icon .upload-icon-drawer:before{background:linear-gradient(150deg,#bedaff 0%,#8abcff 50%)}.upload-module .upload-icon-wrap .upload-icon.blue-icon .upload-icon-drawer:after{background:linear-gradient(150deg,#5d9ff8 0%,#0057ff 35%)}.upload-module .upload-icon-wrap .upload-icon.grey-icon{background:linear-gradient(180deg,#f8fbff 0%,#d5dbe4 100%);position:absolute;z-index:1;transform:scale(.8)translateX(0)translateY(0)rotate(0)}.upload-module .upload-icon-wrap .upload-icon.grey-icon .upload-icon-drawer{background:linear-gradient(180deg,#ced6e1 0%,#8090b0 100%)}.upload-module .upload-icon-wrap .upload-icon.grey-icon .upload-icon-drawer:before{background:linear-gradient(150deg,#c1c6cc 0%,#3b4756 50%)}.upload-module .upload-icon-wrap .upload-icon.grey-icon .upload-icon-drawer:after{background:linear-gradient(150deg,#bcc7d6 0%,#6c717a 35%)}.upload-module .upload-icon-wrap .upload-icon .upload-icon-drawer{position:relative;width:26px;height:26px;border-radius:13px;transform:translate(10px,16px)}.upload-module .upload-icon-wrap .upload-icon .upload-icon-drawer:after,.upload-module .upload-icon-wrap .upload-icon .upload-icon-drawer:before{content:'';display:block;position:absolute;width:100px;height:100px;border-radius:8px}.upload-module .upload-icon-wrap .upload-icon .upload-icon-drawer:before{transform:rotate(39deg)translate(10px,72px)}.upload-module .upload-icon-wrap .upload-icon .upload-icon-drawer:after{transform:rotate(39deg)translate(26px,48px)}.upload-module .text{font-size:24px}.upload-module .text-light{color:#9e9bac;font-size:21px;margin:8px 0}.upload-module .input-wrap{margin-top:10px}.upload-module .input-wrap label{display:flex;align-items:center;justify-content:center;font-size:21px;background:#0057ff;box-shadow:0 8px 16px -6px rgba(0,60,175,.5);color:#fff;padding:8px 32px 12px;border-radius:99px;transition:.3s ease;cursor:pointer}.upload-module .input-wrap label:hover{background:#176fff;box-shadow:0 16px 24px -10px rgba(0,60,175,.3)}.upload-module .input-wrap input{display:none}.ghost-wrap img{display:none}.ghost-wrap .working{margin-top:24px;font-size:20px}.upload-drop{height:100vh;width:100vw;background:0 0;position:fixed;top:0;left:0;pointer-events:none;transition:.3s ease}