#question.edit,#question.new{background-color:#fafafa;flex:auto;padding:2.5rem 0}#question.edit .title,#question.new .title{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 2rem 1.5rem;text-align:center}#question.edit .title h1,#question.new .title h1{color:#4d4d4d;font-family:IBM Plex Sans Thai,sans-serif;font-size:1.5em}#question.edit .title .error-message,#question.new .title .error-message{color:#b80000;display:block;font-size:.9em;margin-top:1rem}#question.edit .field,#question.new .field{margin-bottom:2.5rem;margin-left:2rem}#question.edit .field>li,#question.new .field>li{display:flex;flex-wrap:wrap;margin-bottom:1rem}#question.edit .field .sub-field,#question.new .field .sub-field{align-items:baseline;display:flex;width:100%}@media only screen and (max-width:480px){#question.edit .field,#question.new .field{margin-bottom:2rem;margin-left:1.25rem}#question.edit .field .sub-field,#question.new .field .sub-field{display:block;margin-right:1.25rem}}#question.edit .field>li,#question.new .field>li{margin-bottom:1.5rem}#question.edit .field>li h2,#question.new .field>li h2{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#4d4d4d;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:.5rem}#question.edit .field>li h2 span,#question.new .field>li h2 span{color:#e80000;font-size:1.2em;margin-left:.25rem}@media only screen and (max-width:768px){#question.edit .field>li h2,#question.new .field>li h2{font-size:.9em}}#question.edit .field .label,#question.new .field .label{box-sizing:border-box;display:block;margin-bottom:.5rem;margin-right:2rem;position:relative;width:100%}@media only screen and (max-width:480px){#question.edit .field .label,#question.new .field .label{margin-right:1.25rem}}#question.edit .field .tagsinput,#question.edit .field .trix-content,#question.edit .field [type=text],#question.new .field .tagsinput,#question.new .field .trix-content,#question.new .field [type=text]{border:1px solid #666;border-radius:0;box-sizing:border-box;color:#4d4d4d;font-family:inherit;font-size:.9em;height:50px;line-height:1.25;padding:.75rem;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;width:100%;background-color:#fff}#question.edit .field .tagsinput::-moz-placeholder,#question.edit .field .trix-content::-moz-placeholder,#question.edit .field [type=text]::-moz-placeholder,#question.new .field .tagsinput::-moz-placeholder,#question.new .field .trix-content::-moz-placeholder,#question.new .field [type=text]::-moz-placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#question.edit .field .tagsinput::placeholder,#question.edit .field .trix-content::placeholder,#question.edit .field [type=text]::placeholder,#question.new .field .tagsinput::placeholder,#question.new .field .trix-content::placeholder,#question.new .field [type=text]::placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#question.edit .field .tagsinput:focus,#question.edit .field .trix-content:focus,#question.edit .field [type=text]:focus,#question.new .field .tagsinput:focus,#question.new .field .trix-content:focus,#question.new .field [type=text]:focus{border-color:#666;box-shadow:0 0 0 .2rem hsla(0,0%,40%,.25);outline:0}@supports(-webkit-overflow-scrolling:touch){#question.edit .field .tagsinput,#question.edit .field .trix-content,#question.edit .field [type=text],#question.new .field .tagsinput,#question.new .field .trix-content,#question.new .field [type=text]{font-size:1em}#question.edit .field .tagsinput::-moz-placeholder,#question.edit .field .trix-content::-moz-placeholder,#question.edit .field [type=text]::-moz-placeholder,#question.new .field .tagsinput::-moz-placeholder,#question.new .field .trix-content::-moz-placeholder,#question.new .field [type=text]::-moz-placeholder{line-height:normal}#question.edit .field .tagsinput::placeholder,#question.edit .field .trix-content::placeholder,#question.edit .field [type=text]::placeholder,#question.new .field .tagsinput::placeholder,#question.new .field .trix-content::placeholder,#question.new .field [type=text]::placeholder{line-height:normal}}#question.edit .field .trix-content,#question.new .field .trix-content{height:20rem;overflow:auto;padding:.8rem .75rem;resize:vertical}#question.edit .field .tagsinput,#question.new .field .tagsinput{min-height:7.5rem;overflow:visible}#question.edit .field .tagsinput .tag,#question.edit .field .tagsinput a,#question.new .field .tagsinput .tag,#question.new .field .tagsinput a{color:#4d4d4d}#question.edit .field .tagsinput #question_tag_list_tag,#question.edit .field .tagsinput .tag,#question.new .field .tagsinput #question_tag_list_tag,#question.new .field .tagsinput .tag{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;margin-top:2px}#question.edit .field .tagsinput .tag,#question.new .field .tagsinput .tag{background-color:#ddd;border:0;border-radius:5px;padding:.25rem .5rem}#question.edit .field .tagsinput #question_tag_list_tag,#question.new .field .tagsinput #question_tag_list_tag{box-sizing:border-box;color:#666;min-width:17rem;opacity:.7;width:auto!important}#question.edit .field .tagsinput #question_tag_list_addTag,#question.new .field .tagsinput #question_tag_list_addTag{position:relative}#question.edit .field .tagsinput .error,#question.edit .field .tagsinput .not_valid,#question.new .field .tagsinput .error,#question.new .field .tagsinput .not_valid{color:#b80000!important}#question.edit .field .tagsinput .not_valid,#question.new .field .tagsinput .not_valid{background-color:transparent!important}#question.edit .field .tagsinput a,#question.new .field .tagsinput a{display:inline-block;font-family:IBM Plex Sans Thai Light,sans-serif;font-size:.9em;font-weight:400;transition:opacity .3s ease-in-out}#question.edit .field .tagsinput a:hover,#question.new .field .tagsinput a:hover{opacity:.5}#question.edit .field .title,#question.new .field .title{margin-left:0;margin-right:0;text-align:left}#question.edit .field .content .trix-button--icon,#question.new .field .content .trix-button--icon{background-color:#fff}#question.edit .field .error .tagsinput,#question.edit .field .error .trix-content,#question.edit .field .error [type=text],#question.new .field .error .tagsinput,#question.new .field .error .trix-content,#question.new .field .error [type=text]{border-color:#b80000}#question.edit .field .error .tagsinput:focus,#question.edit .field .error .trix-content:focus,#question.edit .field .error [type=text]:focus,#question.new .field .error .tagsinput:focus,#question.new .field .error .trix-content:focus,#question.new .field .error [type=text]:focus{box-shadow:0 0 0 .2rem rgba(184,0,0,.25)}#question.edit .field .error .tagsinput:hover select,#question.edit .field .error .trix-content:hover select,#question.edit .field .error [type=text]:hover select,#question.new .field .error .tagsinput:hover select,#question.new .field .error .trix-content:hover select,#question.new .field .error [type=text]:hover select{text-shadow:0 0 0 #b80000}#question.edit .field .error .tagsinput:hover .arrow i,#question.edit .field .error .trix-content:hover .arrow i,#question.edit .field .error [type=text]:hover .arrow i,#question.new .field .error .tagsinput:hover .arrow i,#question.new .field .error .trix-content:hover .arrow i,#question.new .field .error [type=text]:hover .arrow i{color:#b80000}#question.edit .field .error-message,#question.new .field .error-message{color:#e80000;display:block;flex:auto;font-family:IBM Plex Sans Thai Light,sans-serif;font-size:.8em;margin-left:.25rem;margin-right:1.25rem;margin-top:.25rem}#question.edit .field .tooltip,#question.new .field .tooltip{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;border-radius:5px;bottom:100%;box-shadow:0 0 10px 5px rgba(0,0,0,.1);color:#b80000;font-family:IBM Plex Sans Thai,sans-serif;font-size:.8em;left:0;line-height:1.5rem;opacity:0;padding:0 .5rem;position:absolute;transform:translateX(-43%);transition:opacity .3s ease-in-out;white-space:nowrap}#question.edit .field .tooltip,#question.edit .field .tooltip:before,#question.new .field .tooltip,#question.new .field .tooltip:before{left:auto}#question.edit .field .tooltip:after,#question.edit .field .tooltip:before,#question.new .field .tooltip:after,#question.new .field .tooltip:before{content:"";position:absolute}#question.edit .field .tooltip:before,#question.new .field .tooltip:before{border-color:#fff transparent;border-style:solid solid none;border-width:5px;height:0;right:50%;top:100%;transform:translateX(50%);width:0}#question.edit .field .tooltip:after,#question.new .field .tooltip:after{bottom:100%;height:26px;left:0;right:0}#question.edit .field .tooltip.active,#question.new .field .tooltip.active{opacity:1}#question.edit .field .note ul li,#question.new .field .note ul li{margin-bottom:.25rem}#question.edit .field .note ul li:last-child,#question.new .field .note ul li:last-child{margin-bottom:0}#question.edit .field .note p,#question.new .field .note p{color:#666;font-size:.8em;opacity:.7}#question.edit .btn,#question.new .btn{display:block;padding:0;text-align:right;line-height:3.5rem}#question.edit .btn [name=back],#question.edit .btn a,#question.new .btn [name=back],#question.new .btn a{color:#666;font-family:IBM Plex Sans Thai,sans-serif;font-size:.9em}#question.edit .btn [name=back]:hover,#question.edit .btn a:hover,#question.new .btn [name=back]:hover,#question.new .btn a:hover{opacity:.7;text-decoration:underline}#question.edit .btn [name=back],#question.new .btn [name=back]{background-color:transparent;border:0;cursor:pointer}#question.edit .btn input[type=submit],#question.new .btn input[type=submit]{background-color:#b80000;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;z-index:1;font-size:.9em}#question.edit .btn input[type=submit] i,#question.new .btn input[type=submit] i{font-size:1.25em;margin-right:.5rem;position:relative;top:1.5px}#question.edit .btn input[type=submit]:before,#question.new .btn input[type=submit]:before{background-color:#b80000;background-image:linear-gradient(60deg,#b80000,#e80000);border-radius:2rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}#question.edit .btn input[type=submit]:hover,#question.new .btn input[type=submit]:hover{background-color:#e80000}#question.edit .btn input[type=submit]:hover:before,#question.new .btn input[type=submit]:hover:before{opacity:1}#question.edit .btn [name=confirm],#question.edit .btn [name=edit],#question.new .btn [name=confirm],#question.new .btn [name=edit]{background-color:transparent;border:1px solid #b80000;border-radius:2rem;color:#b80000;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}#question.edit .btn [name=confirm] i,#question.edit .btn [name=edit] i,#question.new .btn [name=confirm] i,#question.new .btn [name=edit] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}#question.edit .btn [name=create],#question.new .btn [name=create]{background-color:#00c16b;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}#question.edit .btn [name=create]:hover,#question.new .btn [name=create]:hover{background-color:#008c4d}#question.edit .btn [name=destroy],#question.new .btn [name=destroy]{background-color:#b80000;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;z-index:1;font-size:.9em}#question.edit .btn [name=destroy] i,#question.new .btn [name=destroy] i{font-size:1.25em;margin-right:.5rem;position:relative;top:1.5px}#question.edit .btn [name=destroy]:before,#question.new .btn [name=destroy]:before{background-color:#b80000;background-image:linear-gradient(60deg,#b80000,#e80000);border-radius:2rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}#question.edit .btn [name=destroy]:hover,#question.new .btn [name=destroy]:hover{background-color:#e80000}#question.edit .btn [name=destroy]:hover:before,#question.new .btn [name=destroy]:hover:before{opacity:1}#question.edit .btn ul,#question.new .btn ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-left:.5rem}#question.edit .btn ul li,#question.new .btn ul li{display:flex;margin-right:1rem}@media only screen and (max-width:480px){#question.edit .btn ul li,#question.new .btn ul li{margin-bottom:1rem}}@media only screen and (max-width:320px){#question.edit .btn ul,#question.new .btn ul{flex-direction:column;padding:0}#question.edit .btn ul li,#question.new .btn ul li{margin-bottom:1rem;margin-right:0}#question.edit .btn ul li:last-child,#question.new .btn ul li:last-child{margin-bottom:0}}#question.edit .btn .create-with-authentication,#question.new .btn .create-with-authentication{height:3.125rem;line-height:1.2}#question.edit .btn .create-with-authentication span,#question.new .btn .create-with-authentication span{display:block;font-family:IBM Plex Sans Thai Light,sans-serif;font-size:.85em}@media only screen and (max-width:768px){#question.edit .field .tagsinput,#question.new .field .tagsinput{min-height:9.5rem}#question.edit .field .content .trix-button-row,#question.new .field .content .trix-button-row{flex-wrap:wrap;justify-content:left}#question.edit .field .content .trix-button--icon,#question.new .field .content .trix-button--icon{height:1.6rem;max-width:2rem}}@media only screen and (max-width:640px){#question.edit .field .tooltip,#question.new .field .tooltip{transform:translateX(-5%)}#question.edit .field .tooltip:before,#question.new .field .tooltip:before{left:5%}}.modaal-wrapper .modaal-container{max-width:1024px;width:66.666667%}@media only screen and (max-width:1024px){.modaal-wrapper .modaal-container{max-width:768px;width:auto}}@media only screen and (max-width:768px){.modaal-wrapper .modaal-container{max-width:480px}}.modaal-wrapper .question-information .main{margin:auto;max-width:768px;padding:3rem 2rem}.modaal-wrapper .question-information .main p{color:#4d4d4d}.modaal-wrapper .question-information .title{font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:2.5rem;text-align:center}.modaal-wrapper .question-information .title h1{color:#000;font-size:1.5em;line-height:1}.modaal-wrapper .question-information .title span{color:#666}.modaal-wrapper .question-information .title h2{font-family:IBM Plex Sans Thai,sans-serif;font-size:1.5em;margin-bottom:.5rem}.modaal-wrapper .question-information .title p{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.modaal-wrapper .question-information .content .list{margin-bottom:3rem}.modaal-wrapper .question-information .content .list li{align-items:center;display:flex;margin-bottom:2rem}.modaal-wrapper .question-information .content .list li:last-child{margin-bottom:0}.modaal-wrapper .question-information .content .img{flex:auto;overflow:hidden;flex:0 0 auto;height:90px;margin-right:1.5rem;width:90px}.modaal-wrapper .question-information .content .img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}.modaal-wrapper .question-information .content .img .lazy{opacity:0}.modaal-wrapper .question-information .content .img.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(//d2pkcizdkhan1y.cloudfront.net/packs/media/images/plugins/lazyload-875fba3680e76fa4929ba2a289632836.gif) 0 0}.modaal-wrapper .question-information .content .text h3{color:#000;font-family:IBM Plex Sans Thai,sans-serif;font-size:1.125em;margin-bottom:.5rem}.modaal-wrapper .question-information .content .text p{margin-bottom:.5rem}.modaal-wrapper .question-information .content .text p:last-of-type{margin-bottom:0}.modaal-wrapper .question-information .content .btn{display:flex;justify-content:center}.modaal-wrapper .question-information .content .btn button{background-color:#00c16b;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}.modaal-wrapper .question-information .content .btn button:hover{background-color:#008c4d}.modaal-wrapper .question-information .content .btn button[name=question-user] i{font-size:.9em;margin-left:.5rem}.modaal-wrapper .question-information .loading-spinner{z-index:-1}.modaal-wrapper .question-information.loading .main{opacity:0}.modaal-wrapper .question-information.loading .loading-spinner{font-size:25px;height:25px;left:0;margin:auto;opacity:1;position:absolute;right:0;width:25px;bottom:0;top:0;z-index:auto}.modaal-wrapper .question-information.loading .loading-spinner ul{margin:0}.modaal-wrapper .question-information.loading .loading-spinner li{animation:loadingSpinnerFade 1s linear infinite;background-color:#787a7a;border-radius:.5em;bottom:0;height:28%;left:45%;margin:0;position:absolute;transform-origin:center -75% 0;width:10%}.modaal-wrapper .question-information.loading .loading-spinner li:first-child{transform:rotate(0deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(2){animation-delay:83ms;transform:rotate(30deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}.modaal-wrapper .question-information.loading .loading-spinner li:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@media only screen and (max-width:480px){.modaal-wrapper .question-information .title h1{margin-bottom:.5rem}.modaal-wrapper .question-information .content .list{margin-bottom:3rem}.modaal-wrapper .question-information .content .list li{display:block;text-align:center}.modaal-wrapper .question-information .content .img{margin:0 auto 1rem}}.modaal-wrapper .question-user .container{box-sizing:content-box;margin:auto;max-width:768px;padding:3rem 2rem}.modaal-wrapper .question-user .title{margin:0 0 2.5rem}.modaal-wrapper .question-user .content{display:flex}.modaal-wrapper .question-user .main{flex:auto;max-width:75%;padding:0}.modaal-wrapper .question-user .main .field{margin-bottom:2.5rem;margin-left:0}.modaal-wrapper .question-user .main .field>li{display:flex;flex-wrap:wrap;margin-bottom:1rem}.modaal-wrapper .question-user .main .field .sub-field{align-items:baseline;display:flex;width:100%}@media only screen and (max-width:480px){.modaal-wrapper .question-user .main .field{margin-bottom:2rem;margin-left:1.25rem}.modaal-wrapper .question-user .main .field .sub-field{display:block;margin-right:1.25rem}}.modaal-wrapper .question-user .main .field h2{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#4d4d4d;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:.5rem}.modaal-wrapper .question-user .main .field h2 span{color:#e80000;font-size:1.2em;margin-left:.25rem}@media only screen and (max-width:768px){.modaal-wrapper .question-user .main .field h2{font-size:.9em}}.modaal-wrapper .question-user .main .field li{display:block;margin-bottom:1rem}.modaal-wrapper .question-user .main .field label{box-sizing:border-box;display:block;margin-bottom:.5rem;margin-right:2rem;position:relative;width:100%;width:auto}@media only screen and (max-width:480px){.modaal-wrapper .question-user .main .field label{margin-right:1.25rem}}.modaal-wrapper .question-user .main .field [type=email],.modaal-wrapper .question-user .main .field [type=password],.modaal-wrapper .question-user .main .field [type=text]{border:1px solid #666;box-sizing:border-box;color:#4d4d4d;font-family:inherit;font-size:.9em;line-height:1.25;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;width:100%;border-radius:0;height:50px;padding:.75rem .75rem .75rem 3rem}.modaal-wrapper .question-user .main .field [type=email]::-moz-placeholder,.modaal-wrapper .question-user .main .field [type=password]::-moz-placeholder,.modaal-wrapper .question-user .main .field [type=text]::-moz-placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}.modaal-wrapper .question-user .main .field [type=email]::placeholder,.modaal-wrapper .question-user .main .field [type=password]::placeholder,.modaal-wrapper .question-user .main .field [type=text]::placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}.modaal-wrapper .question-user .main .field [type=email]:focus,.modaal-wrapper .question-user .main .field [type=password]:focus,.modaal-wrapper .question-user .main .field [type=text]:focus{border-color:#666;box-shadow:0 0 0 .2rem hsla(0,0%,40%,.25);outline:0}@supports(-webkit-overflow-scrolling:touch){.modaal-wrapper .question-user .main .field [type=email],.modaal-wrapper .question-user .main .field [type=password],.modaal-wrapper .question-user .main .field [type=text]{font-size:1em}.modaal-wrapper .question-user .main .field [type=email]::-moz-placeholder,.modaal-wrapper .question-user .main .field [type=password]::-moz-placeholder,.modaal-wrapper .question-user .main .field [type=text]::-moz-placeholder{line-height:normal}.modaal-wrapper .question-user .main .field [type=email]::placeholder,.modaal-wrapper .question-user .main .field [type=password]::placeholder,.modaal-wrapper .question-user .main .field [type=text]::placeholder{line-height:normal}}.modaal-wrapper .question-user .main .field [type=password],.modaal-wrapper .question-user .main .field [type=text]{padding-right:2.4rem}.modaal-wrapper .question-user .main .field .icon,.modaal-wrapper .question-user .main .field .toggle{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;top:0;width:3rem;z-index:1}.modaal-wrapper .question-user .main .field .icon{font-size:1.8em;left:0}.modaal-wrapper .question-user .main .field .toggle{font-size:1.25em;opacity:0;right:0;transition:opacity .3s ease-in-out}.modaal-wrapper .question-user .main .field .toggle.active{opacity:1}.modaal-wrapper .question-user .main .field .error [type=email],.modaal-wrapper .question-user .main .field .error [type=password],.modaal-wrapper .question-user .main .field .error [type=text]{border-color:#b80000}.modaal-wrapper .question-user .main .field .error [type=email]:focus,.modaal-wrapper .question-user .main .field .error [type=password]:focus,.modaal-wrapper .question-user .main .field .error [type=text]:focus{box-shadow:0 0 0 .2rem rgba(184,0,0,.25)}.modaal-wrapper .question-user .main .field .error [type=email]:hover select,.modaal-wrapper .question-user .main .field .error [type=password]:hover select,.modaal-wrapper .question-user .main .field .error [type=text]:hover select{text-shadow:0 0 0 #b80000}.modaal-wrapper .question-user .main .field .error [type=email]:hover .arrow i,.modaal-wrapper .question-user .main .field .error [type=password]:hover .arrow i,.modaal-wrapper .question-user .main .field .error [type=text]:hover .arrow i{color:#b80000}.modaal-wrapper .question-user .main .field .error-message{color:#e80000;display:block;flex:auto;font-size:.8em}.modaal-wrapper .question-user .main .btn{display:block;padding:0;text-align:right;margin-right:2rem}.modaal-wrapper .question-user .main .btn [name=back],.modaal-wrapper .question-user .main .btn a{color:#666;font-family:IBM Plex Sans Thai,sans-serif;font-size:.9em}.modaal-wrapper .question-user .main .btn [name=back]:hover,.modaal-wrapper .question-user .main .btn a:hover{opacity:.7;text-decoration:underline}.modaal-wrapper .question-user .main .btn [name=back]{background-color:transparent;border:0;cursor:pointer}.modaal-wrapper .question-user .main .btn input[type=submit]{background-color:#b80000;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;z-index:1;font-size:.9em}.modaal-wrapper .question-user .main .btn input[type=submit] i{font-size:1.25em;margin-right:.5rem;position:relative;top:1.5px}.modaal-wrapper .question-user .main .btn input[type=submit]:before{background-color:#b80000;background-image:linear-gradient(60deg,#b80000,#e80000);border-radius:2rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.modaal-wrapper .question-user .main .btn input[type=submit]:hover{background-color:#e80000}.modaal-wrapper .question-user .main .btn input[type=submit]:hover:before{opacity:1}.modaal-wrapper .question-user .main .btn [name=confirm],.modaal-wrapper .question-user .main .btn [name=edit]{background-color:transparent;border:1px solid #b80000;border-radius:2rem;color:#b80000;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;outline:none;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.modaal-wrapper .question-user .main .btn [name=confirm] i,.modaal-wrapper .question-user .main .btn [name=edit] i{font-size:1.5em;margin-right:.5rem;position:relative;top:1.5px}.modaal-wrapper .question-user .main .btn [name=create]{background-color:#00c16b;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;font-size:.9em}.modaal-wrapper .question-user .main .btn [name=create]:hover{background-color:#008c4d}.modaal-wrapper .question-user .main .btn [name=destroy]{background-color:#b80000;border:0;border-radius:2rem;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;z-index:1;font-size:.9em}.modaal-wrapper .question-user .main .btn [name=destroy] i{font-size:1.25em;margin-right:.5rem;position:relative;top:1.5px}.modaal-wrapper .question-user .main .btn [name=destroy]:before{background-color:#b80000;background-image:linear-gradient(60deg,#b80000,#e80000);border-radius:2rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.modaal-wrapper .question-user .main .btn [name=destroy]:hover{background-color:#e80000}.modaal-wrapper .question-user .main .btn [name=destroy]:hover:before{opacity:1}.modaal-wrapper .question-user .main .btn ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-left:.5rem}.modaal-wrapper .question-user .main .btn ul li{display:flex;margin-right:1rem}@media only screen and (max-width:480px){.modaal-wrapper .question-user .main .btn ul li{margin-bottom:1rem}}@media only screen and (max-width:320px){.modaal-wrapper .question-user .main .btn ul{flex-direction:column;padding:0}.modaal-wrapper .question-user .main .btn ul li{margin-bottom:1rem;margin-right:0}.modaal-wrapper .question-user .main .btn ul li:last-child{margin-bottom:0}}.modaal-wrapper .question-user .main .btn ul{padding-left:0}.modaal-wrapper .question-user .main .btn ul li:last-child{margin-right:0}.modaal-wrapper .question-user .side{background-color:#fafafa;display:flex;flex-direction:column;justify-content:center;margin-left:0;max-width:none;padding:2rem;width:50%}.modaal-wrapper .question-user .side .social li{margin-bottom:.5rem}.modaal-wrapper .question-user .side .social li:last-child{margin-bottom:0}.modaal-wrapper .question-user .side .social button{align-items:center;background-color:#8b8c8e;border:0;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:1em;line-height:3rem;overflow:hidden;padding:0 1.5rem;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-in-out;white-space:nowrap;border-radius:0;font-family:IBM Plex Sans Thai Light,sans-serif;font-size:.8em;justify-content:center;line-height:2.5rem;transition:opacity .3s ease-in-out;width:100%}.modaal-wrapper .question-user .side .social button .icon,.modaal-wrapper .question-user .side .social button i{margin-right:.5rem}.modaal-wrapper .question-user .side .social button i{font-size:1.5em;position:relative;top:1.5px}.modaal-wrapper .question-user .side .social button .icon{flex:0 0 auto;height:18px;width:18px}.modaal-wrapper .question-user .side .social button:hover{background-color:#707172}.modaal-wrapper .question-user .side .social button i{font-size:1.25em}.modaal-wrapper .question-user .side .social button:hover{opacity:.8}.modaal-wrapper .question-user .side .facebook button i,.modaal-wrapper .question-user .side .twitter button i{font-size:1.25em}.modaal-wrapper .question-user .side .facebook button,.modaal-wrapper .question-user .side .facebook button:hover{background-color:#3b5998}.modaal-wrapper .question-user .side .twitter button,.modaal-wrapper .question-user .side .twitter button:hover{background-color:#1da1f2}.modaal-wrapper .question-user .side .google button,.modaal-wrapper .question-user .side .google button:hover{background-color:#fff;border:1px solid #b80000;color:#b80000}.modaal-wrapper .question-user .side .privacy-and-term,.modaal-wrapper .question-user .side .sign-in{margin-top:1rem}.modaal-wrapper .question-user .side .privacy-and-term a,.modaal-wrapper .question-user .side .privacy-and-term p,.modaal-wrapper .question-user .side .sign-in a,.modaal-wrapper .question-user .side .sign-in p{color:#000}.modaal-wrapper .question-user .side .privacy-and-term p,.modaal-wrapper .question-user .side .sign-in p{text-align:center}.modaal-wrapper .question-user .side .privacy-and-term a,.modaal-wrapper .question-user .side .sign-in a{display:inline;text-decoration:underline}.modaal-wrapper .question-user .side .privacy-and-term p{font-size:.7em}.modaal-wrapper .question-user .side .sign-in p{font-size:.8em}.modaal-wrapper .question-user .side .sign-in a{color:#b80000;font-weight:700}.modaal-wrapper .question-user .back{left:0;margin:1rem;position:absolute;top:0}.modaal-wrapper .question-user .back button{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:1.406rem;justify-content:center;width:1.406rem}.modaal-wrapper .question-user .back button i{color:#a3a3a3;opacity:.5;transition:opacity .3s ease-in-out}.modaal-wrapper .question-user .back button:hover i{opacity:1}.modaal-wrapper .question-user .loading-spinner{z-index:-1}.modaal-wrapper .question-user.loading .container{opacity:0}.modaal-wrapper .question-user.loading .loading-spinner{font-size:25px;height:25px;left:0;margin:auto;opacity:1;position:absolute;right:0;width:25px;bottom:0;top:0;z-index:auto}.modaal-wrapper .question-user.loading .loading-spinner ul{margin:0}.modaal-wrapper .question-user.loading .loading-spinner li{animation:loadingSpinnerFade 1s linear infinite;background-color:#787a7a;border-radius:.5em;bottom:0;height:28%;left:45%;margin:0;position:absolute;transform-origin:center -75% 0;width:10%}.modaal-wrapper .question-user.loading .loading-spinner li:first-child{transform:rotate(0deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(2){animation-delay:83ms;transform:rotate(30deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}.modaal-wrapper .question-user.loading .loading-spinner li:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@media only screen and (max-width:768px){.modaal-wrapper .question-user .content{display:block}.modaal-wrapper .question-user .main{margin-bottom:2rem;max-width:none}.modaal-wrapper .question-user .main .btn,.modaal-wrapper .question-user .main .field label{margin-right:0}.modaal-wrapper .question-user .side{width:auto}.modaal-wrapper .question-user .back button i{font-size:1.25em}}@media only screen and (max-width:480px){.modaal-wrapper .question-user .main .field{margin-left:0}.modaal-wrapper .question-user .main .btn ul li{margin-bottom:0}}.modaal-wrapper .question-user.sign-in .main .field{margin-bottom:1rem}.modaal-wrapper .question-user.sign-in .main .bottom{display:flex;flex-wrap:wrap;font-family:IBM Plex Sans Thai,sans-serif;font-size:.8em;justify-content:space-between;margin:0 2rem 2rem 0}.modaal-wrapper .question-user.sign-in .main .remember label{cursor:pointer;display:flex;margin-bottom:.5rem;margin-right:1.25rem}.modaal-wrapper .question-user.sign-in .main .remember label [type=checkbox]{display:none}.modaal-wrapper .question-user.sign-in .main .remember label i{border:1px solid #666;color:#fff;float:left;height:18px;margin-right:.5rem;position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;width:18px}.modaal-wrapper .question-user.sign-in .main .remember label i:before{align-items:center;bottom:0;display:flex;font-size:.9em;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-in-out;width:auto}.modaal-wrapper .question-user.sign-in .main .remember label [type=checkbox]:checked+i{background-color:#b80000;border-color:#b80000}.modaal-wrapper .question-user.sign-in .main .remember label [type=checkbox]:checked+i:before{opacity:1}.modaal-wrapper .question-user.sign-in .main .remember label:hover i{background-color:hsla(0,0%,40%,.25)}.modaal-wrapper .question-user.sign-in .main .forgot{margin-left:auto}.modaal-wrapper .question-user.sign-in .main .forgot a{color:#b80000}.modaal-wrapper .question-user.sign-in .main .sign-up{font-family:IBM Plex Sans Thai,sans-serif;font-size:.9em;margin-right:2rem;margin-top:1rem;text-align:center}.modaal-wrapper .question-user.sign-in .main .sign-up a{color:#b80000;display:inline;text-decoration:underline}@media only screen and (max-width:768px){.modaal-wrapper .question-user.sign-in .main .bottom,.modaal-wrapper .question-user.sign-in .main .sign-up{margin-right:0}}.modaal-wrapper .question-user.sign-up .main .sign-in{font-family:IBM Plex Sans Thai,sans-serif;font-size:.9em;margin-right:2rem;margin-top:1rem;text-align:center}.modaal-wrapper .question-user.sign-up .main .sign-in a{color:#b80000;display:inline;text-decoration:underline}@media only screen and (max-width:768px){.modaal-wrapper .question-user.sign-up .main .sign-in{margin-right:0}}