@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#app{height:100%;font-family:Rubik;font-size:10px;background:#f2f5fa;color:#202223}@media only screen and (max-width:413px){#app{font-size:8px;overflow:scroll}}*{font-family:Rubik}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:10px;background:rgba(32,34,35,.12549019607843137)}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(32,34,35,.25098039215686274)}.prepend{display:flex;flex-direction:row}.errorMsg{display:flex;color:#202223;font-size:3em;font-weight:600;justify-content:center;align-items:center;min-height:75vh;text-align:center}.errorMsg h1{margin-top:-5em}h2{font-weight:500;font-size:2.4em;margin:25px 0 0 28px;line-height:28px;pointer-events:none}.username{margin:0 0 15px 27px}.catchphrase{margin:0 0 21px 27px;color:#51c5ff}.address,.bs,.business,.email,.phone,.website{display:flex;flex-direction:row;align-items:center;margin:0 0 13px 29.5px}.address img,.bs img,.business img,.email img,.phone img,.website img{width:20px;height:20px}.email img{margin:0 17px 0 0}.address img{margin:-49px 17px 0 0}.phone img{margin:0 17px 0 0}.business img,.website img{margin:0 18px 0 -1px}.bs img{margin:-30px 18px 0 -1px}.bs p:first-letter{display:block;text-transform:capitalize}p{font-weight:400;font-size:1.6em;line-height:25px;pointer-events:none}.top{background:#fff;height:91px;width:100%}.btn-bar{width:82.43vw;margin:78px auto 33px auto;justify-content:space-between;position:relative}.btn-bar,.btn-bar button{display:flex;flex-direction:row;align-items:center}.btn-bar button{background:#fff;border:none;border-radius:4px;height:50px;width:222px;justify-content:center;cursor:pointer}.btn-bar p{font-size:16px;font-weight:400}.arrow{margin-left:30px;height:0;width:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #5c5f62}.sort{position:relative}.options{margin-top:4px;padding:8px 10px 8px 10px;background:#fff;border-radius:4px;position:absolute;display:flex;flex-direction:column;justify-content:center;text-align:left;height:100px;width:202px;z-index:999}.options option{padding:12.5px 23px 12.5px 8px;width:170px;font-size:1.6em;font-weight:400;height:36px}.options option:hover{background-color:#f6f6f7;border-radius:4px;cursor:pointer}#searchbar{width:546px;font-size:1.6em;font-weight:400;padding:15.5px 0 15.5px 10px;border:none;background:#fff;border-radius:0 8px 8px 0;border-left:none;cursor:pointer}::-moz-placeholder{color:#202223;opacity:1}:-ms-input-placeholder{color:#202223;opacity:1}::placeholder{color:#202223;opacity:1}#searchbar:focus{outline:none}.search img{cursor:pointer;background-color:#fff;border-radius:8px 0 0 8px;padding:1.8em 0 1.6em 2.2em;border-right:none;margin-bottom:-.17em}.home{display:flex;flex-direction:row;max-width:82.43vw;flex-wrap:wrap;gap:43.5px;margin:0 auto}.customer{margin:auto}.card{background:#fff;position:static;width:363px;height:757px;border-radius:8px;flex:none;flex-grow:0;margin:67px 0 0 0}.missing img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;margin-left:auto;margin-right:auto}.missing,.missing img{border-radius:8px 8px 0 0}.missing{width:362px;height:289px;position:relative}.missing:hover #showbuttons{display:flex}#showbuttons{justify-content:center;top:0;align-items:center;position:absolute;display:none;background:rgba(0,0,0,.27);width:100%;height:100%;border-radius:8px 8px 0 0}.edit{color:#1575bf;background:#fff;margin-right:15px}.edit,.view{border:none;border-radius:4px;width:65px;height:40px}.view{color:#fff;background:#1575bf}.username a{font-weight:400;font-size:1.6em;line-height:25px;text-decoration:none;margin-bottom:15px}.username a,.username a:visited{color:#909090}.email a,.website a{font-weight:400;font-size:1.6em;line-height:25px;text-decoration:none;color:#202223}.email a:visited,.website a:visited{color:#202223}.edit:hover,.view:hover,a:hover{transform:scale(1.03);cursor:pointer}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .4s ease-in-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-4px);opacity:0}@media only screen and (max-width:1100px){#searchbar{width:321px}.sort button{width:199px}.options{width:179px}.options option{width:147px}.arrow{margin-left:10px}}@media only screen and (max-width:940px){h1{margin:0 20px;font-size:.8em}.top{height:65px}.btn-bar{width:367px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0}.options{width:179px;margin:4px 0 24px 46%}.options option{width:147px}.sort button{margin:34px 0 0 46%}.sort{width:100%}.card{width:368px;height:360px;margin:0 auto 26px;position:relative}.missing,.missing img{width:112px;height:116px;border-radius:8px}.missing{position:absolute;top:20px;right:19px}h2{padding-top:20px;font-size:1.8em;max-width:15ch}a,p{font-size:1.3em;line-height:15px}.address img,.bs img,.business img,.email img,.phone img,.website img{width:13px;height:13px}.address img{margin:-29px 17px 0 0}.bs img{margin:0 18px 0 -1px}.username{margin:0 0 22px 27px}.catchphrase{margin:5px 0 26px 27px;color:#51c5ff;line-height:18px;max-width:25ch}.email{margin-bottom:15px}.email a,.username a,.website a{font-size:1.3em;line-height:15px}.edit,.view{width:35px;height:25px;font-size:11px;margin:5px 0}#showbuttons{border-radius:8px;flex-direction:column}}@media only screen and (max-width:414px){.card{margin:0 26px 26px -12px}}@media only screen and (max-width:413px){.card{width:300px;height:400px;margin:0 auto 26px}h2{max-width:10ch}.catchphrase{max-width:15ch}#searchbar{width:260px}.options{margin:4px 0 24px 33%}.sort button{margin:34px 0 24px 33%}.sort{width:80%}.search img{padding:1.7em 0 2.2em 2.2em}}