body{--fw:750px;--br:8px;}
.tco{--bg:#EEE;background:var(--bg);--ses:15px;--qus:18px;--des:12px;--sec:#000;--quc:#000;--dec:#000;padding:20px 10px;}
.form [contenteditable]{position:relative;padding:0;word-break:break-word;}
.form [contenteditable]:before{content:'';position:absolute;bottom:-2px;height:2px;background:var(--co);display:block;width:0;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;left:50%;}
.form [contenteditable]:focus{border:none;outline:none;}
.form [contenteditable]:focus:before{left:0;width:100%;}
.form{margin:0 auto;max-width:var(--fw);min-height:calc(100vh - 400px);padding-bottom:400px;}
.form .poll-main{margin-bottom:20px;}
.form .poll-main>.cover{-webkit-border-radius:var(--br);border-radius:var(--br);overflow:hidden;margin-bottom:20px;border:1px solid #DDD;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.1);box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.form .poll-main>.cover:empty{margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;}
.form .poll-main>.cover>img{width:100%;display:block;margin:0;}
.form .poll-main>.data{background:#FFF;-webkit-border-radius:var(--br);border-radius:var(--br);padding:20px;border-top:10px solid var(--co);}
.questions{margin:20px auto;max-width:var(--fw);display:grid;gap:20px;position:relative;}
.questions>div.section{position:relative;padding-top:30px;}
.questions>div.section>b{display:block;text-align:center;position:absolute;right:0;top:0;line-height:30px;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;background:var(--co);padding:0 15px;color:#FFF;}
.questions>div.section>div.sect-body{display:grid;gap:20px;margin-top:20px;}
.questions>div.section>div.sect-body:empty{margin-top:0;}
.questions>div.section>div.sect-head{border-top:8px solid var(--co);-webkit-border-radius:var(--br);border-radius:var(--br);border-top-right-radius:none;background:#FFF;padding:20px;}
.questions>div.section>div.sect-head>h4{margin-bottom:5px;font-size:var(--ses);color:var(--sec);margin-right:150px;}
.questions>div.section>div.sect-head>p{font-size:var(--des);color:var(--dec);}
.questions>div.qu,.questions>div.section>div.sect-body>div.qu{background:#FFF;-webkit-border-radius:var(--br);border-radius:var(--br);padding:20px;border:var(--bo);position:relative;}
.questions>div.qu.req>div>h3:after,.questions>div.section>div.sect-body>div.qu.req>div>h3:after{content:'star_rate';color:red;font-size:10px;font-family:icon;font-variation-settings:'FILL' 1;line-height:1;vertical-align:top;margin-left:4px;display:inline-block;}
.questions>div.qu>div>p,.questions>div.section>div.sect-body>div.qu>div>p{margin:0;font-size:var(--des);color:var(--dec);}
.questions>div.qu>div>h3,.questions>div.section>div.sect-body>div.qu>div>h3{margin-bottom:5px;font-size:var(--qus);color:var(--quc);}
.questions>div.qu.ok:after,.questions>div.section>div.sect-body>div.qu.ok:after{content:'done';position:absolute;display:block;width:20px;height:20px;-webkit-border-radius:50%;border-radius:50%;text-align:center;line-height:20px;font-family:icon;font-weight:900;color:#FFF;border:1px solid rgba(0,0,0,0.1);right:20px;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--success);font-size:16px;}
.questions>div.qu.infos,.questions>div.section>div.sect-body>div.qu.infos{background:#F7F7F7;border:none;}
.questions>div.qu{-webkit-transition:all 600ms linear;transition:all 600ms linear;}
.questions>div.qu.miss{-webkit-box-shadow:0 0 20px rgba(255,0,0,0.2);box-shadow:0 0 20px rgba(255,0,0,0.2);}
.poll-foot{padding:0;background:none;border:none;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.poll-foot>div:last-child{text-align:right;-webkit-flex-grow:1;flex-grow:1;}
.share-perm{margin-bottom:10px;display:grid;gap:20px;border-bottom:2px solid #AAA;margin-bottom:20px;padding-bottom:20px;}
.share-perm>div{display:flex;gap:10px;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;}
.share-perm>div>span{text-align:right;display:block;}
.share-perm>div>div,.share-perm>div>label{width:200px;text-align:right;}
.share-perm>div>label{display:block;position:relative;padding:5px;}
.share-perm>div>label:hover{background:rgba(0,0,0,0.05);}
.answer{margin-top:20px;}
.answer>.pfld{position:relative;}
.answer>.pfld:after{content:attr(rel);position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:icon;display:block;font-size:20px;color:#000;}
.answer>.pfld.file>label{position:relative;}
.answer>.pfld.file>label>input{position:absolute;visibility:hidden;left:0;top:0;opacity:0;}
.answer>.pfld>input:not([type="radio"]):not([type="checkbox"]){border:none;border-bottom:1px solid #DDD;-webkit-border-radius:0;border-radius:0;background:#F4F4F4;}
.answer>.pfld>[contenteditable]{background:#F4F4F4;padding:5px;border:none;border-bottom:1px solid #DDD;margin:0;}
.answer>.pfld>[contenteditable]+span{display:block;text-align:right;font-size:11px;}
.answer>.pfld>[contenteditable]:focus{padding:5px;}
.answer>.files-preview{display:flex;gap:6px;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px;}
.answer>.files-preview>span{position:relative;-webkit-border-radius:12px;border-radius:12px;display:flex;gap:4px;line-height:24px;background:#EEE;}
.answer>.files-preview>span>b{background:var(--co);color:#FFF;display:inline-block;padding:0 5px;border-right:1px solid rgba(0,0,0,0.1);font-weight:normal;-webkit-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px;}
.answer>.files-preview>span>em{display:inline-block;padding:0 5px;font-style:normal;background:#333;color:#FFF;-webkit-border-radius:0 12px 12px 0;border-radius:0 12px 12px 0;}
.answer>.files-preview>span>del{position:absolute;display:none;background:red;padding:5px;-webkit-border-radius:50%;border-radius:50%;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#FFF;cursor:pointer;line-height:1;}
.answer>.files-preview>span:hover>del{display:block;}
.answer .ftypes{margin-top:10px;}
.answer>.options{display:grid;gap:10px;}
.answer>.options>select{width:auto;padding:0;border:none;border-bottom:1px solid #DDD;padding-bottom:6px;cursor:pointer;-webkit-border-radius:0;border-radius:0;}
.answer>.options>label{position:relative;display:flex;align-items:center;}
.answer>.options>label.other{align-items:flex-start;}
.answer>.options>label.other>div{min-height:20px;border:none;padding:0;margin-left:5px;}
.answer>.options>label.other>div:not(:empty){border-bottom:1px solid #EEE;}
.closed,.finish{background:#FFF;padding:20px;-webkit-border-radius:var(--br);border-radius:var(--br);margin-top:20px;position:relative;}
.finish:before{content:'';display:block;background:url("../../img/forms/t4u.webp?v25221_1841") center center no-repeat;background-size:cover;aspect-ratio:2/1;}
