#app{height:100%;width:100%}.login-parent[data-v-71aefe79]{font-size:14px;color:#2a3237;margin:0 auto;display:flex;flex-direction:column;height:100%;max-width:600px}.content[data-v-71aefe79]{display:flex;align-items:center;justify-content:center}.loginheader[data-v-71aefe79]{margin:20px auto 0;text-align:center}.loginheader a[data-v-71aefe79]{margin-left:10px;text-decoration:none;font-size:18px;line-height:25px;font-family:HighlandGothicFLF;color:#000}.loginheader img[data-v-71aefe79]{vertical-align:middle}.loginbox[data-v-71aefe79]{display:flex;flex-direction:row;width:auto;height:auto;margin:auto auto;background:#fff;border-radius:5px;box-shadow:0 0 96px -10px rgba(0,0,0,.75);overflow:hidden}.loginbox .login-leftside[data-v-71aefe79]{width:200px;height:auto;min-height:100%;background-image:url(https://images5.alphacoders.com/671/thumb-1920-671148.jpg);background-size:cover;transition:all .5s}.loginbox form[data-v-71aefe79]{padding:40px 30px;background:#fefefe;display:flex;flex-direction:column;align-items:flex-start}.loginbox form h3[data-v-71aefe79]{margin-bottom:20px}.loginbox form p[data-v-71aefe79]{line-height:155%;font-size:14px;color:#000;opacity:.65;font-weight:400;max-width:200px;margin-bottom:40px}.loginbox form .logininput[data-v-71aefe79]{position:relative;margin-bottom:10px;width:100%}.loginbox form .logininput>div[data-v-71aefe79]{border:none;box-shadow:none}.loginbox form input[data-v-71aefe79]{width:calc(100% - 44px);margin-left:auto;display:flex}.loginbox form .logininput .loginicon[data-v-71aefe79]{position:absolute;top:0;left:0;height:56px;width:44px;display:flex}.loginbox form .logininput .loginicon i[data-v-71aefe79]{height:30px;width:30px;margin:auto;transition:all .3s ease}.loginbox form .modalbuttons[data-v-71aefe79]{display:flex;justify-content:space-between;align-items:center;width:100%}.modalbuttons a[data-v-71aefe79]{color:rgba(51,51,51,.6);font-size:14px}.loginbox form button[data-v-71aefe79]{width:unset}@media screen and (max-width:768px){.loginbox .login-leftside[data-v-71aefe79]{width:100px}}.login-parent[data-v-f5e5ba74]{font-size:14px;color:#2a3237;margin:0 auto;display:flex;flex-direction:column;height:100%;max-width:600px}.content[data-v-f5e5ba74]{display:flex;align-items:center;justify-content:center}.loginheader[data-v-f5e5ba74]{margin:20px auto 0;text-align:center}.loginheader a[data-v-f5e5ba74]{margin-left:10px;text-decoration:none;font-size:18px;line-height:25px;font-family:HighlandGothicFLF;color:#000}.loginheader img[data-v-f5e5ba74]{vertical-align:middle}.loginbox[data-v-f5e5ba74]{display:flex;flex-direction:row;width:auto;height:auto;margin:auto auto;background:#fff;border-radius:5px;box-shadow:0 0 96px -10px rgba(0,0,0,.75);overflow:hidden}.loginbox .login-leftside[data-v-f5e5ba74]{width:200px;height:auto;min-height:100%;background-image:url(https://images5.alphacoders.com/671/thumb-1920-671148.jpg);background-size:cover;transition:all .5s}.loginbox form[data-v-f5e5ba74]{padding:40px 30px;background:#fefefe;display:flex;flex-direction:column;align-items:flex-start}.loginbox form h3[data-v-f5e5ba74]{margin-bottom:20px}.loginbox form p[data-v-f5e5ba74]{line-height:155%;font-size:14px;color:#000;opacity:.65;font-weight:400;max-width:200px;margin-bottom:40px}.loginbox form .logininput[data-v-f5e5ba74]{position:relative;margin-bottom:10px;width:100%}.loginbox form .logininput>div[data-v-f5e5ba74]{border:none;box-shadow:none}.loginbox form input[data-v-f5e5ba74]{width:calc(100% - 44px);margin-left:auto;display:flex}.loginbox form .logininput .loginicon[data-v-f5e5ba74]{position:absolute;top:0;left:0;height:56px;width:44px;display:flex}.loginbox form .logininput .loginicon i[data-v-f5e5ba74]{height:30px;width:30px;margin:auto;transition:all .3s ease}.loginbox form .modalbuttons[data-v-f5e5ba74]{display:flex;justify-content:space-between;align-items:center;width:100%}.modalbuttons a[data-v-f5e5ba74]{color:rgba(51,51,51,.6);font-size:14px}.loginbox form button[data-v-f5e5ba74]{width:unset}@media screen and (max-width:768px){.loginbox .login-leftside[data-v-f5e5ba74]{width:100px}}.profile-form[data-v-372b4526]{width:340px;margin:50px auto}#sidebar-right{top:70px;bottom:0;padding-bottom:20px;height:auto;text-align:center}button{width:auto}.username-or-code-input{padding:10px}.username-or-code-input input{margin:0}router-link-exact-active[data-v-7ce32343]{color:#cd5c5c;cursor:pointer}.header .container[data-v-7ce32343]{padding:10px 30px}.header[data-v-7ce32343]{margin:0 0 90px 0}button[data-v-7ce32343]{width:auto}.mobile_sidenav[data-v-7ce32343]{z-index:999;height:100vh}@media screen and (max-width:768px){.header[data-v-7ce32343]{margin:0}}.header-img[data-v-3cfddb92]{min-height:200px;background-attachment:scroll}.search-bar-full-width[data-v-3cfddb92]{grid-column:span 2}.header .container[data-v-3cfddb92]{padding:10px 30px}.event[data-v-3cfddb92]{position:relative;display:flex;flex-direction:row;background-color:#fff;border-radius:3px;border:1px solid grey;cursor:pointer;margin:8px 0;min-height:120px;overflow:hidden}.event.user-participant[data-v-3cfddb92]{border-color:#1c7430}.event[data-v-3cfddb92]:hover{background:#eef7fa;box-shadow:0 1px 1px #cfcac4}.eventpic[data-v-3cfddb92]{flex:0 0 130px;text-align:center;border-right:1px solid #ebebeb;min-height:120px;display:flex;flex-direction:column;justify-content:center;position:relative}.eventpic .picture[data-v-3cfddb92]{z-index:1;width:100%;height:100%}.eventpic .picture img[data-v-3cfddb92]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.eventdetailshort[data-v-3cfddb92]{flex:1;min-height:120px;line-height:1.7;font-size:15px;padding:8px 0 0 8px;display:flex;flex-direction:column;overflow:hidden}.eventdetailshort>h5>span[data-v-3cfddb92],.eventdetailshort>h6>span[data-v-3cfddb92]{float:right;margin:0 20px;font-size:.8em;padding:5px;border-radius:10px}.eventdetailshort>h5>span[data-v-3cfddb92]{color:green;font-weight:700}.eventdetailshort>h6>span.align-left[data-v-3cfddb92]{float:left;margin:10px 0;padding:0}.eventdetailshort>h6>span.align-left.no-margin[data-v-3cfddb92]{margin:0}.eventdetailshort>h6>span.align-left.event-active[data-v-3cfddb92]{color:green}.eventdetailshort>h6>span.align-right[data-v-3cfddb92]{float:right;text-align:right}h3[data-v-3cfddb92],h5[data-v-3cfddb92],h6[data-v-3cfddb92]{color:#696969;margin:0;font-weight:400;letter-spacing:1px;text-transform:uppercase}.searchandsort[data-v-3cfddb92]{display:flex;width:100%;align-items:center;margin-bottom:10px}.search button[data-v-3cfddb92],.search input[type=text][data-v-3cfddb92]{margin:unset;border:0;border-radius:0;box-shadow:unset}.search[data-v-3cfddb92]{flex:1 1 auto;border-radius:2px;overflow:hidden;border:1px solid #e9e9e9}.sortbox[data-v-3cfddb92]{display:flex;justify-content:flex-start;align-items:center;transition:all .3s ease-in;cursor:pointer;flex:0 0 auto;margin-left:20px}.sortbox label[data-v-3cfddb92]{font-weight:600;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin-right:10px}.sort[data-v-3cfddb92]{display:flex;padding:8px 18px;border:1px solid #e9e9e9;border-radius:2px;position:relative;transition:all .5s ease-in}.sort .po[data-v-3cfddb92]{display:none;height:15px;width:15px}#sort[data-v-3cfddb92]{opacity:1;visibility:visible}#sort .list .item[data-v-3cfddb92]{font-size:unset}.filterbox[data-v-3cfddb92]{display:block;padding:0 10px;width:100%;float:left;position:relative;height:auto}.filterbox .categories[data-v-3cfddb92]{overflow:hidden;max-height:0;list-style-type:none;border:1px solid #eee;margin:0;padding:0;transition:all .3s ease-in-out}.card-filter[data-v-3cfddb92]{margin-bottom:24px}.filterbox .categories li[data-v-3cfddb92]{border-bottom:1px solid #eee;padding:10px;cursor:pointer;text-align:center}.filterbox .categories li.selected[data-v-3cfddb92]{background-color:#1c7430}.filterbox .categories li img[data-v-3cfddb92]{width:32px;float:left}.accordion[data-v-3cfddb92]{color:#000;cursor:pointer;padding:10px;width:100%;text-align:left;outline:none;font-size:15px;border-radius:2px;border:1px solid #f1f1f1}.accordion[data-v-3cfddb92]:after{content:"\002B";color:#000;font-weight:700;float:right;margin-left:5px}.accordion.active[data-v-3cfddb92]:after{content:"\2212"}.collapsible[data-v-3cfddb92]:hover,.kactive[data-v-3cfddb92]{background-color:#f1f1f1}.categories li[data-v-3cfddb92]:hover{box-shadow:0 8px 12px 0 rgba(0,0,0,.2)}.difficulty[data-v-3cfddb92]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.difficulty .difficulybutton[data-v-3cfddb92]{display:flex;width:20%;padding:10px;border:1px solid #e9e9e9;border-radius:2px;justify-content:center;align-items:center}.modal[data-v-3cfddb92]{display:none;position:fixed;top:0;left:0;align-items:center;justify-content:center;overflow:hidden;transition:background-color .25s ease;z-index:1746;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}.modal .modalbox[data-v-3cfddb92]{max-height:calc(100vh - 150px);overflow-y:auto;transform:scale(1);position:relative;width:70%;padding:2.5rem;background-color:#fff;border-radius:2px;box-shadow:0 0 2.5rem rgba(0,0,0,.5)}.modal .modalimportantinfos[data-v-3cfddb92]{display:flex;flex-direction:row;justify-content:flex-start}.modal .modalimportantinfos .modalgallery[data-v-3cfddb92]{flex:35%;width:100%;min-height:300px;height:20vw}.modal .modalimportantinfos .modalgallery img[data-v-3cfddb92]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal .modalimportantinfos .modalcontent[data-v-3cfddb92]{margin:0 20px;flex:65%;display:flex;flex-direction:column;border-top:1px solid #28a745}.modal .modalimportantinfos .modalcontent h1[data-v-3cfddb92],.modal .modalimportantinfos .modalcontent h2[data-v-3cfddb92],.modaltext h4[data-v-3cfddb92],.modaltext p[data-v-3cfddb92]{margin:5px 0;overflow:hidden;text-overflow:ellipsis}.modal .modalimportantinfos .modalcontent .modaltext[data-v-3cfddb92]{line-height:1.5rem;margin-top:10px}.modalformrating[data-v-3cfddb92]{margin:20px 0}.modal .modalimportantinfos .modalcontent .modaltext .modalul[data-v-3cfddb92]{margin-bottom:10px}.modal .modalimportantinfos .modalcontent .modaltext .modalul td[data-v-3cfddb92]{padding-left:20px;padding-top:10px}.modal .modalimportantinfos .modalcontent .modaltext .modalul td[data-v-3cfddb92]:nth-child(odd){text-align:right}.modal .modalimportantinfos .modalcontent .acceptplay .acceptplaybutton[data-v-3cfddb92]{width:unset;margin:0;background:#28a745;color:#fff;font-size:20px}.modal .modalimportantinfos .modalcontent .acceptplay .declineplaybutton[data-v-3cfddb92]{width:unset;margin:0;background:#fd1339;color:#fff;font-size:20px}.modal .modalimportantinfos .modalcontent .acceptplay[data-v-3cfddb92]{display:flex;flex-grow:1;justify-content:flex-end;align-items:stretch;margin:20px 0 0 0}.modal .modalfooter[data-v-3cfddb92]{margin:10px 0 0;display:flex;flex-direction:column;justify-content:space-between}.modal .modalbox .close[data-v-3cfddb92]{position:absolute;top:20px;right:30px;background-color:transparent;font-size:1.5rem}.modal .modalbox .close[data-v-3cfddb92]:after,.modal .modalbox .close[data-v-3cfddb92]:before{position:absolute;content:"";width:1.25rem;height:.125rem;background-color:#000}.modal .modalbox .close[data-v-3cfddb92]:before{transform:rotate(-45deg)}.modal .modalbox .close[data-v-3cfddb92]:after{transform:rotate(45deg)}@media screen and (max-width:768px){.sortbox label[data-v-3cfddb92]{display:none}.sort[data-v-3cfddb92]{width:50px;justify-content:center}.sort span[data-v-3cfddb92]{display:none}.sort .po[data-v-3cfddb92]{display:inline-block}.modal .modalbox[data-v-3cfddb92]{width:90%}.modal .modalbox .modalimportantinfos[data-v-3cfddb92]{flex-direction:column}.modal .modalbox .modalcontent[data-v-3cfddb92]{margin:0}.modal .modalbox .modalgallery[data-v-3cfddb92]{height:20vh;min-height:unset}.container[data-v-3cfddb92]{padding-bottom:0;margin-left:0;margin-right:0}.container[data-v-3cfddb92],.events[data-v-3cfddb92],div[class^=col-][data-v-3cfddb92]{padding-right:0;padding-left:0}h5[data-v-3cfddb92],h6[data-v-3cfddb92]{font-size:inherit}}.username-or-code-input[data-v-52c7c515]{position:fixed;bottom:5px;width:90%;left:2.5%}.username-or-code-input input[data-v-52c7c515]{margin:0}.list-group[data-v-83bba574]{width:340px;margin:50px auto}.flex-container[data-v-4402f40a]{margin-bottom:30px}.oberstatus[data-v-4402f40a]{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;background-color:hsla(0,0%,100%,.5);padding:10px;border:1px solid #ddd;border-radius:5px;width:100%;margin:10px;flex:1 0}#dashboard1[data-v-4402f40a]{flex-basis:200px}#dashboard2[data-v-4402f40a]{flex:2 0}#greeting[data-v-4402f40a]{display:flex;align-items:center}#greeting .imgcon[data-v-4402f40a]{max-width:80px;max-height:80px;border-radius:50%;border:2px dashed #ddd;float:left;vertical-align:top;flex-shrink:0;position:relative}.imgcon .setting[data-v-4402f40a]{display:inline-block;position:absolute;top:50px;right:-10px;border-radius:50%;padding:4px;background-color:var(--green);color:#fff;line-height:0}.imgcon img[data-v-4402f40a]{width:100%;max-width:80px;max-height:80px;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:block;-o-object-fit:cover;object-fit:cover}.greetingtext[data-v-4402f40a]{padding:20px;text-align:justify;width:100%}#progresspath[data-v-4402f40a]{width:100%}#progresspath h2[data-v-4402f40a]{margin-bottom:20px}#progresspath .user-progress[data-v-4402f40a]{margin:0;padding:10px 0 0 0;counter-reset:step}#progresspath .user-progress li[data-v-4402f40a]{list-style-type:none;width:25%;float:left;font-size:12px;position:relative;text-align:center;color:#7d7d7d;margin-bottom:20px}#progresspath .user-progress li[data-v-4402f40a]:before{width:30px;height:30px;content:counter(step);counter-increment:step;line-height:25px;border:2px solid grey;display:block;text-align:center;margin:0 auto 10px auto;border-radius:50%;background-color:#fff}#progresspath .user-progress li[data-v-4402f40a]:after{width:100%;height:2px;content:"";position:absolute;background-color:#7d7d7d;top:15px;left:-50%;z-index:-1}#progresspath .user-progress li.active[data-v-4402f40a]{color:green;font-weight:700}#progresspath .user-progress li.active[data-v-4402f40a]:before{border-color:green}#progresspath .user-progress li.active+li[data-v-4402f40a]:after{background-color:green}#progresspath .user-progress li[data-v-4402f40a]:first-child:after{content:none}#progresspath .user-progress li a[data-v-4402f40a]{padding-left:6px;display:inline-block}@media screen and (max-width:768px){.flex-container[data-v-4402f40a]{flex-direction:column;justify-content:center}}.flex-container[data-v-64615b7f]{margin-bottom:30px}.oberstatus[data-v-64615b7f]{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;background-color:hsla(0,0%,100%,.5);padding:10px;border:1px solid #ddd;border-radius:5px;width:100%;margin:10px;flex:1 0}#dashboard1[data-v-64615b7f]{flex-basis:200px}#dashboard2[data-v-64615b7f]{flex:2 0;display:block}#greeting[data-v-64615b7f]{display:flex;align-items:center}#greeting .imgcon[data-v-64615b7f]{max-width:80px;max-height:80px;border-radius:50%;border:2px dashed #ddd;float:left;vertical-align:top;flex-shrink:0;position:relative}.imgcon .setting[data-v-64615b7f]{display:inline-block;position:absolute;top:50px;right:-10px;border-radius:50%;padding:4px;background-color:var(--green);color:#fff;line-height:0}.imgcon img[data-v-64615b7f]{width:100%;max-width:80px;max-height:80px;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:block;-o-object-fit:cover;object-fit:cover}.greetingtext[data-v-64615b7f]{padding:20px;text-align:justify;width:100%}@media screen and (max-width:768px){.flex-container[data-v-64615b7f]{flex-direction:column;justify-content:center}}a[data-v-367d5874]:hover{text-decoration:none}[data-v-367d5874]:target{margin:0}.header .header-text[data-v-367d5874]{display:table;text-align:center;width:100%;min-height:500px;margin-left:auto;margin-right:auto;vertical-align:bottom}.inner-text[data-v-367d5874]{display:table-cell;vertical-align:bottom;color:#fff}.inner-text p[data-v-367d5874]{font-size:20px;text-transform:capitalize;font-weight:300;color:#fff;margin-bottom:28px;position:relative;z-index:1}.inner-text h1[data-v-367d5874]{font-size:50px;text-transform:uppercase;font-weight:700;margin-bottom:30px;line-height:1;color:#fff}#reg-button[data-v-367d5874]{display:inline-block;padding:14px 45px;font-size:15px;font-weight:700;color:#fff;background-color:red;transition:all .4s ease-in-out;text-transform:capitalize;border:3px solid transparent;margin-bottom:30px;cursor:pointer}#reg-button[data-v-367d5874]:hover{border:3px solid #fff;background-color:#ff0;color:#000!important;transform:scale(1.2)}.para[data-v-367d5874]{background-image:url(../img/para.663b6ece.jpg);height:500px;position:relative;opacity:1;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.para .caption[data-v-367d5874]{position:absolute;left:0;top:40%;width:100%;text-align:center}.caption span.border[data-v-367d5874]{background-color:#fff;color:#000;font-size:50px;font-weight:bolder;padding:18px;letter-spacing:10px;mix-blend-mode:screen}.col30 img[data-v-367d5874]{display:block;max-width:100%}.flex-container[data-v-367d5874]{flex-wrap:nowrap}.steps[data-v-367d5874]{position:relative;margin:0 auto;height:100%;padding:0;overflow:hidden}.steps .steps-hl[data-v-367d5874]{margin:8px 0 16px;text-align:center;font-size:1.2rem;line-height:1.4rem}.steps .steps-mhl[data-v-367d5874]{font-weight:600;margin:8px 0 16px;color:var(--secondary);text-align:center;font-size:1.6rem;line-height:2rem}.steps .stepbox[data-v-367d5874]{width:300px;height:300px;display:flex;flex-direction:column;align-items:center;float:left;padding:10px;overflow:hidden}.steps .stepbox>p[data-v-367d5874]{text-align:center}.arrow[data-v-367d5874]:before{position:absolute;top:50%;content:">";font-weight:400;line-height:1;color:#999;font-size:25px;display:inline-block}.steps .stepimage[data-v-367d5874]{display:block;text-align:center;width:150px;height:150px;position:relative}.steps .stepimage img[data-v-367d5874]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.steps .stepnumber[data-v-367d5874]{position:absolute;width:35px;height:35px;line-height:35px;color:#f5f5f5;border-radius:50%;text-align:center;background-color:var(--secondary);font-size:15px;left:-10px;bottom:-10px}.steps .stepboxhl[data-v-367d5874]{font-weight:600;position:relative;display:block;margin:16px 0;color:#0a3847;font-size:18px;text-align:center}.containmax .col30[data-v-367d5874]{height:400px}.appcaption[data-v-367d5874]{font-size:25px;font-weight:700;color:#fff;margin-bottom:50px}.applogos a[data-v-367d5874]{display:inline-block}.applogos img[data-v-367d5874]{max-width:150px}.appimg[data-v-367d5874]{height:100%;overflow:hidden}.appimg img[data-v-367d5874]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.containmax .container[data-v-367d5874]{padding-bottom:0}#pic-end[data-v-367d5874]{order:2}#pic-end>img[data-v-367d5874]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:768px){.para[data-v-367d5874]{height:300px}#cards[data-v-367d5874],.steps .flex-container[data-v-367d5874]{flex-wrap:wrap}.stepbox[data-v-367d5874]{flex-basis:100%;flex-grow:1}.arrow[data-v-367d5874]{display:none}.appcaption[data-v-367d5874]{font-size:1.2rem}.main-end[data-v-367d5874]{flex-direction:column}#pic-end[data-v-367d5874]{height:300px}}@media screen and (max-width:400px){.appcaption[data-v-367d5874]{font-size:1rem}h1[data-v-367d5874]{font-size:2rem}h2[data-v-367d5874]{font-size:1.7rem}}.step-form[data-v-02a84059]{height:90vh;position:relative;overflow:hidden}.step-form .step-formbox[data-v-02a84059]{position:absolute;width:100%;padding:0 20px;box-sizing:border-box;transition:.5s}.step-formbox .step-grid[data-v-02a84059]{display:grid;grid-template-columns:1fr 3fr;justify-items:stretch;grid-gap:10px}.step-formbox .step-content[data-v-02a84059],.step-formbox .step-descripton[data-v-02a84059]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.step-formbox .step-content p[data-v-02a84059]{margin:0 10px}.step-form .step-formbox h3[data-v-02a84059]{text-align:center;margin:30px 0;color:#777}.step-form .step-btns[data-v-02a84059]{margin:30px auto;display:flex;align-items:center;text-align:center;float:right;position:absolute;right:0;bottom:0}.step-form .step-btns button[data-v-02a84059]{width:110px;height:35px;margin:0 10px;background-color:var(--green);border-radius:30px;border:0;color:#fff;cursor:pointer;padding:inherit}.step-row[data-v-02a84059]{width:100%}.progess[data-v-02a84059]{float:left;height:0;border-bottom:4px solid green;width:0;transition:width 1s}input[type=text][data-v-02a84059],textarea[data-v-02a84059]{margin-top:inherit;margin-bottom:0}.searchEnd[data-v-02a84059]{width:33%;margin-right:20px}.searchEnd[data-v-02a84059]:last-child{margin-right:0}.participant[data-v-02a84059]{width:40%;box-shadow:none;border:none;height:40px;padding:0;border-bottom:1px solid #333;border-radius:0}@media screen and (max-width:400px){.step-formbox .step-grid[data-v-02a84059]{grid-template-columns:1fr}}.chat-container[data-v-152364f8]{display:grid;grid-template-columns:1fr 2fr;grid-gap:40px;height:90vh}.chat-container .left .people[data-v-152364f8]{margin-left:-1px;border-right:1px solid var(--light);border-left:1px solid var(--light);width:calc(100% + 2px);list-style:none}.chat-container .left .people .person[data-v-152364f8]{position:relative;width:100%;padding:12px 10% 16px;cursor:pointer;background-color:var(--white)}.chat-container .left .people .person[data-v-152364f8]:after{position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;content:"";background-color:var(--light);transform:translate(-50%)}.chat-container .left .people .person img[data-v-152364f8]{float:left;width:40px;height:40px;margin-right:12px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-container .left .people .person .name[data-v-152364f8]{font-size:14px;line-height:22px;color:var(--dark);font-family:Source Sans Pro,sans-serif;font-weight:600}.chat-container .left .people .person .time[data-v-152364f8]{font-size:14px;position:absolute;top:16px;right:10%;padding:0 0 5px 5px;color:#555;background-color:var(--white)}.chat-container .left .people .person .preview[data-v-152364f8]{font-size:14px;display:inline-block;overflow:hidden!important;width:70%;white-space:nowrap;text-overflow:ellipsis;color:#555}.chat-container .left .people .person.active[data-v-152364f8],.container .left .people .person[data-v-152364f8]:hover{margin-top:-1px;margin-left:-1px;padding-top:13px;border:0;background-color:var(--blue);width:calc(100% + 2px);padding-left:calc(10% + 1px)}.chat-container .left .people .person.active span[data-v-152364f8],.container .left .people .person:hover span[data-v-152364f8]{color:var(--white);background:transparent}.chat-container .left .people .person.active[data-v-152364f8]:after,.container .left .people .person[data-v-152364f8]:hover:after{display:none}.chat-container .right[data-v-152364f8]{height:100%;position:relative}.container .right .top[data-v-152364f8]{width:100%;height:47px;margin-bottom:40px;padding:15px 29px;background-color:#eceff1}.container .right .top span[data-v-152364f8]{font-size:15px;color:#555}.container .right .top span .name[data-v-152364f8]{color:var(--dark);font-family:Source Sans Pro,sans-serif;font-weight:600}.chat-container .right .bubble[data-v-152364f8]{font-size:16px;position:relative;display:inline-block;clear:both;max-width:300px;width:100%;margin-bottom:8px;padding:13px 14px 38px;vertical-align:top;border-radius:5px}.chat-container .right .bubble[data-v-152364f8]:before{position:absolute;top:19px;display:block;width:8px;height:6px;content:"\00a0";transform:rotate(29deg) skew(-35deg)}.chat-container .right .systeminfo[data-v-152364f8]{font-size:16px;position:relative;display:inline-block;clear:both;width:100%;margin-bottom:40px}.chat-container .right .systeminfo .timestamp[data-v-152364f8]{margin-right:12px;position:absolute;right:0;top:50%;height:25px}.chat-container .right .bubble img[data-v-152364f8]{width:50px;height:50px;margin-right:12px;border-radius:50%;position:absolute;right:-20px;top:-20px;border:2px solid #333;-o-object-fit:cover;object-fit:cover}.chat-container .right .bubble .timestamp[data-v-152364f8]{margin-right:12px;position:absolute;right:0;bottom:0;height:25px}.chat-container .right .bubble.you[data-v-152364f8]{float:left;color:var(--white);background-color:var(--blue);align-self:flex-start;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.chat-container .right .bubble.you[data-v-152364f8]:before{left:-3px;background-color:var(--blue)}.chat-container .right .bubble.me[data-v-152364f8]{float:right;color:var(--dark);background-color:#eceff1;align-self:flex-end;-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.chat-container .right .bubble.me[data-v-152364f8]:before{right:-3px;background-color:#eceff1}.chat-container .right .messagesend[data-v-152364f8]{position:absolute;bottom:0;width:100%}