:root{--primary:#2c6dff;--secondary:#6a96fd;--tertiary:#9ab7fb;--primaryHover:#1e4cb2;--hoverShadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);--primaryShadow:#a3cbfb;--lightCyan:#dbebff;--subtleCyan:#eaf4ff;--verySubtleCyan:#f7fafe;--opaquePrimary:#fbfdff;--lightGreyBluish:#ebeef5;--white:#ffffff;--violet:#5c5ce0;--black:#333333;--grey:#b8b8b8;--mediumGrey:#212121;--lightGrey:#cacaca;--mediumLightGrey:#ececec;--light-grey:#f6f6f6;--veryLightGrey:#c5cedb;--tertiaryGrey:#fafafa;--green:#388e3c;--successGreen:#11d24a;--backgroundGreen:rgb(201,255,202);--subtleGreen:#e9faec;--errorPink:#ffd4d4;--opaqueErrorPink:#ffd4d431;--errorRed:#ff4d4d;--darkRed:#ca0101;--dangerBoxBorderColor:#fff9f9;--dangerBoxBackgroundColor:#ff4d4d;--lightBlue:#e6f0ff;--toolPageBackground:hsla(235,100%,98%,0.77);--glassy_white:rgba(255,255,255,0.4);--glassy_white_deep:rgba(255,255,255,0.7);--lightShadow:0px 4px 10px 0px #f2f2f2;--box-shadow:0px 0px 15px 1px var(--lightGrey);--box-shadow-large:0px 0px 10px 3px var(--subtleCyan);--box-shadow-backdrop:0 10px 150px rgba(0,0,0,0.25);--box-shadow-depth:0 6.4px 14.4px 0 rgba(0,0,0,0.132),0 1.2px 3.6px 0 rgba(0,0,0,0.108);--editorBackgroundColor:white;--editorBackgroundColor:#0f121c;--editorMain:#2a2c39;--editorSecondary:#565656;--editorBorderGrey:#d4ddea;--editorCanvaSquare2:#eee;--box-shadow-card:#32325d26 0px 1px 3px,#00000005 0px 1px 0px;--contentWidth:72vw;--contentWidthLarge:60vw;--linear-gradient:linear-gradient(270deg,#2c6dff 3.15%,#3ba8ff);--close-icon-background-color:#f3f4ff55;--close-icon-color:#aaaaaa;--yellow:#ffb300;--editBlack:#497baa;--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:#ffd4d431;--grey-1:#cccccc;--grey-2:#424870;--grey-3:#f4f4f4;--grey-4:#e8e8e8;--grey-5:#fafafa;--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;--small-text-size:0.8rem;--box-shadow-3:0 8px 30px rgba(0,0,0,0.1);--skeleton-grey-from:#ececec;--skeleton-grey-to:#dfdfdf}span.text-pause-ssmlid{background-position:center left 5px;background-size:18px 18px;background-image:url(/images/pause-icon.svg);background-repeat:no-repeat;padding-left:30px}.dropenter{position:fixed;top:0;right:0;min-width:100vw;min-height:100vh;background-color:rgba(160,202,253,.824);z-index:20;display:flex;justify-content:center;align-items:center;background-image:url(/images/corner.svg);object-fit:cover;background-repeat:no-repeat;background-size:90% 99%;background-position:50%}.dropenter h1{color:#333333}svg{fill:var(--primary);font-size:3rem}body,html{background-color:var(--white);font-family:Montserrat,sans-serif;margin:0;height:100vh;height:-webkit-fill-available}footer{text-align:center}h1{font-size:calc(1.7rem + .8vw);margin:0 0 calc(.5rem + .2vw);font-weight:600}h1 span,h2 span,h3 span{background:var(--linear-gradient);-webkit-background-clip:text;color:transparent;display:inline-block}h2{font-size:calc(1.4rem + .8vw);margin-bottom:calc(2rem + 1vw)}h2,h3{font-weight:500}h3{font-size:calc(1.2rem + .8vw);margin:0 0 2rem}h4{font-size:calc(1.1rem + .8vw)}h4,h5{font-weight:500}h5{font-size:calc(1rem + .8vw);margin:0}*{box-sizing:border-box}a{text-decoration:none}img{max-width:100%;display:block}a,button,footer a,footer p,header a,input,input::placeholder,label,li,ol,p,textarea{font-weight:400;font-size:.9rem;margin:0;color:var(--mediumGrey)}a,footer a,footer p,header a,input,li,ol,p,select,textarea{line-height:1.55rem}p.secodary{font-size:.9rem;color:var(--editorSecondary);font-weight:300}input,select,textarea{height:50px;border-radius:10px;width:100%;padding:14px;background-color:#fafafa;border:none;margin-top:5px;color:#333333;font-size:1rem;font-family:Montserrat,sans-serif;border:1px solid var(--grey-4)}input::placeholder{opacity:.5}textarea{height:8rem;min-width:100%;max-width:100%;max-height:80ch;min-height:3rem}button,input,label,textarea{font-family:Montserrat,sans-serif}button,input,label{-webkit-user-select:none;-moz-user-select:none;user-select:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;border-width:1px!important;outline:0 solid transparent}li{list-style:circle}ul{-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}.error,.result{margin-top:10px;margin-bottom:20px}.result{color:#666ee8}.invalid-input,input.invalid-input:focus{color:#ff4d4d!important;border:1.5px solid #ff4d4d!important}input.invalid-input::placeholder{color:#ff4d4d;opacity:.4}.errorMessage{color:#ff4d4d;margin-top:.3rem;font-size:.9rem}.invalid-input-label{color:#ff4d4d}.upload-button{background-color:var(--primary);color:var(--white);border:none;border-radius:50px;padding:2rem 2.5rem;font-size:1.5rem}button{border:none;padding:1rem;border-radius:5px;-moz-user-select:none;user-select:none;-webkit-user-select:none;font-weight:500}button:hover{cursor:pointer}.doneSvgIcon{fill:green;animation:sizeChange 1.5s ease-in;transition:.3s;background-color:white;animation-iteration-count:1;border-radius:100px}@keyframes sizeChange{0%{transform:scale(1)}20%{transform:scale(1.4)}to{transform:scale(1.5)}}.afterLabel,.beforeLabel{font-weight:500;background-color:rgba(0,0,0,.6);color:rgba(255,255,255,.9);border-radius:200px;padding:.6rem .9rem;position:absolute;bottom:2%;border:.5px solid rgba(255,255,255,.32)}.beforeLabel{left:2%}.afterLabel{right:2%}apple-pay-button{--apple-pay-button-width:100%;--apple-pay-button-height:47px;--apple-pay-button-border-radius:5px;--apple-pay-button-padding:5px 0px;--apple-pay-button-box-sizing:border-box;display:flex;flex:1 1;border-radius:6px}apple-pay-button:hover{opacity:.8}.google-pay-button-container{margin:auto;display:flex;flex:1 1;height:47px}.gpay-button{height:47px!important;min-height:47px!important;border-radius:6px!important;padding:13px 0!important}.waitingContainer,.waitingContainerError{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;width:100%;background-color:rgba(0,0,0,.7);border-radius:20px;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.squared{border-radius:0}.waitingContainer p{color:white;text-shadow:var(--box-shadow);font-weight:500;text-align:center}.waitingContainerError{border:1px solid red;background-color:rgba(255,255,255,.73)}.waitingContainerError p{text-shadow:var(--box-shadow);font-weight:500;text-align:center;color:var(--darkRed);font-size:1.2rem;max-width:30ch}.waitingContainerError svg{fill:var(--darkRed);font-size:2.5rem}.closeIcon{position:absolute;top:10px;right:10px;height:30px;width:30px;border-radius:200px;z-index:3;background-color:rgba(0,0,0,.6);color:rgba(255,255,255,.9);padding:.2rem}.closeIcon:hover{cursor:pointer;transform:scale(1.1);transition:.1s}.twoUpComponent{--accent-colour:var(--lightCyan);--track-color:var(--lightCyan);--thumb-color:var(--lightCyan);--thumb-background:#fff;--thumb-size:50px;--bar-size:3px;max-height:calc(100vh - 60px)}.twoUpComponent>div.react-transform-wrapper{max-width:95vw;overflow-x:hidden;min-height:calc(100vh - 60px)}.twoUpComponent svg{fill:var(--primary);color:var(--primary)}.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{padding:0 10px;height:50px;display:flex;justify-content:center;align-items:center;font-size:.9rem;border-radius:10px;gap:5px;background-color:transparent;white-space:nowrap;border-radius:100px}button>svg{height:20px;width:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px}button.contained{background-color:var(--primary);color:white}button.contained,button.outlined,button.text{height:50px}button.contained svg{fill:white}button.outlined,button.text{background-color:white;color:var(--primary)}button.outlined{border:1px solid var(--primary)}button.text{border:none}button.text:hover{background-color:var(--verySubtleCyan)}button.small{height:40px}button.small svg{height:16px;width:16px;min-width:16px;max-width:16px;min-height:16px;max-height:16px}button.warning{color:var(--dangerBoxBackgroundColor);border-color:var(--dangerBoxBackgroundColor)}button.warning:hover{background-color:rgba(202,1,1,.05)}button.warning svg{fill:var(--dangerBoxBackgroundColor)}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;cursor:wait}button.noPadding{padding:3px!important;height:-moz-fit-content;height:fit-content}fieldset{padding:0;border:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:rect(0 0 0 0);clip-path:rect(0 0 0 0);overflow-wrap:normal;border:0}.inputWrapper.inErrorState p{color:var(--errorRed);font-size:.9rem}.inputWrapper.inErrorState input,.inputWrapper.inErrorState select{background-color:var(--opaqueErrorPink);color:var(--errorRed);border-color:var(--errorRed)}.inputWrapper.inErrorState label{color:var(--errorRed)}.skeletonAnimation{width:-moz-fit-content;width:fit-content;border-radius:10px;animation:skeletonAnimation 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--skeleton-grey-from) 25%,var(--skeleton-grey-to) 50%,var(--skeleton-grey-from) 75%);background-size:200% 100%;padding:8px;margin:8px}@keyframes skeletonAnimation{0%{background-position:100% 0}50%{background-position:50% 0}to{background-position:0 0}}.sectionLegend{font-weight:500}.divider{height:1px;background-color:var(--grey-4)}