.vCardGen{width:100%;font-family:inherit}.vCardGen h1,.vCardGen h2,.vCardGen h3,.vCardGen h4{color:inherit}.vCardGen .qrcode-svg-box{max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.vCardGen .qrcode-svg-box .vCardGen_parent{box-sizing:border-box;display:inline-block;width:auto;margin:4px;padding:0;width:256px;height:256px}.vCardGen .qrcode-svg-box .vCardGen_parent #vCardGen_qrcode_svg{margin:0;padding:0;box-sizing:border-box;width:252px;height:252px;background-color:#efefef;border:solid 22px white}.vCardGen .vCardGen_actions{padding:10px;visibility:hidden;height:0;background-color:#ff5900;margin:0 0 10px}.vCardGen .vCardGen_actions span{margin:4px}.vCardGen .vCardGen_actions button{padding:4px}.vCardGen .vCardGen_actions.active{visibility:unset;height:unset}.vCardGen .accordion{margin-bottom:8px;border:1px solid #333;border-radius:4px;overflow:hidden;background-color:transparent;max-width:400px}.vCardGen .accordion .accordion-header{width:100%;background-color:#2a2a2a;border:none;padding:12px 16px;text-align:left;cursor:pointer;font-size:16px;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.vCardGen .accordion .accordion-header i:first-child{margin-right:8px;color:#cecece}.vCardGen .accordion .accordion-header .accordion-icon{transition:transform .3s ease;color:#cecece}.vCardGen .accordion .accordion-header:hover,.vCardGen .accordion .accordion-header.active{background-color:#333}.vCardGen .accordion .accordion-header.active .accordion-icon{transform:rotate(180deg)}.vCardGen .accordion .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px}.vCardGen .accordion .accordion-content.active{max-height:2000px;padding:16px}.vCardGen .vCardGen_form{box-sizing:border-box;margin:0;padding:0;height:auto}.vCardGen .vCardGen_form .input_hover,.vCardGen .vCardGen_form .input-container:hover input,.vCardGen .vCardGen_form .input-container:hover textarea,.vCardGen .vCardGen_form .input-container:hover select,.vCardGen .vCardGen_form .input-container:active input,.vCardGen .vCardGen_form .input-container:active textarea,.vCardGen .vCardGen_form .input-container:active select,.vCardGen .vCardGen_form input.filled,.vCardGen .vCardGen_form select.filled,.vCardGen .vCardGen_form textarea.filled,.vCardGen .vCardGen_form input:not(:placeholder-shown),.vCardGen .vCardGen_form select:not(:placeholder-shown),.vCardGen .vCardGen_form textarea:not(:placeholder-shown){background-color:#cecece0d;color:unset;border:solid 1px #404654}.vCardGen .vCardGen_form button{position:relative;padding:8px 12px;font-size:16px;cursor:pointer;border:none;background-color:#cecece;border-radius:4px}@media only screen and (max-width: 630px){.vCardGen .vCardGen_form button{padding:8px 12px}}.vCardGen .vCardGen_form .input-container{box-sizing:border-box;position:relative;display:inline-block;width:100%;max-width:400px}.vCardGen .vCardGen_form .input-container.search:before{content:"\1f50d"}.vCardGen .vCardGen_form .input-container.vCardGen_fname:before{content:"\f007"}.vCardGen .vCardGen_form .input-container.vCardGen_lname:before{content:"\f0c0"}.vCardGen .vCardGen_form .input-container.vCardGen_phone:before{content:"\f095"}.vCardGen .vCardGen_form .input-container.vCardGen_mobile:before{content:"\f3cd"}.vCardGen .vCardGen_form .input-container.vCardGen_email:before{content:"\f0e0"}.vCardGen .vCardGen_form .input-container.vCardGen_web:before{content:"\f57d"}.vCardGen .vCardGen_form .input-container.vCardGen_web1:before{content:"\f57d"}.vCardGen .vCardGen_form .input-container.vCardGen_web2:before{content:"\f7a2"}.vCardGen .vCardGen_form .input-container.vCardGen_web3:before{content:"\f57c"}.vCardGen .vCardGen_form .input-container.vCardGen_company:before{content:"\f1ad"}.vCardGen .vCardGen_form .input-container.vCardGen_title:before{content:"\f508"}.vCardGen .vCardGen_form .input-container.vCardGen_address:before{content:"\f3c5"}.vCardGen .vCardGen_form .input-container.vCardGen_city:before{content:"\f64f"}.vCardGen .vCardGen_form .input-container.vCardGen_state:before{content:"\f3ed"}.vCardGen .vCardGen_form .input-container.vCardGen_country:before{content:"\f024"}.vCardGen .vCardGen_form .input-container.vCardGen_zip:before{content:"#"}.vCardGen .vCardGen_form .input-container.vCardGen_notes:before{content:"\f328"}.vCardGen .vCardGen_form .input-container.vCardGen_error:before{content:"\f188"}.vCardGen .vCardGen_form .input-container.vCardGen_validation:before{content:"\f00c"}.vCardGen .vCardGen_form .input-container:before{position:absolute;left:6px;top:30%;transform:translateY(-25%);font-size:16px;font-family:FontAwesome;color:#666}.vCardGen .vCardGen_form .input-container:after{content:" ";position:absolute;right:10px;top:25%;transform:translateY(-25%);font-size:26px;font-family:FontAwesome;color:#cecece}.vCardGen .vCardGen_form .input-container.invalid:after{top:20%;content:"\f057";content:"\2718";color:#ff5900}.vCardGen .vCardGen_form .input-container:hover:before,.vCardGen .vCardGen_form .input-container:active:before{color:#fff;color:#404654}.vCardGen .vCardGen_form input,.vCardGen .vCardGen_form select,.vCardGen .vCardGen_form textarea{box-sizing:border-box;display:inline-block;width:100%;padding:8px 8px 8px 30px;margin-bottom:8px;font-size:16px;border:1px solid #ddd;border-radius:4px;background-color:#fff}@media only screen and (max-width: 630px){.vCardGen .vCardGen_form input,.vCardGen .vCardGen_form select,.vCardGen .vCardGen_form textarea{margin-bottom:4px}}.vCardGen .vCardGen_form input:invalid,.vCardGen .vCardGen_form select:invalid,.vCardGen .vCardGen_form textarea:invalid{border:1px solid red}.vCardGen .vCardGen_form textarea{resize:vertical;height:100px}.vCardGen .vCardGen_form input[type=hidden],.vCardGen .vCardGen_form input[type=file]{margin:0!important;padding:0!important;width:0!important;height:0!important}.vCardGen .vCardGen_form button:after{position:absolute;left:6px;top:6px;visibility:hidden;content:"\f111";color:#fff;z-index:99;font-family:FontAwesome;font-size:6px}.vCardGen .vCardGen_form button:hover{background-color:#ff5900}.vCardGen .vCardGen_form button:hover:after{visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/10/assets/vCardGen.scss.css.map */