:root{--blue-1:#0d47a1;--blue-2:#1565c0;--blue-3:#1976d2;--blue-4:#1e88e5;--blue-5:#2196f3;--blue-6:#42a5f5;--blue-7:#64b5f6;--blue-8:#90caf9;--blue-9:#bbdefb;--blue-10:#e3f2fd;--blue-11:#f1f8ff;--cyan-1:#2c6dff;--cyan-2:#6a96fd;--cyan-3:#9ab7fb;--cyan-4:#a3cbfb;--cyan-5:#dbebff;--cyan-6:#eaf4ff;--cyan-7:#f7fafe;--cyan-8:#fbfdff;--cyan-9:#ebeef5;--red-1:#ca0101;--red-2:#ff4d4d;--red-3:#fff9f9;--red-4:#ffd4d4;--red-4-opaque:#ffd4d431;--red-50:#ffebee;--red-100:#ffcdd2;--red-200:#ef9a9a;--red-300:#e57373;--red-400:#ef5350;--red-500:#f44336;--red-600:#e53935;--red-700:#d32f2f;--red-800:#c62828;--red-900:#b71c1c;--black-1:#000;--black-2:#1a1a1a;--black-3:#2d2d2d;--black-4:#404040;--black-5:#535353;--black-6:#666;--black-7:#7a7a7a;--black-8:#8d8d8d;--black-9:#a0a0a0;--black-glassy-1:#00000080;--black-glassy-2:#0000004d;--black-glassy-3:#000000b3;--black-glassy-4:#0000001a;--grey-100:#f4f4f5;--grey-1:#f8f9fa;--grey-2:#e9ecef;--grey-3:#dee2e6;--grey-4:#ced4da;--grey-5:#adb5bd;--grey-6:#6c757d;--grey-7:#495057;--grey-8:#343a40;--grey-9:#212529;--grey-glassy-1:#80808080;--grey-glassy-2:#8080804d;--grey-glassy-3:#808080b3;--white-1:#fff;--white-2:#f6f6f6;--white-3:#fafafa;--white-glassy-1:#fff6;--white-glassy-2:#fff3;--white-glassy-3:#ffffffb3;--white-glassy-4:#ffffffe6;--green-1:#2e7d32;--green-2:#11d24a;--green-3:#c9ffcaa3;--green-4:#e9faec;--violet-1:#c45ce0;--violet-2:#d07ce8;--violet-3:#dc9cef;--violet-4:#e8bcf6;--violet-5:#f4dcfd;--violet-6:#f9ecfe;--violet-7:#fcf6ff;--violet-8:#fefaff;--violet-9:#fffcff;--yellow-1:#ff8f00;--yellow-2:#ffa726;--yellow-3:#ffb74d;--yellow-4:#ffcc02;--yellow-5:#ffeb3b;--yellow-6:#fff176;--yellow-7:#fff59d;--yellow-8:#fff9c4;--yellow-9:#fffde7;--orange-1:#e65100;--orange-2:#ff5722;--orange-3:#ff7043;--orange-4:#ff8a65;--orange-5:#ffab91;--orange-6:#ffccbc;--orange-7:#fbe9e7;--orange-8:#fff3e0;--orange-9:#fff8f5;--color1:0,255,242;--color2:0,123,255;--color3:255,0,242;--color4:254,110,85;--color5:255,231,97;--color-interactive:130,90,255;--circle-size:300px;--blending:screen;--box-shadow-xs:0 1px 2px 0 #0000000d;--box-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--box-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--box-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--box-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--box-shadow-2xl:0 25px 50px -12px #00000040;--box-shadow-inner:inset 0 2px 4px 0 #0000000d;--box-shadow-none:0 0 #0000;--small-text-size:.8rem}
*{box-sizing:border-box}html,body{background-color:var(--white-1);height:100vh;height:-webkit-fill-available;margin:0;font-family:Avenir,Montserrat,sans-serif}a{text-decoration:none}img{max-width:100%;display:block}svg{fill:var(--cyan-1)}h1{margin:0 0 1rem;font-size:1.75rem;font-weight:600;line-height:1.2}h2{margin-bottom:.875rem;font-size:1.6rem;font-weight:500;line-height:1.3}h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:500;line-height:1.4}h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:500;line-height:1.4}h5{margin:0 0 .5rem;font-size:1rem;font-weight:500;line-height:1.5}h6{margin:0 0 .5rem;font-size:.875rem;font-weight:500;line-height:1.5}h1 span,h2 span,h3 span{background:var(--blue-3);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}p,label,header a,footer a,footer p,li,ol,a,button,input,textarea,input::placeholder{color:var(--black-3);margin:0;font-size:.875rem;font-weight:400}label{color:var(--black-6);font-size:.8125rem}p,input,select,li,ol,a,header a,footer a,footer p,textarea{line-height:1.6}p.secodary{color:var(--black-5);font-size:.8125rem;font-weight:300}li{list-style:circle}ul{margin-block:1em;margin-inline:0;padding-inline-start:0}@media screen and (min-width:768px){h1{margin:0 0 1.25rem;font-size:2.5rem;line-height:1.2}h2{margin-bottom:1.125rem;font-size:2rem;line-height:1.25}h3{margin:0 0 1rem;font-size:1.75rem;line-height:1.3}h4{margin:0 0 .875rem;font-size:1.5rem;line-height:1.35}h5{margin:0 0 .75rem;font-size:1.25rem;line-height:1.4}h6{margin:0 0 .75rem;font-size:1rem;line-height:1.5}p,label,header a,footer a,footer p,li,ol,a,button,input,textarea,input::placeholder{font-size:.9375rem}label{font-size:.875rem}p,input,select,li,ol,a,header a,footer a,footer p,textarea{line-height:1.65}p.secodary{font-size:.875rem}}@media screen and (min-width:1024px){h1{margin:0 0 1.5rem;font-size:3rem;line-height:1.15}h2{margin-bottom:1.25rem;font-size:2.25rem;line-height:1.2}h3{margin:0 0 1.125rem;font-size:1.875rem;line-height:1.3}h4{margin:0 0 1rem;font-size:1.5rem;line-height:1.35}h5{margin:0 0 .875rem;font-size:1.25rem;line-height:1.4}h6{margin:0 0 .75rem;font-size:1.125rem;line-height:1.5}p,label,header a,footer a,footer p,li,ol,a,button,input,textarea,input::placeholder{font-size:1rem}label{font-size:.9375rem}p,input,select,li,ol,a,header a,footer a,footer p,textarea{line-height:1.7}p.secodary{font-size:.9375rem}}@media screen and (min-width:1440px){h1{margin:0 0 1.75rem;font-size:3.5rem;line-height:1.1}h2{margin-bottom:1.5rem;font-size:2.75rem;line-height:1.2}h3{margin:0 0 1.25rem;font-size:2.25rem;line-height:1.25}h4{margin:0 0 1.125rem;font-size:1.75rem;line-height:1.3}h5{margin:0 0 1rem;font-size:1.5rem;line-height:1.35}h6{margin:0 0 .875rem;font-size:1.25rem;line-height:1.4}p,label,header a,footer a,footer p,li,ol,a,button,input,textarea,input::placeholder{font-size:1.0625rem}label{font-size:1rem}p,input,select,li,ol,a,header a,footer a,footer p,textarea{line-height:1.75}p.secodary{font-size:1rem}}input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]),textarea,select{background-color:var(--white-1);border:1px solid var(--grey-3);width:100%;height:50px;color:var(--black-3);border-radius:8px;margin-top:4px;padding:14px;font-family:Montserrat,sans-serif;font-size:1rem}textarea{font-family:Montserrat,sans-serif}input::placeholder{opacity:.5}input,button,label{-webkit-user-select:none;user-select:none;font-family:Montserrat,sans-serif}input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{box-shadow:var(--box-shadow-sm);background-color:var(--white-1);outline:none;transition:all .2s}.invalid-input,input.invalid-input:focus{color:var(--red-2)!important;border:1.5px solid var(--red-2)!important}input.invalid-input::placeholder{color:var(--red-2);opacity:.4}.invalid-input-label{color:var(--red-2)}.errorMessage{color:var(--red-2);margin-top:.3rem;font-size:.9rem}.inputWrapper.inErrorState p{color:var(--red-2);font-size:.9rem}.inputWrapper.inErrorState input,.inputWrapper.inErrorState select{background-color:var(--red-4-opaque);color:var(--red-2);border-color:var(--red-2)}.inputWrapper.inErrorState label{color:var(--red-2)}fieldset{border:none;padding:0}button{white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:100px;justify-content:center;align-items:center;gap:5px;padding:10px 12px;font-size:.9rem;font-weight:500;display:flex}button:hover{cursor:pointer;opacity:.8}button:disabled{opacity:.6!important}button>svg{width:20px;height:20px}button.contained{background-color:var(--cyan-1);color:var(--white-1);border:1px solid var(--cyan-2)}button.contained svg{fill:var(--white-1)}button.outlined{background-color:var(--white-1);color:var(--cyan-1);border:1px solid var(--cyan-1)}button.text{background-color:var(--white-1);color:var(--cyan-1);border:none}button.text:hover{background-color:var(--cyan-7)}button.warning{color:var(--red-2);border-color:var(--red-2)}button.warning:hover{background-color:var(--red-4-opaque)}button.warning svg{fill:var(--red-2)}button.contained,button.outlined,button.text{height:50px}button.small{height:40px}button.small svg{width:16px;height:16px}button.noPadding{height:fit-content;padding:3px!important}button.squared{border-radius:8px;padding-left:30px;padding-right:30px}button.rounded{border-radius:100px}.upload-button{background-color:var(--cyan-1);color:var(--white-1);border:none;border-radius:50px;padding:2rem 2.5rem;font-size:1.5rem}apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:47px;--apple-pay-button-border-radius:10px;--apple-pay-button-padding:5px 0px;--apple-pay-button-box-sizing:border-box;border-radius:10px;flex:1;display:flex}apple-pay-button:hover{opacity:.8}.google-pay-button-container{flex:1;height:47px;margin:auto;display:flex}.gpay-button{border-radius:10px!important;height:47px!important;min-height:47px!important;padding:13px 0!important}footer{text-align:center}.divider{background-color:var(--grey-3);width:100%;min-height:1px}.sectionLegend{font-weight:500}.waitingContainer,.waitingContainerError{background-color:var(--black-glassy-3);-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waitingContainer.squared{border-radius:0}.waitingContainer p{color:var(--white-1);text-shadow:var(--box-shadow-md);text-align:center;font-weight:500}.waitingContainerError{border:1px solid var(--red-2);background-color:var(--white-glassy-3)}.waitingContainerError p{text-shadow:var(--box-shadow-md);text-align:center;color:var(--red-1);max-width:30ch;font-size:1.2rem;font-weight:500}.waitingContainerError svg{fill:var(--red-1)}.dropenter{background-color:var(--white-glassy-3);object-fit:cover;z-index:20;background-image:url(/images/corner.svg);background-position:50%;background-repeat:no-repeat;background-size:90% 99%;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;display:flex;position:fixed;top:0;right:0}.dropenter h1{color:var(--black-4)}.closeIcon{z-index:3;background-color:var(--black-glassy-3);width:30px;height:30px;color:var(--white-glassy-4);border-radius:200px;padding:.2rem;position:absolute;top:10px;right:10px}.closeIcon:hover{cursor:pointer;transition:all .1s;transform:scale(1.1)}.twoUpComponent{--accent-colour:var(--cyan-5);--track-color:var(--cyan-5);--thumb-color:var(--cyan-5);--thumb-background:var(--white-1);--thumb-size:50px;--bar-size:3px;max-height:calc(100vh - 60px)}.twoUpComponent>div.react-transform-wrapper{max-width:95vw;min-height:calc(100vh - 60px);overflow-x:hidden}.twoUpComponent svg{fill:var(--cyan-1);color:var(--cyan-1)}.twoUpComponent>div:last-of-type>div{border-radius:2000px;width:50px;height:50px}.twoUpComponent>div:last-of-type>div>svg{font-size:5rem}.twoUpComponent>div:first-of-type,.twoUpComponent>div:nth-of-type(2){background-color:var(--veryLightCyan)}.twoUpComponent div:before{box-shadow:none}.twoUpComponent canvas{width:100vw}.cropper-modal{opacity:0!important}.beforeLabel,.afterLabel{background-color:var(--black-glassy-3);color:var(--white-glassy-4);border:.5px solid var(--white-glassy-1);border-radius:200px;padding:.6rem .9rem;font-weight:500;position:absolute;bottom:2%}.beforeLabel{left:2%}.afterLabel{right:2%}.BubbiWatermark:before{background:url(/images/watermarkBubbi.png) 50% no-repeat}.VecticonWatermark:before{background:url(/images/watermarkLogo.png) 50% no-repeat}.result,.error{margin-top:10px;margin-bottom:20px}.result{color:var(--blue-2)}.doneSvgIcon{fill:green;background-color:var(--white-1);border-radius:100px;transition:all .3s;animation:1.5s ease-in sizeChange}@keyframes sizeChange{0%{transform:scale(1)}20%{transform:scale(1.4)}to{transform:scale(1.5)}}@keyframes skeletonAnimation{0%{background-position:100% 0}50%{background-position:50% 0}to{background-position:0 0}}.skeletonAnimation{background:linear-gradient(90deg,var(--grey-1)25%,var(--grey-2)50%,var(--grey-1)75%);background-size:200% 100%;border-radius:10px;width:fit-content;margin:8px;padding:8px;animation:1.5s ease-in-out infinite skeletonAnimation}.sr-only{width:1px;height:1px;clip-path:rect(0 0 0 0);overflow-wrap:normal;border:0;padding:0;position:absolute;overflow:hidden}button:focus,button:focus-visible,textarea:focus,textarea:focus-visible,input:focus,input:focus-visible,svg:focus,svg:focus-visible{outline:none!important}span.text-pause-ssmlid{background-image:url(/images/pause-icon.svg);background-position:5px 50%;background-repeat:no-repeat;background-size:18px 18px;padding-left:30px}
.react-colorful{width:100%;min-width:100%}.react-colorful__saturation{border-bottom:none;margin-top:10px;border-radius:8px!important}.react-colorful__hue{order:-1}.react-colorful__hue,.react-colorful__alpha{height:14px;border-radius:18px!important}.react-colorful__hue-pointer,.react-colorful__alpha-pointer{width:20px;height:20px}@media (min-width:768px){.react-colorful{min-width:fit-content}}