<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.form{background-color:#f1f1f1}
.form__submit{display:block;background-color:#c00;width:30%;min-width:200px;margin:30px auto 0;color:#fff;text-indent:1em;letter-spacing:1em;font-weight:700}
.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.field__label{width:5em;font-weight:700;-ms-flex-negative:0;flex-shrink:0}
.field__item{width:100%;background-color:#fff;border:1px solid #ccc;height:42px;line-height:42px}
#result{outline:0}
.result{position:relative;text-align:center}
.result::before{content:"";position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);display:block;width:0;height:0}
.result--1,.result--3{border:2px solid #278C1C;background-color:#f4fff4}
.result--2{border:2px solid #c00;background-color:#fff5f5}
.result__model{font-weight:700}
.result__msg{font-weight:700;margin-top:1em}
.result__msg em{font-style:normal;color:#e60000}
.result__msg .annotation{font-weight:400;color:#000}
.fade-enter-active,.fade-leave-active{-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.fade-enter,.fade-leave-to{opacity:0}
.fade-enter-to,.fade-leave{opacity:1}
@media print,screen and (min-width:768px){#app{padding:40px 0 70px}
.form{padding:3.125em 70px}
.form__submit{padding:20px 15px;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.form__submit:hover{opacity:.7}
.field+.field{margin-top:15px}
.field__label{margin-right:12px}
.field__item{padding:0 10px}
.result{margin-top:75px;padding:40px;font-size:1.125em}
.result::before{bottom:calc(100% + 15px);border-right:40px solid transparent;border-left:40px solid transparent}
.result--1::before,.result--3::before{border-top:35px solid #278C1C}
.result--2::before{border-top:35px solid #c00}
.result__msg .annotation{font-size:.889em}
}
@media only screen and (max-width:767px){#app{padding:30px 0}
.form{padding:30px 20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.form__submit{padding:15px 10px}
.field+.field{margin-top:10px}
.field__label{margin-right:10px}
.field__item{padding:0 5px;font-size:16px}
.result{font-size:1.143em;margin-top:30px;padding:30px 20px}
.result::before{bottom:calc(100% + 10px);border-right:20px solid transparent;border-left:20px solid transparent}
.result--1::before,.result--3::before{border-top:15px solid #278C1C}
.result--2::before{border-top:15px solid #c00}
.result__msg .annotation{font-size:.875em}
}</pre></body></html>