div#interview{overflow:hidden}#btn_start{margin:3em 0;visibility:hidden}div.interview_wrp{width:100%;display:grid;grid-template-columns:repeat(1,1fr)}div.stp{width:100%;transform-origin:top;transition:transform 800ms cubic-bezier(.75,0,.25,1);transition-delay:200ms;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;margin:3em 0;text-align:center}div.stp_wrp,div#response{width:100%;margin:0;max-width:30em;text-align:center}.response h2{color:#807977}h3.interview_head{font-weight:300;color:#807977;margin-top:1em}div.wrp{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;margin:1em 0}input.btn,label.chp,input.txt{border-radius:.5rem;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;margin:0;max-width:98%;min-width:4rem;outline:0;padding:.75rem 1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap}input.btn,label.chp{user-select:none;cursor:pointer}input.btn{align-items:center;background-color:#807977;color:#fff;border:0;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;letter-spacing:.0892857143em;line-height:inherit;text-transform:uppercase}input.btn:hover,label.chp:hover{background-color:#615b5a}div.txt{position:relative;width:100%}label.txt{position:absolute;font-size:1rem;left:0;top:50%;transform:translateY(-50%);color:#807977;padding:0 .3rem;margin:0 .75rem;transition:.1s ease-out;transform-origin:left top;pointer-events:none;background-color:#fff;vertical-align:middle}input.txt{font-size:1rem;outline:none;border:1px solid #807977;padding:.75rem 1rem;color:#807977;transition:all 0.1s ease-out;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative}input.txt:focus{border-color:#000;margin:0;box-shadow:0 0 2px rgba(0,0,0,.7)}input.txt:focus+label.txt{color:#000;top:0;transform:translateY(-50%) scale(.9)}.txt.invalid>input.txt,div.txt.invalid>label.txt{border-color:#ba0;color:#ba0}div.txt.valid>input.txt,div.txt.valid>label.txt{border-color:#4a0;color:#4a0}input.txt:not(:placeholder-shown)+label.txt{top:0;transform:translateY(-50%) scale(.9)}div.chp{padding:.75em 0}input.chp{display:none}input.chp+label.chp{border:1px solid #807977;padding:.5em .75em;margin:.5em 0}input.chp+label.chp:hover{color:#fff}input.chp:checked+label.chp{background-color:#807977;color:#fff}#interview_submit{background-origin:content-box;background-size:1.5em;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='rgb(255,255,255)' d='m19 21-1.4-1.4 1.575-1.6H15v-2h4.175L17.6 14.4 19 13l4 4ZM4 19q-.825 0-1.412-.587Q2 17.825 2 17V7q0-.825.588-1.412Q3.175 5 4 5h13q.825 0 1.413.588Q19 6.175 19 7v4h-2V8.4L10.4 13 4 8.425V17h9v2ZM5.45 7l4.95 3.55L15.5 7Z'/%3E%3C/svg%3E");padding-left:3.25em;background-position-x:-2em;background-position-y:-.125em}#interview_submit.shake{animation:shake 0.8s cubic-bezier(.36,.07,.19,.97) both}#spinner_wrp{text-align:center;margin-top:4em}.spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;stroke:#807977;opacity:.5}@-webkit-keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}