@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dosis:wght@400;500&family=Open+Sans&family=Pacifico&family=Poppins&family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body.modal-open nav.main-header{width:100%}.mt-20{margin-top:20px}.App{background-color:#0a0a0a;color:#fff;min-height:100vh}.App>*{max-width:500px!important;margin-left:auto!important;margin-right:auto!important}.App .notifications-component{max-width:500px;left:50%;transform:translateX(-50%)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.manage-subscription-content-modal{background-color:#1d1d1f!important;border-radius:30px!important;margin:10px;height:300px!important;display:flex}.heading-container{display:flex;justify-content:space-between;align-items:center}.subscription-modal-body{display:flex;justify-content:space-between;flex-direction:column}.displayFlex{margin-bottom:10px}.subscription-btn{border-radius:15px!important;height:60px}.subscription-btn,.subscription-second-btn{text-align:center;font-size:16px!important;width:100%!important;font-family:"Poppins";font-weight:600!important;padding:0!important;line-height:20.86px;margin:0;color:#fff}.subscription-second-btn{border-radius:13px!important;height:40px}.subscription-second-btn.pause{height:60px}.subcription-cancel{background:none;border:none}.subscription-text{font-size:18px;font-family:"Poppins";font-weight:600;line-height:20.86px;margin:0!important;color:#fff;text-align:center}.subscription-text.right{margin-right:5px}.subscription-text.lightColor{color:#eaeaea!important}.subscription-text.blueColor{color:#2e81ff!important}.subscription-text.redColor{color:#bf3131!important}.subscription-text.light{font-weight:400}.subscription-text.veryLight{font-weight:300}.subscription-text.bottom{margin-bottom:10px}.subscription-text.smallFont{font-size:14px}.subscription-text.removeLineHeight{line-height:0!important}.subscription-text.mediumFont{font-size:16px}.subscription-text.heading{font-size:20px}.subscription-text.underline{text-decoration:underline}.bFdOln{height:450px!important}.main-stripe-modal-content{border-radius:20px!important;border:none!important;outline:none!important;background-color:initial!important;display:flex;justify-content:center;align-items:center}.main-stripe-modal-body{padding:0!important;max-height:650px;max-width:400px;border-radius:30px!important;overflow:auto}.stripe-main{padding-top:4.21rem;padding-bottom:3rem;min-height:100vh}.stripe{background:linear-gradient(#1d1d1f,#0f0f43)}.stripe,.stripe-container{justify-content:center;align-items:center}.stripe-container{display:flex;padding:1.8rem;flex-direction:column}.stripe-container_tag{font-size:.9rem;font-weight:600;line-height:1.5rem;text-align:center;font-family:"Poppins",sans-serif;margin:0;color:#fff;padding:5px}.stripe-container_head{font-size:1.44rem;font-weight:200;line-height:1.5rem;color:#fff}.stripe-container_head-bold{font-size:1.92rem;font-weight:700;color:#eaeaea;text-align:center;line-height:1.5rem}.stripe-label{display:flex;justify-content:center;align-items:center;background-color:#404040;height:38px;width:267px;border-radius:16px}.stripe-check{padding:0 35px;flex-direction:column;justify-content:center;align-items:flex-start}.stripe-check-box{display:flex;flex-direction:row}.stripe-check-box_circle{color:#1c96dd;height:18px;width:18px;margin:5px 10px 5px 5px}.stripe-check-box_text{font-size:1.33rem;font-weight:600;line-height:25.03px;font-family:"Poppins",sans-serif;color:#fff}.stripe-check-box_text.first{margin:0;line-height:1.3}.stripe-check-box_subtext{font-size:.9rem;font-weight:400;padding-left:20%}.stripe-check-box_subtext,.stripe-check_priceline{line-height:25.03px;font-family:"Poppins",sans-serif;color:#fff}.stripe-check_priceline{font-size:1.2;font-weight:500}.stripe_text{font-size:13px;font-weight:400;font-family:"Poppins",sans-serif;color:#fff}.try-btn{height:60px;border-radius:15px!important;margin:0!important}.react-btn,.try-btn{width:300px;font-weight:600!important}.pricelineTag{font-size:1.2;font-weight:500;line-height:25.03px;font-family:"Poppins",sans-serif;color:#fff}.closed-icon{top:20px}.subscribption-main{min-height:100vh;padding-top:4.21rem!important}.subscribption{padding:2px 30px 30px;background:linear-gradient(#1d1d1f,#0f0f43)}.subscribption,.subscribption-container{justify-content:center;align-items:center}.subscribption-container{display:flex;flex-direction:column}.subscribption-container_content{display:flex;flex-direction:row}.subs-check{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fbfbfb}.subs-check-box{display:flex;flex-direction:row}.subs-check-box_circle{color:#1c96dd;height:18px;width:18px;margin:5px 10px 5px 5px}.subs-check-box_text{font-size:24px;font-weight:600;line-height:25.03px}.displayFlex{display:flex;justify-content:center;align-items:center}.displayFlex.last{margin-bottom:20px}.displayFlex.head{margin-top:20px}.displayFlex.alignItemStart,.displayFlex.flexStart{justify-content:flex-start}.displayFlex.column{flex-direction:column}.displayFlex.space_between{justify-content:space-between}.displayFlex.space_around{justify-content:space-around}.payment-method-container{width:100%;height:64px;margin-bottom:15px;border-radius:15px;border:1px solid #8e9195}.payment-method-container.selected{border:3px solid #2e81ff}.payment_types{width:48%;height:64px;margin-top:10px;padding:5px 10px;margin-bottom:20px;border-radius:15px;border:1px solid #8e9195}.payment_types.selected{border:3px solid #2e81ff}.normal-text{font-size:20px;color:#fbfbfb!important;margin:0;text-align:center;font-family:"Poppins",sans-serif}.normal-text.bold{font-weight:600!important}.normal-text.heading{margin-top:35px}.normal-text.sub-heading{margin-top:20px}.normal-text.main-heading{margin-top:55px}.normal-text.light-color{color:#93a1a9}.normal-text.bottom{margin-bottom:35px}.normal-text.light{font-weight:400!important}.normal-text.medium{font-size:15px}.normal-text.small{font-size:8px}.normal-text.alignText{text-align:left}.footer-text{font-size:11px;color:#828a9a;margin:0;text-align:center;flex-direction:row;font-family:"Poppins",sans-serif}.icon-container{margin-right:10px;width:35px;color:#fbfbfb;height:35px}.react-btn{height:60px;border-radius:15px!important;width:100%;align-items:center;margin-top:30px;margin-bottom:35px}.back-btn-container,.react-btn{display:flex;justify-content:center}.back-btn-container{margin-top:20px;margin-bottom:20px}.back-btn{color:#fff;align-self:center;position:absolute;left:30px;cursor:pointer}.payment-method-inner-container{width:100%;height:64px;margin-bottom:15px;border-radius:15px;border:1px solid #8e9195}.payment-method-inner-container.selected{border:3px solid #2e81ff}.stripe-btn-container{width:100%;margin-top:30px;margin-bottom:25px}.icon-main-container{width:35px;height:24px;color:#fff}.apple-btn-container{width:"100%";height:142px;background-color:#31405e;border-radius:10px;margin-top:10px;padding:19px}.apple-btn{height:51px;width:100%;background-color:#1c1c1c!important;border-radius:15px!important;outline:none;border:none!important;font-weight:600!important;font-family:"Poppins"}.apple-btn-inner-container{width:100%;height:100%}.go-back-btn{height:51px;width:100%;background-color:#454545!important;border-radius:15px!important;border:none!important;margin-top:23px;font-weight:600!important;font-family:"Poppins"}.apple-footer{margin:23px 0 0;text-align:justify;font-size:14px;font-family:"Poppins";font-weight:400;line-height:14px;color:#828a9a}.stripe-payment-amount-container{margin:15px 0;display:flex}.stripe-payment-offer-container{background-color:green;width:100%;border-radius:5px;padding:5px 15px!important;display:flex}.stripe-promo-text{font-size:16px;font-family:"Poppins";font-style:italic}.stripe-promo-text.underline{text-decoration:underline}.stripe-promo-text.left{margin-left:5px}.stripe-promo-text.normalStyle{font-style:normal!important}.remove-promo-btn{height:20px;width:20px;border-radius:50%;background-color:red;display:flex;justify-content:center;align-items:center;align-self:center;padding:0}#lottie{background-color:#151515!important;width:100vw;height:100vh;padding:20vh 20vw;display:block;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0);text-align:center;opacity:1;z-index:1001}.switch-btn{width:100%;height:32px;font-size:15px!important;border-radius:9px!important;padding:0!important;margin-bottom:10px}.heading-text-container{margin-top:20px;margin-bottom:14px}.heading-text{font-size:24px;font-family:"Poppins";font-weight:700;line-height:25.03px;margin:0}.heading-text.light{font-weight:400;margin-right:5px}.heading-text.veryLight{font-weight:300;font-size:18px}.heading-text.underline{text-decoration:underline}.heading-text.redColor{color:#bf3131}.manage-subscription{font-size:17px;font-family:"Poppins";font-weight:300;margin:14px 0 20px}.manage-subscription.underline{text-decoration:underline}.card-list-container{width:100%;border-radius:15px;border:1px solid #8e9195;height:64px;margin-top:15px;padding:12px}.card-list-container.defaultMethod{border:1px solid #416aa7}.edit-icons{display:flex;margin-left:auto;align-items:center}.default-btn{background-color:red;padding:2px 8px;border-radius:4px;background-color:#414344;color:#fff;font-size:11px!important}.four-dot{margin-left:8px;margin-right:8px}.user-details{font-size:15px;font-weight:400;line-height:15.64px;margin:10px 0;width:40%;color:#b3b3b3}.user-details.user-info{width:70%}.edit-icon{margin-right:4px}.confirm-delete-content-modal{background-color:#1d1d1f!important;border-radius:20px!important;margin:10px}.confirm-btn-container{margin-top:20px}.confirmation-btn{width:45%;height:40px;border-radius:10px!important;font-family:"Poppins"}.moreOptions{padding:2px}.promo-modal-input-form-container{display:flex;justify-content:center;align-items:center}.promo-modal-input-form-container input{color:#d3d3d3;background-color:#464646!important;border-radius:6px!important;border-width:1px!important;overflow:hidden;transition:all .3s ease-in-out}.promo-modal-input-form-container input:focus{color:#d3d3d3!important;box-shadow:none;border:1px double transparent;border-radius:6px!important;background-image:linear-gradient(#464646,#464646),linear-gradient(180deg,#567df4,#6200ee);background-origin:border-box;background-clip:padding-box,border-box}.promo-modal-input-form-container .input-group-append{padding:10px;position:absolute;right:0;height:100%;z-index:10}.promo-modal-input-form{height:3rem;margin-top:1.1rem!important}.main-header{background-color:#262628;border-radius:0 0 12px 12px;height:70px;position:fixed!important;width:100%;max-width:unset!important;top:0;left:50%;transform:translateX(-50%);z-index:1000}.navbar{justify-content:space-between!important}.navbar-brand{height:55%;position:absolute;left:50%;transform:translateX(-50%);display:flex!important;align-items:center;justify-content:center;margin-right:0!important}.navbar-toggle{border:none!important;margin-right:25%;cursor:pointer}.App .nav-link{background-color:initial!important;border-color:#fff;padding-top:1.8px!important;padding-bottom:2.5px!important;font-weight:700!important;font-size:.8rem!important}#share-button{font-size:14px;position:relative}#link-button{background-color:hsla(0,0%,100%,.4)!important;border:none!important;border-radius:15px;height:35px;font-size:1.4rem!important}.main-header .hamburger-icon{fill:#fff;width:26px;height:24px}.openNavBar .modal-dialog{margin:1rem}.openNavBar .tappy-logo{height:30px}.openNavBar .modal-content{background-color:#272727!important;color:#d3d3d3!important;box-shadow:none;overflow:hidden;border:3.5px double transparent;border-radius:12px!important;background-image:linear-gradient(#272727,#272727),linear-gradient(180deg,#567df4,#6200ee);background-origin:border-box;background-clip:padding-box,border-box;width:310px}.openNavBar .profile-declaration{font-size:11px;text-align:center}.openNavBar .modal-body{padding:0 1rem;background-color:#1d1d1f}.openNavBar .modal-body>a{display:block;color:#fff!important;margin:24px 10px;padding:0;letter-spacing:.15px;font-weight:700;cursor:pointer;font-size:18px;line-height:25px}.openNavBar .modal-header{border:none;flex-direction:row;background-color:#1d1d1f}.openNavBar .modal-header a{height:90%;flex:1 1;display:flex}.openNavBar .modal-header a img{height:85%}.openNavBar .modal-header button.close{display:flex;width:33px;height:33px;border-radius:50%;background-color:#d1d1d1;opacity:1;margin:0;padding:0;border:0;align-self:center;justify-content:center;align-items:center;overflow:hidden}.openNavBar .modal-header button.close span{text-shadow:none;height:100%;font-weight:400;font-size:30px}.openNavBar .modal-header button.close span.sr-only{display:none}.openNavBar .modal-footer{border:none}.shop-tappy-btn{width:259px;height:36px;border-radius:8px!important;background-color:#2e81ff!important;box-shadow:0 4px 4px rgba(0,0,0,.4);margin-bottom:15px;border:0!important;padding:0}.shop-tappy-btn.get{background-color:#193052!important}.shop-tappy-btn:focus{box-shadow:2px 6px 6px rgba(0,0,0,.8)!important}.shop-tappy-footer{color:#e4e4e4;font-size:17px;font-weight:700;padding:0;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-underline-offset:4px;margin:0 0 10px}.shop-tappy-footer.support{margin-top:12px}.shop-tappy-footer-social-icons-container{display:flex;width:38%;justify-content:space-between;margin-top:60px;margin-bottom:20px}.logout-btn{font-size:15px!important}.shop-tappy-footer-border{border-bottom:2px solid #193052;margin-bottom:25px;width:140%;margin-left:-20%}.openQRCode{position:absolute;opacity:1;top:0;left:50%;transform:translateX(-50%);z-index:10000;width:100vw;height:100vh;max-width:unset!important;align-items:center;justify-content:center;background:rgba(0,0,0,.4);transition:all .3s ease-in-out}.openQRCode.hidden{display:none}.openQRCode.hidden .modal-content{opacity:0}.openQRCode.show{display:flex}.openQRCode.show .modal-content{opacity:1}.openQRCode .tappy-logo{height:30px;position:absolute}.openQRCode .modal-content{background-color:#272727!important;color:#d3d3d3!important;box-shadow:none;border:3.5px double transparent;border-radius:12px!important;background-image:linear-gradient(#272727,#272727),linear-gradient(180deg,#567df4,#567df4);background-origin:border-box;background-clip:padding-box,border-box;min-height:400px;position:relative;display:flex;flex-direction:column;width:100%;max-width:400px;pointer-events:auto;outline:0;transition:all .4s ease-in-out}.openQRCode .modal-body{padding:1rem}.openQRCode .modal-body>a{display:block;color:#fff!important;background-color:#fff;padding:15px;letter-spacing:.15px;border-radius:10px;font-weight:700;cursor:pointer;font-size:18px;line-height:30px}.openQRCode .modal-header{border:none;height:70px;flex-direction:row-reverse}.openQRCode .modal-header a{width:calc(100% - 50px);height:90%;padding-right:36px;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.openQRCode .modal-header a img{height:90%}.openQRCode .modal-header button.close{display:flex;width:35px;height:35px;background-color:#d1d1d1!important;border-radius:50%;margin:0;padding:0}.openQRCode .modal-header button.close span{text-shadow:none;width:100%;height:100%;font-weight:400;font-size:30px}.openQRCode .modal-header button.close span.sr-only{display:none}.openQRCode .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:0}.openQRCode .modal-body a{margin:0 0 1rem}.openQRCode .modal-footer{border:none}.add-new-tappy__modal .modal-dialog{border:3px solid #5258ec!important;border-radius:25px!important}.add-new-tappy__modal .modal-header{background-color:#141414;border:none;padding:.25rem 1rem;border-radius:20px 20px 0 0}.add-new-tappy__modal .modal-header button{color:#fff;opacity:1}.add-new-tappy__modal .modal-content{border-radius:25px}.add-new-tappy__form{display:flex;flex-direction:column;margin-bottom:1rem}.add-new-tappy__form input{border:2px solid #d3d3d3;background-color:#464646!important}.add-new-tappy__form input:focus{color:#d3d3d3!important;border:2px solid #5258ec;background-color:#464646!important}.add-new-tappy__form label{margin-bottom:.25rem}.add-new-tappy .modal-dialog{background-color:#141414}.add-new-tappy__header{font-size:22px;font-weight:700;margin-bottom:.5rem}.add-new-tappy-content{padding:1.5rem;background-color:#141414;color:#fff;border-radius:0 0 20px 20px}.add-new-tappy-serial-number{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem}.add-new-tappy-serial-number button{height:2.5rem;font-weight:700;position:relative;top:6px;background-color:#5258ec;letter-spacing:1px;font-size:14px;border:none!important}.add-new-tappy-serial-number button svg{width:1.5rem;margin-right:.5rem}.add-new-tappy-serial-number label{margin-bottom:.25rem}.add-new-tappy-serial-number .form-group{width:48%}.your-tappys{display:flex;flex-direction:column}.your-tappys__header{margin-bottom:.5rem;font-weight:300}.your-tappys .tappy-card-entry{display:flex;justify-content:space-between;padding:0 .5rem}.your-tappys .tappy-card-entry svg{background-color:#000;margin-left:3rem}.your-tappys .purchase-tappy a{text-decoration:none;color:#6c757d!important}.remove-tappy-button__wrapper{display:flex;justify-content:center;align-items:center}.remove-tappy-button__wrapper button{margin:0 1rem;width:6rem;text-transform:uppercase;padding:0 .25rem;letter-spacing:1px}.remove-tappy-button__wrapper .remove-tappy-btn{background-color:#eb5757;border:1px solid #eb5757}.remove-tappy-button__wrapper .cancel-tappy-btn{background-color:#fff;border:1px solid #575757;color:#575757}.remove-tappy__wrapper{border:1px solid red;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border-radius:6px}.remove-tappy__wrapper span{font-size:14px;margin-bottom:.5rem}.homepage{height:100%;margin:0 5%;padding-top:6rem}.homepage-title{font-size:70px;font-weight:700;display:flex;flex-direction:row;color:#000}.homepage-title-tm{font-size:30px;margin-top:2rem}.homepage-title__wrapper{display:flex;flex-direction:column;text-align:left;margin:32% 10% 0}.homepage-subtitle{color:#7b7f9e}.homepage .homepage-container{width:100%;display:flex;justify-content:center;align-items:center}.homepage .homepage-call-to-action__wrapper{display:flex;flex-direction:row;margin-top:4rem;margin-bottom:4rem;width:93%}.homepage .tappy-brand{margin-left:.75rem}.socials__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4rem 0}.socials__wrapper a{margin:0 2rem}.socials__wrapper a path,.socials__wrapper a svg{fill:#fff}.tappy-brand{display:flex;flex-direction:column;text-align:left;margin:2rem 0}.tappy-brand-title__wrapper{font-size:70px;font-weight:700;display:flex;flex-direction:row;color:#fff}.tappy-brand-title-tm{font-size:24px;margin-top:2.25rem}.tappy-brand-subtitle{color:#7b7f9e}.sign-in__btn{background-color:#567df4;color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem 0!important;border-radius:12px!important;width:48%;margin-right:.75rem!important}.sign-in__btn svg{margin-left:15px}.register__btn{padding:1rem 0;border-radius:12px;text-decoration:none;background-color:rgba(86,125,244,.1);color:#567df4;align-items:center;width:48%}.login__wrapper,.register__btn{display:flex;justify-content:center}.login__wrapper{flex-direction:column;align-items:stretch;height:100vh}.login__wrapper input{color:#d3d3d3;background-color:#464646!important;border-radius:6px!important;border-width:2px!important;overflow:hidden;transition:all .3s ease-in-out}.login__wrapper input:focus{color:#d3d3d3!important;box-shadow:none;border:2px double transparent;border-radius:6px!important;background-image:linear-gradient(#464646,#464646),linear-gradient(180deg,#567df4,#6200ee);background-origin:border-box;background-clip:padding-box,border-box}.login__wrapper .form-control{height:3rem}.login__wrapper .input-group-append{padding:10px;position:absolute;right:0;height:100%;z-index:10}.login__welcome-back{margin-bottom:2rem;font-size:25px;font-weight:400}.login-call-to-action__wrapper{display:flex;flex-direction:row;margin-top:1.5rem;margin-bottom:.5rem}.login-call-to-action__wrapper a{width:50%}.forgot-password{font-style:italic;color:#848484;padding-top:1rem;width:100%!important;display:flex;align-items:center;justify-content:center}.no-account__wrapper{margin-top:4rem}.no-account__wrapper .no-account{color:#848484}.border-gradient{border-image-slice:1;border:5px solid;border-image-source:linear-gradient(180deg,#567df4,#6200ee)}.border-gradient-purple{border-image-source:linear-gradient(180deg,#567df4,#6200ee)}.register-page{margin:0 5%;padding:calc(70px + 2rem) 25px 2rem}.register-page-description{display:flex;flex-direction:column;margin-bottom:1.5rem}.register-page-description-title{font-size:26px;font-weight:500;color:#fff}.register-page-description-subtitle{font-size:14px;color:#fff}.register-page .register-form input{color:#d3d3d3;background-color:#464646!important;border-radius:6px!important;border-width:2px!important;overflow:hidden;transition:all .3s ease-in-out}.register-page .register-form input:focus{color:#d3d3d3!important;box-shadow:none;border:2px double transparent;border-radius:6px!important;background-image:linear-gradient(#464646,#464646),linear-gradient(180deg,#567df4,#6200ee);background-origin:border-box;background-clip:padding-box,border-box}.register-page .register-form .input-group-append{padding:10px;position:absolute;right:0;height:100%;z-index:10}.register-page label{margin-bottom:5px!important}.register-page input{height:3rem}.register-page .register-page-create-account__btn__wrapper{display:flex;justify-content:center;align-items:center}.register-page .register-page-create-account__btn__wrapper .register-create-account{background-color:#567df4;color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem 0;border-radius:12px;text-decoration:none;width:48%;margin-right:.75rem;cursor:pointer}.register-page .register-page-create-account__btn__wrapper .register-create-account svg{margin-left:10px}.register-page .disclaimer{padding-top:.75rem}.register-page .disclaimer .disclaimer-content{color:#fff;font-size:14px}.register-page .disclaimer .disclaimer-content>input{height:auto!important}.register-page .disclaimer .disclaimer-content .italic{font-style:italic}.register-page .background-upload-loader{position:fixed;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.6)}.register-page .background-upload-loader .spinner-border{margin:auto;left:0;right:0;top:0;bottom:0;position:fixed}.edit-profile-page{padding-top:70px;padding-bottom:50px;min-height:100vh}.edit-profile-page__view{color:#fff!important;border:2px solid #fff;padding:.5rem 1rem;line-height:1.5;text-align:center;vertical-align:middle;border-radius:.25rem}.edit-profile-page form button.edit-profile-upload-photo__btn{display:flex;justify-content:center;align-items:center;position:absolute;bottom:-2px;right:-16px;width:50px;height:50px;z-index:9}.edit-profile-page form .profile-tabs{border:none;display:flex;justify-content:space-around;padding-top:28px}.edit-profile-page form .profile-tabs .nav-link{font-weight:400!important;font-size:16px!important;line-height:24px;color:#fff;background-color:#606060!important;border:2px solid #ae4545;border-color:#a3a3a3!important;border-radius:11px!important;display:flex;justify-content:center;align-items:center;padding:10px 25px}.edit-profile-page form .profile-tabs .nav-link.active{background:linear-gradient(0deg,#0a5eac,#0a5eac),linear-gradient(0deg,#0a5eac,#0a5eac),#0a5eac;border:none}@media (max-width:375px){.edit-profile-page form .profile-tabs .nav-link{padding:10px}}.edit-profile-page input{border:none}.edit-profile-page-header{font-weight:700;font-size:25px;line-height:154.3%;display:flex;justify-content:space-between;width:100%}.edit-profile-page-header>a{font-size:13px;color:#5258ec}.edit-profile-page .background-upload-loader{position:fixed;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.6)}.edit-profile-page .background-upload-loader .spinner-border{margin:auto;left:0;right:0;top:0;bottom:0;position:fixed}.edit-profile-header{justify-content:space-between;margin-bottom:1rem;margin-top:1rem;padding-top:1rem}.edit-base-profile,.edit-profile-header{display:flex;align-items:center}.edite-base-profile-block{padding-top:calc(56px + 2rem)}.edite-base-profile-block .edite-base-profile-image{background:linear-gradient(180deg,hsla(0,0%,67.1%,0) 57.33%,rgba(0,2,10,.65)),#d9d9d9;border-radius:22px;display:flex}.edite-base-profile-block .edite-base-profile-image img{object-fit:cover;width:100%;height:100%;margin-left:auto;margin-right:auto;border-radius:31px;width:380px;height:370px;border:4px solid transparent;background-image:linear-gradient(270deg,hsla(0,0%,67.1%,0) .33%,#383838 0)}.edite-base-profile-block .edite-base-proflie-image-inner{width:100%;height:100%;background-size:cover;background-position:50%;border-radius:22px;max-height:180px;min-height:180px;max-width:180px;display:flex;justify-content:center;align-items:flex-end;margin:auto;z-index:999}.edite-base-profile-block .edite-base-proflie-image-inner .profile-basic-info{margin-bottom:-15px}.edite-base-profile-block .profile-picture-background{width:190px;height:190px;display:flex;justify-content:center;margin:auto;align-items:center;background:linear-gradient(199.16deg,#000 -1.42%,#444 44.3%,#000 87.11%);border-radius:26px}.edit-profile__img{width:120px;height:120px;margin-right:.5rem;position:relative}.edit-profile__img .avatar-preloader{width:100%;height:100%;background-size:60% 60%;background-position:50%;background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:999;animation:spinX 2s infinite}.edit-profile__img>img{position:absolute;z-index:2}.edit-profile-edit-contact-card__btn{color:#fff!important;background-color:#1e3448!important;border-radius:9px!important;padding-top:.5rem!important;padding-bottom:.5rem!important}.edit-profile-edit-contact-card__btn.profile__btn{font-weight:700;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:36px;width:100vw;max-width:500px;color:#fff;background-color:#0a5eac!important;position:fixed;bottom:0;text-align:center;text-decoration:none;font-size:18px;line-height:2.5;z-index:1000;transition:all .4s ease-in-out;border-radius:12px 12px 0 0!important;margin:0 0 0 -15px}.edit-profile-edit-contact-card__btn{width:75%}.contact-card-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:38px}.contact-card-section .tab-content{width:100%}.contact-card-section .nav-tabs{padding:10px;width:100%;justify-content:space-around;margin-top:16px;border:1px solid #ebe7e7;border-radius:34px;align-items:center}.contact-card-section .nav-tabs .nav-link{font-weight:600!important;font-size:16px!important;line-height:25px;padding:0;border:none;color:#fff!important}.contact-card-section .nav-tabs .nav-link.active{background-color:#0a5eac!important;border-radius:10px;padding:5px 10px!important;display:flex;justify-content:center;align-items:center}.contact-card-section .theme-editor{background-color:unset!important}.contact-card-section .theme-editor .card-body{padding:0!important}.contact-card-section .theme-editor .theme-block-select{width:140px!important;height:220px!important;margin:10px!important}.contact-card-section-1{background-color:#1b1b1b;border:1px solid #173a5a;border-radius:16px;padding:16px 20px 6px}.contact-card-section-1 .contact-card-text-wrapper{font-weight:400;font-size:11px;line-height:12px;padding-top:5px}.add-new-tappy__form input{color:#d3d3d3}.edit-contact-card__wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.enable-contact-card__btn{font-weight:700;margin-right:.5rem}.contact-card-lable{font-weight:700;font-size:20px;line-height:24px}.add-profile-prompt{display:flex;flex-direction:row;margin:10px 0;padding:20px;position:relative}.add-profile-prompt .add-profile-prompt-icon{position:absolute;transform:translateX(10px);z-index:9}.add-profile-prompt .add-block-dropdown{font-weight:600;font-size:20px;line-height:22px;color:#fff}.add-profile-wrapper .social-rearrange-text{display:flex;justify-content:center;font-weight:400;font-size:15px;line-height:22px;padding:10px 0}.add-profile-header{font-weight:700;font-size:16px;line-height:24px;margin-left:20px}.socials-select::-ms-expand{display:none}.socials-select{position:relative;top:2.5px;-webkit-appearance:none;appearance:none;border:none;width:100%;margin:0 20px}.socials-select .dropdown-menu{width:100%;max-height:400px;overflow:overlay}.socials-select .dropdown-toggle{background-color:#0a5eac!important;padding:13px 0!important;border-radius:32px;color:#000!important;width:100%;display:flex;align-items:center;justify-content:center}.socials-select .dropdown-toggle:after{display:none!important}.socials-select .dropdown-toggle>span{width:calc(100% - 20px)}.socials-select .dropdown-toggle:focus{box-shadow:none!important}.socials-select .dropdown-toggle[aria-expanded=true]>svg{transform:translateX(-25%) rotate(135deg)}.socials-select .dropdown-toggle>svg{position:absolute;left:0;transform:translateX(-25%) rotate(0deg);transition:all .3s ease-in-out}.socials-select .dropdown-toggle:after{display:none}.save-profile__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.save-profile__wrapper button{margin:10px 0;background-color:#5258ec!important;border-radius:10px!important}.photo-name-upload{width:calc(100% - 120px);padding:0 16px}.photo-name-upload .name-lable{font-weight:700;font-size:20px;line-height:24px}.edit-profile-bio__wrapper{padding:15px}.edit-profile-bio__wrapper label{font-size:20px;font-weight:700;font-size:16px;line-height:24px}.edit-profile-bio__wrapper label .lable-span{font-weight:400;font-size:11px;line-height:24px}.edit-profile-bio__wrapper textarea{background-color:#353535;border:none;color:#fff;border-radius:10px}.edit-profile-bio__wrapper #foo{resize:none}.edit-profile-bio__wrapper textarea:focus{background-color:#353535;color:#fff}@keyframes spinX{0%{transform:rotate(0deg);transform-origin:50% 50%}to{transform:rotate(1turn);transform-origin:50% 50%}}.edit-social{display:flex;flex-direction:row;align-items:center}.edit-social-icon{height:57px}.edit-social-delete__wrapper{max-width:50px;display:flex;align-items:center;z-index:100;padding-left:5px;cursor:pointer!important}.edit-social-delete__wrapper span{font-size:30px}.edit-social-title{position:relative;left:10px}.edit-social-icon__wrapper{margin-left:-5px;display:flex;align-items:center;z-index:1}.edit-social-column{display:flex;flex-direction:column;margin-bottom:.5rem}.edit-social-arrows{display:flex;flex-direction:column;justify-content:center}.edit-social-input-container{width:100%}.edit-social-input-url-container{margin-top:10px;overflow:hidden}.edit-social-input-field-container{width:100%;height:100%;z-index:2;display:flex;flex-direction:row;align-items:center}.edit-social-input__wrapper{width:100%;display:flex;height:50px;border-radius:10px!important;border:2px solid #595959!important;background-color:#242424!important;flex-direction:row}.edit-social-input__wrapper .edit-button{width:40px;height:100%;display:flex;align-items:center;cursor:pointer}.edit-social-input__wrapper .edit-button.url-edit-button{top:10px}.edit-social-input__wrapper input{height:100%;color:#d3d3d3!important;background-color:#242424!important;overflow:hidden;transition:all .3s ease-in-out}.edit-social-input__wrapper input:focus{box-shadow:none;background-color:#242424!important;background-origin:border-box;background-clip:padding-box,border-box}.edit-contact-card__form .add-information-field__btn{width:100%;border-radius:10px;background-color:#0a5eac;margin:1rem 0;display:flex;justify-content:center;position:relative;flex-direction:row;align-items:center;border:1px solid #fff!important;padding:9px}.edit-contact-card__form .add-information-field__btn svg{position:absolute;left:-10px}.edit-contact-card__form .add-information-field__btn .add-block-dropdown{font-weight:400;font-size:18px;line-height:27px}.edit-contact-card__form .form-group .security-field{font-weight:700}.edit-contact-card__form .form-group label{margin-bottom:.1rem;font-weight:400;font-size:18px;line-height:27px}.edit-contact-card__form .edit-contact-card__header{font-weight:700;font-size:18px;line-height:23px}.edit-contact-card-btn__wrapper{display:flex;flex-direction:column;padding:2rem;background-color:#272727}.edit-contact-card-btn__wrapper .save-contact-card-btn{margin-bottom:1rem;border-radius:10px;background-color:#0a5eac;border:none!important;font-weight:700;font-size:18px;line-height:27px;padding:8px}.edit-contact-card-btn__wrapper .cancle-contact-card-btn{background-color:#5a5a5a;font-size:18px;line-height:27px;padding:3px}.edit-contact-card-btn__wrapper .cancle-contact-card-btn,.edit-contact-card-btn__wrapper button{margin-bottom:1rem;border-radius:10px;border:none!important;font-weight:500}.edit-contact-card-btn__wrapper button:not(.btn-danger){background-color:#5258ec}.edit-contact-card-content{padding:0 2rem;background-color:#272727;color:#fff}.edit-contact-card-content input{background-color:#464646!important;color:#fff;border:none;border-radius:.25rem}.edit-contact-card-content input:focus{color:#d3d3d3;background-color:#464646!important;border:2px solid #5258ec}.remove-field{color:#fff;border-radius:50%}.info-field-wrapper{display:flex;flex-direction:row;align-items:center}.info-field-wrapper svg{margin-left:10px}.react-datepicker-wrapper,.react-datepicker__input-container{height:calc(1.5em + .75rem + 2px)}.react-datepicker-wrapper input,.react-datepicker__input-container input{height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem}.remove-field{margin-left:9px}.edit-contact-card-security{display:flex;flex-direction:column}.edit-contact-card-security .security-pin-container{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.edit-contact-card-security .security-optional{margin-left:10px}.edit-contact-card-security .secure-contact-card,.edit-contact-card-security .security-optional{font-weight:500;font-size:12px;line-height:18px}.edit-contact-card-security .input-group-append{position:absolute}.edit-contact-card-security .toggle-container{display:flex;align-items:center}.edit-contact-card .modal-header{background-color:#272727;padding:.25rem 1rem;border:none}.edit-contact-card .modal-header button{color:#fff;opacity:1;margin:0!important;padding:.5rem!important;color:#000}.edit-contact-card .modal-header button span:first-child{text-shadow:none;width:35px;height:35px;font-weight:400;font-size:30px;background-color:#e0e0e0;border-radius:50%;display:block;color:#252525}.edit-contact-card .modal-dialog{border:4px solid #0a5eac;border-radius:20px;overflow:hidden}.optional-security-input{display:flex;flex-direction:row;width:50%;position:relative;justify-content:center;align-items:center}.optional-security-input input{width:100%;border-radius:.25rem;padding-right:28px}.optional-security-input .input-group-append{cursor:pointer;display:unset;position:absolute;right:6px;width:18px;height:18px;display:flex}.optional-security-input .input-group-append img{width:100%;height:100%}.toggle-container{padding-left:10px;color:red}.toggle-container .switch-toggle-lable{font-weight:400;font-size:13px;line-height:20px;padding-right:10px}.toggle-container .toggleActive{display:flex}.toggle-container .active,.toggle-container .deactive{display:flex;align-items:center;justify-content:center;color:#37ffab;font-weight:500;font-size:14px;line-height:18px;padding-right:12px}.toggle-container span{font-size:.85rem}.toggle-container .switch{position:relative;display:inline-block;width:51px;height:29px;background-color:red;border-radius:40px;transition:all .3s}.toggle-container .switch:after{content:"";position:absolute;width:28px;height:28px;border-radius:40px;background-color:#fff;border:2px solid #2d9cdb;transition:all .3s}.toggle-container .checkbox:checked+.switch:after{left:22px}.toggle-container .checkbox:checked+.switch{background-color:#0a5eac}.toggle-container .checkbox{display:none}.toggle-container .togglePrivacy{display:flex}.add-information-field .modal-header{background-color:#272727;padding:.25rem 1rem;border:none;border-radius:18px 18px 0 0}.add-information-field .modal-header button{color:#fff;opacity:1}.add-information-field .modal-content{border-radius:20px;border:3px solid #5258ec}.add-information-field-options{display:flex;flex-direction:column;padding:1rem;background-color:#272727;color:#fff;border-radius:0 0 18px 18px}.add-information-field-options span{margin:.75rem 0;display:flex;align-items:center}.add-information-field-options svg{height:1.5rem}.edit-profile-upload-photo__btn{margin-top:.5rem;background-color:#0a5eac!important;border-radius:50%!important}.image-upload-input{display:none}.theme-editor{overflow:auto;background-color:#353535!important;border-radius:12px!important;color:#fff!important;font-weight:400!important;width:100%;cursor:pointer;overflow:unset!important}.theme-editor .theme-editer-arrow{display:inline-block;padding:10px 15px 10px 10px;position:relative}.theme-editor .theme-editer-arrow:after,.theme-editor .theme-editer-arrow:before{border-right:2px solid;content:"";display:block;height:10px;margin-top:-8px;position:absolute;transform:rotate(135deg);right:3px;top:50%;width:0}.theme-editor .theme-editer-arrow:after{margin-top:-1px;transform:rotate(45deg)}.theme-editor .theme-selector{overflow-y:hidden;overflow-x:auto;white-space:nowrap}.theme-editor .theme-selector .theme-block-select{width:85px;height:100px;display:inline-block;text-align:center;margin:1rem 1.25rem 25px 5px}.theme-editor .theme-selector .theme-block-select.current button{border:3px solid #0a5eac!important}.theme-editor .theme-selector .theme-block-select button{display:block;width:100%;height:100%;overflow:hidden;padding:0;border:0;box-shadow:none;border-radius:12px}.theme-editor .theme-selector .theme-block-select button:focus{box-shadow:none}.theme-editor .theme-selector .theme-block-select label{width:100%;font-weight:600;font-size:16px;line-height:25px}.theme-editor .card-title{font-weight:400!important}.theme-editor .card-title span{white-space:nowrap;line-height:35px}.theme-editor .card-title .toggle-container{margin:0!important}.theme-editor .card-title .toggle-container.light .switch{background-color:#fff;color:#272727}.theme-editor .card-title .toggle-container.light .switch:after{background-color:#d9d9d9}.theme-editor .card-title .toggle-container.dark .switch{background-color:#000;color:#fff}.theme-editor .card-title .toggle-container.dark .switch:after{background-color:#272727}.theme-editor .card-title .toggle-container .switch{width:100px;height:35px;padding-left:35px;line-height:35px;text-align:center}.theme-editor .card-title .toggle-container .switch:after{height:35px;width:35px;border:2px solid grey;top:0;left:0}.theme-editor .theme-color-picker .choosepicker{background:linear-gradient(269deg,#f898b5 14%,#f490d4 17%,#ee84ff 44%,#979dfe 70%,#64b6ff 0);color:#000;padding:14px 21px;border-radius:7px;font-weight:700;line-height:27px;margin-left:10px}.theme-editor .theme-color-picker .choosepicker:active,.theme-editor .theme-color-picker .choosepicker:focus{box-shadow:none}.theme-editor .theme-color-picker .theme-button-group label{margin:0 10px;width:63px;height:57px;border-radius:9px!important}.theme-editor .theme-color-picker .theme-button-group :last-child,.theme-editor .theme-color-picker .theme-button-group :last-child:active,.theme-editor .theme-color-picker .theme-button-group :last-child:focus{background-color:#a0dad3;border-color:#a0dad3}.theme-editor .theme-color-picker .theme-button-group :nth-last-child(2),.theme-editor .theme-color-picker .theme-button-group :nth-last-child(2):active,.theme-editor .theme-color-picker .theme-button-group :nth-last-child(2):focus{background-color:#af48c9;border-color:#af48c9}.theme-editor .theme-color-picker .theme-button-group :nth-last-child(3),.theme-editor .theme-color-picker .theme-button-group :nth-last-child(3):active,.theme-editor .theme-color-picker .theme-button-group :nth-last-child(3):focus{background-color:#5258ec;border-color:#5258ec}.theme-editor .theme-color-picker .theme-button-group :nth-last-child(4){background-color:#000;border-color:#000}.theme-editor .theme-color-picker .theme-button-group :nth-last-child(4):active,.theme-editor .theme-color-picker .theme-button-group :nth-last-child(4):focus{background-color:#000;border-color:#fff}.theme-editor .theme-color-picker .theme-button-group .btn-primary:not(:disabled):not(.disabled).active:nth-last-child(4){background-color:#000;border:2px solid #fff}.theme-editor .theme-color-picker .theme-button-group .btn-primary:not(:disabled):not(.disabled).active:nth-last-child(3){background-color:#5258ec;border:2px solid #fff}.theme-editor .theme-color-picker .theme-button-group .btn-primary:not(:disabled):not(.disabled).active:nth-last-child(2){background-color:#af48c9;border:2px solid #fff}.theme-editor .theme-color-picker .theme-button-group .btn-primary:not(:disabled):not(.disabled).active:last-child{background-color:#a0dad3;border:2px solid #fff}.theme-editor .theme-color-picker .theme-button-group .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:none!important}.theme-editor .theme-color-picker .theme-button-group:active{background-color:initial}.theme-editor .theme-color-picker .bs-popover-bottom{border-radius:8px}.theme-editor .theme-color-picker .bs-popover-bottom .react-colorful{padding:5px}.theme-editor .theme-color-picker .bs-popover-bottom .react-colorful .react-colorful__pointer{width:15px;height:15px}@media (max-width:360px){.theme-editor .theme-button-group label{width:55px!important;height:46px!important}.theme-editor .theme-button-group .theme-editer-arrow,.theme-editor .theme-button-group .toggle-select-title{font-size:15px!important}}.theme-live-preview{background:#d9d9d9;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:16px;color:#000}.theme-live-preview,.theme-live-preview-dark{width:165px;height:272px;border-radius:23px;margin:16px 0}.theme-live-preview-dark{background:linear-gradient(180deg,#ededed,#1e1e1e .01%,#080908)}.theme-live-preview-theme-2{width:165px;height:272px;background:linear-gradient(180deg,#00bbf7,#30ffa8);border-radius:23px;margin:16px 0}.button-live-preview-sharp{border-radius:0!important}.button-live-preview-rounded{border-radius:9px!important}.button-live-preview-circular{border-radius:35px!important}.live-preview-container .row-preview-container{position:relative;z-index:99;padding-bottom:10px;padding-top:16px;height:130px;background-color:rgba(0,0,0,.5);border-radius:18px}.live-preview-container .preview-text-col-container{flex-direction:column}.live-preview-container .preview-text-col-container button{padding:2px 8px;font-size:10px}.live-preview-container .live-preview-inner-container{padding-top:18px!important;z-index:99;position:relative}.live-preview-container .live-preview-inner-container .profile-pic-container{width:66px;height:66px;display:flex;justify-content:center;margin:auto;align-items:center;background:linear-gradient(199.16deg,#000 -1.42%,#444 44.3%,#000 87.11%);border-radius:15px}.live-preview-container .live-preview-inner-container .profile-pic-container .profile-picture-background{display:flex;justify-content:center}.live-preview-container .live-preview-inner-container button{padding:4px 8px;font-size:12px}.live-preview-container .profile-bio-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.live-preview-container .social-link-container{background:rgba(31,35,41,.6);border:1px solid #000;border-radius:8px;height:30px;margin-left:0;padding-left:28px;padding-right:5px;display:flex;align-items:center;justify-content:center}.linear-gradient-background,.profile-Background-Image{object-fit:cover;width:100%;height:100%;position:absolute;z-index:1;opacity:.7;border-radius:26px}.live-theme-layout-container{background-color:#d9d9d9;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.live-theme-layout-header-container{height:35%;width:100%;padding:8px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:rgba(0,0,0,.4);display:flex;justify-content:space-between;align-items:center}.live-theme-layout-header-container.current{border-radius:12px;background-color:transparent;flex-direction:column;height:45%}.live-theme-layout-bottom-container{height:60%;width:100%;display:flex;justify-content:space-between;flex-direction:column;padding:8px 8px 10%}.live-theme-layout-socials{background-color:#4a4a4a;width:100%;height:20px;border-radius:4px}.live-theme-layout-profile-image{width:50px;height:50px;border-radius:25px;background-color:#4a4a4a}.live-theme-layout-profile-image.current{border-radius:12px}.live-theme-layout-profile-details{width:60px;height:15px;display:flex;align-self:center;border-radius:4px;background-color:#4a4a4a}.live-theme-layout-profile-details.current{width:80px}.background-container{padding:0!important}.background-container .container-col{padding:8px}.background-container .default-background{cursor:pointer;width:100%;max-width:122px;height:145px;background:linear-gradient(180deg,#0a85f7,#00d1ff);border:1px solid #9d9d9d;border-radius:21px;margin:auto}.background-container .select-background-text{font-weight:600;font-size:16px;line-height:24px;text-align:center;margin-top:6px}.background-container .image-video-background{display:flex;justify-content:center;align-items:center;max-width:122px;height:145px;background:linear-gradient(180deg,#ededed,#1e1e1e .01%,#080908);border:1px solid #9d9d9d;border-radius:21px;margin:auto}.background-container .image-video-background input#file{display:inline-block;width:100%;padding:144px 0 0;height:0;cursor:pointer}.background-container .image-video-background input::-webkit-file-upload-button{display:none}.background-container .photo-background-icon{background:linear-gradient(180deg,#ededed,#1e1e1e .01%,#080908);cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center;max-width:122px;height:145px;border:1px solid #9d9d9d;border-radius:21px;margin:auto}.background-container .crome-color-picker{width:180px!important}.background-container .box{background:#fff;border-radius:8px;box-shadow:0 0 6px rgba(0,0,0,.25098039215686274);padding:8px;position:absolute;z-index:102;max-width:312px;top:-290px;left:25px}.background-container .box .df{display:flex}.background-container .box .ac{align-items:center}.background-container .box .jc{justify-content:center}.background-container .box .jfe{justify-content:flex-end}.background-container .box .jsb{justify-content:space-between}.background-container .box .ps-rl{position:relative}.background-container .box .c-cross{cursor:crosshair}.background-container .box .c-resize{cursor:ew-resize}.background-container .box .opacity-overlay{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px}.background-container .box .opacity-bg{display:flex;flex-wrap:wrap;border-radius:10px;overflow:hidden}.background-container .box .handle{position:absolute;border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.5);width:18px;height:18px;z-index:1000}.background-container .box .gradient-handle-wrap{position:absolute;z-index:10000;padding-left:2px;padding-right:2px;top:4px}.background-container .box .gradient-handle{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.5);width:18px;height:18px}.background-container .box .npe{pointer-events:none}.background-container .box .degree-input{height:24px;border-radius:4px;border:none;outline:none;text-align:center;width:34px;font-weight:500;color:#323136;font-size:13px;background:transparent}.background-container .box .input-wrap{height:32px;border-radius:6px;border:1px solid #bebebe;width:100%;padding:2px;outline:none;color:#000;font-weight:400;text-align:center}.background-container .box .input-label{text-align:center;line-height:1.2;font-weight:700;color:#565656;font-size:11px}.background-container .box .control-btn{padding-left:8px;padding-right:8px;height:100%;line-height:1;border-radius:4px;font-weight:700;color:#565656;font-size:12px;height:24px;transition:all .16s ease;display:flex;align-items:center;justify-content:center}.background-container .box .bar-wrap{width:330px;margin-left:-18px;padding:3px;margin-top:2px}.background-container .box .bar-wrap-inner{width:324px;padding-left:15px;padding-right:15px}.background-container .box .control-btns-wrap{height:28px;background:#e9e9f5;border-radius:6px;padding:2px}.background-container .box .input-dropdown{position:absolute;right:-2px;top:34px;padding:5px;background:#e9e9f5;z-index:100000000;border-radius:6px;box-shadow:1px 1px 14px 1px rgba(0,0,0,.25)}.background-container .box .input-dropdown:before{position:absolute;content:"";right:12.5px;top:-3px;width:9px;height:9px;background:#e9e9f5;transform:rotate(45deg);z-index:0;box-shadow:-1px -2px 8px rgba(0,0,0,.15)}.background-container .box input{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.circular-progress-bar{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:1001;justify-content:center;align-items:center;background-color:rgba(0,0,0,.8)}.image-modal-dialog{margin:0!important;height:100%!important;max-width:500px!important;left:50%!important;transform:translate(-50%)!important;max-height:none!important}.image-modal-dialog,.modal-content-container{width:100%!important;position:absolute!important}.modal-content-container{background-color:#080908!important;max-height:70%!important;cursor:pointer;bottom:0!important;border-radius:48px 48px 0 0!important;border:1px solid #575757!important}.modal-header-container{display:block!important;border-bottom:1px solid #575757!important}.modal-body-container{padding:0!important}.upload-icon-container{display:flex;width:"100%";padding-top:10%;flex-direction:column;justify-content:center;align-items:center}.upload-icon-container input#file{width:33.33%;position:absolute;margin:0;color:transparent}.upload-icon-container input::-webkit-file-upload-button{display:none}.upload-icon{color:#0a5eac;width:72px;height:72px}.upload-text{color:#fff;font-weight:600;font-size:16px;padding-top:8px}.closed-icon{color:#90959a;font-size:2.1rem;left:5%;position:absolute}.custom-modal-styling-title{color:#f5f5f7;text-align:center!important;font-size:24px!important;font-weight:700!important}.image-video-main-container{display:flex;flex-wrap:wrap}.image-video-inner-container{flex:0 1 33.33%}.delete-icon-container{position:absolute;background-color:#fff;display:flex;justify-content:center;align-items:center;margin:2px;height:30px;width:30px;z-index:999;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.button-container .container-col{display:flex;flex-direction:column;align-items:center;margin-top:25px}.button-container .container-col .button-shape-container{background-color:#9b9b9b;border:1px solid #9d9d9d;width:100%;height:50px;cursor:pointer}.button-container .container-col .button-shape-container.rounded-button{border-radius:9px}.button-container .container-col .button-shape-container.circular-button{border-radius:35px}.button-container .container-col .button-shape-container.button-design-radius{border:4px solid #0a5eac!important}.button-container .container-col .button-text{font-weight:600;font-size:16px;line-height:24px}.button-container .container-col .edit-button-header{font-weight:600;font-size:20px;line-height:30px}.button-container .container-col .color-input{width:60px;height:60px;border:none;border-radius:7px;cursor:pointer}.button-container .container-col .opacity-container{background:linear-gradient(224.55deg,rgba(0,0,0,.01) 4.2%,#e3e3e3)}.button-container .container-col .color-container,.button-container .container-col .opacity-container{width:60px;height:60px;border-radius:7px;cursor:pointer;border:1px solid #555}.alpha-picker-container{font-weight:600;font-size:16px;line-height:24px;display:flex;flex-direction:column;height:100%;justify-content:space-around;text-align:center}.alpha-picker-container .opacity-text{display:flex;justify-content:flex-end;font-size:14px}.alpha-picker-container .alpha-picker{max-width:185px!important}.text-container .font-col-container{display:flex;overflow:auto}.text-container .font-col-container::-webkit-scrollbar{display:none}.text-container .container-col .font-family-container{min-width:107px;cursor:pointer;width:107px;height:88px;background:#131313;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px}.text-container .container-col .font-family-container.font-container-border{border:2px solid #0a5eac}.text-container .container-col .font-family-container.popins-font{font-family:"Poppins",sans-serif}.text-container .container-col .font-family-container.bebas-font{font-family:"Bebas Neue",cursive}.text-container .container-col .font-family-container.dosis-font{font-family:"Dosis",sans-serif}.text-container .container-col .font-family-container.pacifico-font{font-family:"Pacifico",cursive}.text-container .container-col .font-family-container.roboto-font{font-family:"Roboto",sans-serif}.text-container .container-col .font-family-container.openSans-font{font-family:"Open Sans",sans-serif}.text-container .container-col .font-family-container .edit-button-header{font-size:30px;font-weight:600}.text-container .container-col .font-family-container .font-text-container{font-weight:600;font-size:16px;text-align:center}.text-container .container-col .font-color-header{font-weight:600;font-size:20px;line-height:30px}.text-container .container-col .color-input{margin-left:10px;width:60px;height:60px;border:none;border-radius:7px;cursor:pointer}.text-container .fontColor-col-container{display:flex;align-items:center;justify-content:center;margin:25px 0}.text-color-container{width:60px;height:60px;border:none;border-radius:7px;cursor:pointer;margin-left:5px}.profile-setting-col-container .toggle-container{padding:50px 0;display:flex;justify-content:space-between;align-items:center}.profile-setting-col-container .toggle-container .switch-toggle-lable-header{font-weight:700;font-size:20px;line-height:20px;padding-right:15px;color:#fff}.profile-setting-col-container .toggle-container .toggleActive{display:flex}.profile-setting-col-container .toggle-container .active,.profile-setting-col-container .toggle-container .deactive{display:flex;align-items:center;justify-content:center;color:#37ffab;font-weight:500;font-size:14px;line-height:18px;padding-right:12px}.profile-setting-col-container .toggle-container span{font-size:.85rem}.profile-setting-col-container .toggle-container .switch{position:relative;display:inline-block;width:51px;height:29px;background-color:#d9dbe9;border-radius:40px;transition:all .3s;margin-bottom:0}.profile-setting-col-container .toggle-container .switch:after{content:"";position:absolute;width:28px;height:28px;border-radius:40px;background:#fcfcfc;border:2px solid #d9dbe9;transition:all .3s}.profile-setting-col-container .toggle-container .checkbox:checked+.switch:after{left:22px}.profile-setting-col-container .toggle-container .checkbox:checked+.switch{background-color:#0a5eac}.profile-setting-col-container .toggle-container .checkbox{display:none}.profile-setting-col-container .toggle-container .togglePrivacy{display:flex}.banner-text{margin:0;padding:0;font-size:19px;color:#fff;font-family:"Poppins"}.banner-text.top{margin-top:35px!important}.banner-text.bold{font-weight:700}.banner-text.light{font-weight:400}.banner-text.small{font-size:15px}.banner-text.medium{font-size:17px}.banner-text.center{text-align:center}.pro-feature-container{flex-direction:column;background-color:#292929;width:120%;margin-left:-10%;padding:10px}.pro-feature-container,.upload-btn-container{display:flex;justify-content:center;align-items:center;overflow:hidden}.upload-btn-container{width:100%;background-color:#181818;border-radius:15px;margin-top:15px;margin-bottom:25px}.upload-btn-container.transparent{background-color:initial}.edit-buttons{display:flex;justify-content:space-evenly;align-items:center}.upload-btn{background-color:#2e81ff;padding:2px 12px;border-radius:5px;cursor:pointer}.upload-btn.top{margin-top:5x}.upload-btn.red{background-color:#ac2c2c}.upload-btn.active{background-color:#4e4f51}.edit-profile-page{display:flex;flex-direction:column}.edit-profile-page.profile-page{padding:0}.edit-profile-page.profile-page#view-profile-page{position:relative}.edit-profile-page.profile-page#view-profile-page .hide-tappy-footer{display:none}.edit-profile-page.profile-page.light{background-color:#d9d9d9}.edit-profile-page.profile-page.light .container,.edit-profile-page.profile-page.light .profile-declaration{color:#0a0a0a!important}.edit-profile-page.profile-page.light .profile-name{color:#4a4a4a}.edit-profile-page.profile-page.light .profile-social-username{color:#4a4a4a;font-weight:700}.edit-profile-page.profile-page.dark{background-color:#19191f}.edit-profile-page.profile-page.dark .profile-social{border-radius:12px}.edit-profile-page.profile-page .container{border:none;border-radius:0 0 12px 12px;margin-bottom:1rem;padding-top:calc(50px + 2rem)}.edit-profile-page.profile-page .container .profile-name{font-weight:700;font-size:26px;width:100%;text-align:center}.edit-profile-page.profile-page .container .download-contact-form{display:flex;justify-content:center}.edit-profile-page.profile-page .container .download-contact-form button{width:85%;border:1px solid;border-radius:10px;padding:6px 0}.edit-profile-page.profile-page .profile-header-container{z-index:999;border-radius:12px;border-color:hsla(0,0%,100%,0)}.edit-profile-page.profile-page .profile-container{background:rgba(0,0,0,.7);width:100%;height:calc(100% + 4px);padding-bottom:0!important;margin-bottom:0}.edit-profile-page.profile-page .profile-container .form-group{margin-bottom:0!important}.edit-profile-page .container .profile-bio{margin-bottom:.5rem;font-weight:500;font-size:15px}.edit-profile-page .container .profile-basic-info{width:calc(100% - 1rem - 100px);padding-left:15px}.edit-profile-page .container .profile-basic-info .form-group{display:flex;flex-direction:column;margin-bottom:0}.edit-profile-page .container .profile-basic-info .form-group .profile-name{font-size:26px;font-weight:700;display:flex;align-items:baseline;justify-content:space-between;text-shadow:0 3px 12px #404040}.edit-profile-page .container .profile-basic-info .form-group .add-to-contact-btn{width:100%;height:35px;margin:0;position:relative;display:block;color:#fff;background-color:#5258ec!important;border-radius:10px!important}.edit-profile-page .dark-theme-dwn-cotact{border:1px solid;width:75%;padding:5px 0}.edit-profile-page .dark-theme-dwn-cotact.sharp{border-radius:0!important}.edit-profile-page .dark-theme-dwn-cotact.rounded{border-radius:9px!important}.edit-profile-page .dark-theme-dwn-cotact.circular{border-radius:35px!important}.edit-profile-page .social-items__container{flex:1 1;margin-top:22px}.edit-profile-page .social-items__container .edit-social-media-profiles{padding:.5rem 1.25rem}.edit-profile-page #download-trigger{z-index:999}.edit-profile-page .profile-basic-info-section{position:absolute;bottom:-10px;display:flex;align-items:center;justify-content:center;width:100%}.edit-profile-page .profile-basic-info-section .profile-name{font-size:36px!important;text-shadow:0 3px 12px #404040}.edit-profile-page .profile-declaration{padding-left:15px;padding-right:15px;text-align:center;font-size:12px;margin-bottom:50px}.edit-profile-page .tappy-upsell{width:100vw;max-width:500px;height:46px;margin:0;display:block;color:#fff;background-color:#000;position:fixed;text-align:center;text-decoration:none;font-size:18px;line-height:2.5;z-index:1000;transition:all .4s ease-in-out;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center}.edit-profile-page .tappy-upsell.show{bottom:0}.edit-profile-page .tappy-upsell.hide{bottom:-50px}.edit-profile-page .tappy-upsell.hide-tapy-button{position:unset}.video-home-container{height:100vh;position:relative}.videoConntainer{object-fit:cover;width:100%;height:100%;position:absolute;z-index:1;opacity:.7}@media (max-width:350px){.profile-name{font-size:18px!important}.dark-theme-dwn-cotact{font-size:12px}}.displayCenter{display:flex;justify-content:center;align-items:center}.social-items__container{margin-bottom:50px}.social-items__container .profile-social{display:flex;align-items:center;color:#fff;text-decoration:none!important;padding:2px;position:relative}.social-items__container .profile-social:hover{color:#fff!important}.social-items__container .profile-social-img{width:82px}.social-items__container .profile-social-username__wrapper{padding-left:1rem;flex:1 1;text-align:center}.social-items__container .profile-social-username__wrapper span{font-weight:500}.social-items__container .profile-social .profile-social-username__wrapper.social-userName-character{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(31,35,40,.3);border-radius:15px;border:1px solid #000;height:69px;margin-left:26px;padding-left:35px;padding-right:5px;display:flex;align-items:center;z-index:9}.social-items__container .profile-social .profile-social-username__wrapper .profile-social-username{width:100%;display:inline-block;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:22px;font-weight:700}.social-items__container .profile-social .profile-social-img__wrapper{position:absolute;z-index:99}.social-items__container.light .profile-social{border:1px solid #fff;border-radius:12px;background-color:#d9d9d9;color:#000;font-weight:700}.add-contact-card-modal{display:flex;flex-direction:column}.add-contact-card-modal .modal-dialog{margin-top:19%;background-color:#272727;border:3px solid #5258ec!important;border-radius:12px}.add-contact-card-modal .modal-header{background-color:#272727;border:none;padding:.25rem 1rem!important}.add-contact-card-modal .modal-header .close{color:#fff}.add-contact-card-modal .add-contact-card__modal{background-color:#272727;color:#fff}.add-contact-card-modal .add-contact-card__modal__form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.add-contact-card-modal .add-contact-card__modal__form .form-control{width:48%;margin:1rem 0;border-radius:0}.add-contact-card-modal .add-contact-card__modal__form .contact-card-secure-header{font-size:20px}.add-contact-card-modal .add-contact-card__modal__form .contact-card-digit-prompt{font-size:14px}.add-contact-card-modal .add-contact-card__modal__form button{width:60%;background-color:#5258ec;border-radius:10px}.contact-card__modal{background-color:#272727;color:#fff}.contact-card__entry label b{color:#fff!important}.not-found{display:flex;flex-direction:column;padding:calc(70px + 2rem) 2rem 2rem}.not-found__header{font-size:30px;font-weight:500}.spark-main-modal-content{border-radius:20px!important;border:none!important;outline:none!important;background-color:initial!important;display:flex;justify-content:center;align-items:center}.spark-main-modal-body{padding:20px!important;max-height:586px;max-width:411px;overflow:auto}.main-modal_tag{font-size:20px;color:#fbfbfb!important;margin:0;text-align:center;font-family:"Poppins";font-weight:600!important}.closed-icon{position:"absolute";cursor:pointer;margin:8px}.main-body{justify-content:center;align-items:center;background:linear-gradient(#1d1d1f,#0f0f43);border-radius:39px;max-width:411px;max-height:586px;padding:4% 21px 2%}.main-body-spark-btn{height:60px;border-radius:15px!important;width:100%;display:flex;font-size:24px;font-family:"Poppins";margin-bottom:1rem}.connect-tappy_first__form{display:flex;flex-direction:row;margin:1rem 0;justify-content:space-between}.connect-tappy_first__form input{background-color:#31405e;width:94%;max-height:41px;border:0;color:#d3d3d3;border-radius:10px;font-family:"Poppins"}.connect-tappy_first__form input:focus{color:#d3d3d3!important;border:2px solid #5258ec;background-color:#31405e}.connect-tappy_first__form label{margin-bottom:.25rem;color:#fff;font-family:"Poppins"}.connect-tappy__form{display:flex;flex-direction:column;margin:1rem 0}.connect-tappy__form input{background-color:#31405e;border:0;width:98%;max-height:41px;color:#d3d3d3;margin-bottom:1rem;border-radius:10px;font-family:"Poppins"}.connect-tappy__form input:focus{color:#d3d3d3!important;border:2px solid #5258ec;background-color:#31405e}.connect-tappy__form label{margin-bottom:.25rem;color:#fff;font-family:"Poppins"}.spark-modal-footer{font-weight:400;font-size:12px;line-height:14.04px;color:#b1b1b1;margin-bottom:1rem}.main-modal-text,.spark-modal-footer{font-family:"Poppins";text-align:center}.main-modal-text{font-size:24px;line-height:37.03px;color:#fff;margin-top:50%}.main-body-spark-btn{font-family:"Poppins"!important;font-weight:600!important;font-size:20px!important;justify-content:center!important;align-items:center!important}.phone-input-box{width:100%!important}.phone-button-box,.phone-input-box{background-color:#31405e!important;border:none!important;border-radius:10px!important}.react-tel-input .flag-dropdown.open .selected-flag,.react-tel-input .selected-flag:hover{background-color:#31405e!important;border-radius:10px!important}.reset-password{padding:6rem 2rem}.reset-password__form{display:flex;flex-direction:column}.reset-password__form button{margin-top:1rem;width:50%;border-radius:12px;height:3.25rem;background-color:#567df4;border:0}.reset-password__form span{margin-bottom:.75rem}.reset-password__form input{color:#d3d3d3;background-color:#464646!important;border-radius:6px!important;border-width:2px!important;overflow:hidden;transition:all .3s ease-in-out}.reset-password__form input:focus{color:#d3d3d3!important;box-shadow:none;border:2px double transparent;border-radius:6px!important;background-image:linear-gradient(#464646,#464646),linear-gradient(180deg,#567df4,#6200ee);background-origin:border-box;background-clip:padding-box,border-box}.reset-password__label{font-size:20px;font-weight:500}.reset-password__username{font-size:14px}.reset-password__links{display:flex}.reset-password__links button{width:100%}.reset-password__links a{width:100%;margin-top:1rem}.reset-password__back{margin-top:5rem;width:100%;height:3.25rem;border-radius:12px!important}.reset-password__back svg{margin-right:1rem}.reset-password__back{background-color:rgba(86,125,244,.1)!important;border:none!important;color:#567df4!important}.reset-password__username{margin:1rem 0}.reset-password .input-group-append{padding:10px;position:absolute;right:0;height:100%;z-index:10}.background-upload-loader{position:fixed;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.6)}.background-upload-loader .spinner-border{margin:auto;left:0;right:0;top:0;bottom:0;position:fixed}.tappy-activation{padding:calc(70px + 2rem) 2rem 2rem;display:flex;flex-direction:column}.tappy-activation__header{font-size:20px;font-weight:500}.tappy-activation__subheader{font-size:13px}.tappy-activation__serial-number{margin-top:1rem;font-size:13px;color:#848484}.tappy-activation__buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5rem}.tappy-activation__buttons button{width:80%;margin-bottom:2rem;height:55px;border-radius:10px;padding-left:0;padding-right:0}.tappy-activation__new-account{background-color:#567df4!important}.tappy-activation__existing-account{background-color:#555c72!important;border:3px solid #567df4!important}.account-settings{padding:6rem 2rem 3rem}.account-settings__header{font-size:20px;font-weight:500}.account-settings__account-form{padding-bottom:2rem;padding-top:1rem}.account-settings__account-form input{color:#d3d3d3;background-color:#464646!important;border-radius:6px!important;border-width:2px!important;overflow:hidden;transition:all .3s ease-in-out;margin-bottom:1rem}.account-settings__account-form input:focus{color:#d3d3d3!important;box-shadow:none;border:2px double transparent;border-radius:6px!important;background-image:linear-gradient(#464646,#464646),linear-gradient(180deg,#567df4,#6200ee);background-origin:border-box;background-clip:padding-box,border-box}.account-settings__account-form button{margin-top:.5rem;font-size:14px;width:12rem;border-radius:10px;height:3rem;background-color:#5258ec;border:0}.account-settings__account-link{display:block;width:100%;text-align:right}.dashboard-main-container{width:100%;padding:21px 0}.dashboard-heading-container{background-color:#262628;width:100%;padding:60px 20px 10px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.edit-profile-container{display:flex;margin:15px;justify-content:space-between;flex-wrap:wrap;height:260px}.edit-inner-profile-container{display:flex;flex-direction:column;height:100%;width:30%}.commonContainer{display:flex;border-radius:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap!important;background-color:#2c2c2c;padding:15px}.commonContainer.columnDirection{flex-direction:column}.commonContainer.alignCenter{justify-content:center;align-items:center}.commonContainer.marginGap{margin:30px 15px}.commonContainer.marginBottom{margin-bottom:30px}.commonContainer.marginTop{margin-top:10px}.commonContainer.marginRight{margin-right:15px}.common-text{font-size:1.24rem;font-family:"Poppins";color:#fff;text-align:left!important;margin:0!important;padding:0!important}.common-text.heading{font-size:1.55rem;font-weight:700}.common-text.bold{font-weight:600}.common-text.medium{font-size:1rem}.common-text.blackColor{color:#000!important}.common-text.leftSpace{margin-left:15px!important}.common-text.subHeading{font-size:1.86rem}.common-text.btn{background-color:#0a5eac;padding:8px!important;color:#fff!important;font-size:.9rem!important}.common-text.uppercase{text-transform:uppercase}.common-text.title{font-size:.93rem}.common-text.marginTop{margin-top:10px!important}.tappy-container{padding:30px .93rem;overflow-x:auto;white-space:nowrap}.tappy-inner-container{display:inline-flex;white-space:nowrap;overflow-x:auto}.tappy-card-container{flex:0 0 auto;margin-right:20px;width:155px;height:150px;padding:10px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center}.tappy-container::-webkit-scrollbar{height:0!important}.tappy-card-dot{width:80px;height:60px;border-radius:15px}.tappy-card-dot.round{width:60px!important;border-radius:100px!important}
/*# sourceMappingURL=main.e3832a78.chunk.css.map */