: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}
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}.dropenter{background-color:var(--white-glassy-3);z-index:20;object-fit:cover;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)}svg{fill:var(--cyan-1)}html,body{background-color:var(--white-1);height:100vh;height:-webkit-fill-available;margin:0;font-family:Avenir,Montserrat,sans-serif}footer{text-align:center}h1{margin:0 0 calc(.5rem + .2vw);font-size:calc(1.7rem + .8vw);font-weight:600}h1 span,h2 span,h3 span{background:var(--blue-3);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}h2{margin-bottom:calc(2rem + 1vw);font-size:calc(1.4rem + .8vw);font-weight:500}h3{margin:0 0 2rem;font-size:calc(1.2rem + .8vw);font-weight:500}h4{font-size:calc(1.1rem + .8vw);font-weight:500}h5{margin:0;font-size:calc(1rem + .8vw);font-weight:500}*{box-sizing:border-box}a{text-decoration:none}img{max-width:100%;display: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:.9rem;font-weight:400}label{color:var(--black-6);font-size:.85rem}p,input,select,li,ol,a,header a,footer a,footer p,textarea{line-height:1.55rem}p.secodary{color:var(--black-5);font-size:.9rem;font-weight:300}input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]),textarea,select{background-color:var(--white-1);width:100%;height:50px;color:var(--black-3);border:none;border:1px solid var(--grey-3);border-radius:8px;margin-top:4px;padding:14px;font-family:Montserrat,sans-serif;font-size:1rem}input::placeholder{opacity:.5}textarea{font-family:Montserrat,sans-serif}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}li{list-style:circle}ul{margin-block:1em;margin-inline:0;padding-inline-start:0}.result,.error{margin-top:10px;margin-bottom:20px}.result{color:var(--blue-2)}.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}.errorMessage{color:var(--red-2);margin-top:.3rem;font-size:.9rem}.invalid-input-label{color:var(--red-2)}.upload-button{background-color:var(--cyan-1);color:var(--white-1);border:none;border-radius:50px;padding:2rem 2.5rem;font-size:1.5rem}button{-webkit-user-select:none;user-select:none;border:none;border-radius:100px;padding:1rem;font-weight:500}button:hover{cursor:pointer}.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)}}.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%}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}.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%)}.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)}.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)}.cropper-modal{opacity:0!important}.twoUpComponent div:before{box-shadow:none}.twoUpComponent canvas{width:100vw}.BubbiWatermark:before{background:url(/images/watermarkBubbi.png) 50% no-repeat}.VecticonWatermark:before{background:url(/images/watermarkLogo.png) 50% no-repeat}button{white-space:nowrap;background-color:#0000;border-radius:100px;justify-content:center;align-items:center;gap:5px;padding:10px 12px;font-size:.9rem;display:flex}button>svg{width:20px;height:20px}button.contained{background-color:var(--cyan-1);color:var(--white-1)}button.contained,button.outlined,button.text{height:50px}button.contained svg{fill:var(--white-1)}button.outlined,button.text{background-color:var(--white-1);color:var(--cyan-1)}button.outlined{border:1px solid var(--cyan-1)}button.text{border:none}button.text:hover{background-color:var(--cyan-7)}button.small{height:40px}button.small svg{width:16px;height:16px}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.squared{border-radius:8px;padding-left:30px;padding-right:30px}button.rounded{border-radius:100px}button:hover{opacity:.8}button:disabled{opacity:.6!important}button.noPadding{height:fit-content;padding:3px!important}fieldset{border:none;padding:0}.sr-only{width:1px;height:1px;clip-path:rect(0 0 0 0);overflow-wrap:normal;border:0;padding:0;position:absolute;overflow:hidden}.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)}.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}button:focus,button:focus-visible,textarea:focus,textarea:focus-visible,input:focus,input:focus-visible,svg:focus,svg:focus-visible{outline:none!important}@keyframes skeletonAnimation{0%{background-position:100% 0}50%{background-position:50% 0}to{background-position:0 0}}.sectionLegend{font-weight:500}.divider{background-color:var(--grey-3);width:100%;min-height:1px}
.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}}