@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);.Canvas{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s,-webkit-filter .25s;-webkit-animation:fadein 2s;animation:fadein 2s}.shadow{background:hsl(0deg 0% 0%/.25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.edge,.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.front{display:block;position:relative;padding:12px 42px;border-radius:12px;font-size:1.25rem;color:#fff;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.pushable:hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front{transform:translateY(-2px);transition:transform 34ms}.pushable:hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .shadow{transform:translateY(1px);transition:transform 34ms}.pushable:focus:not(:focus-visible){outline:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}#root,#site{height:100vh}#site{display:flex;flex-flow:row}@supports (-webkit-touch-callout:none){#root,#site{height:-webkit-fill-available}#site{display:flex;flex-flow:row}}html{height:100%}body{font-family:"Inter",sans-serif;font-display:optional;color:#000;margin:0;flex:1 1 auto}*{outline:none!important}.title{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.subtitle{font-family:"Roboto-Bold",sans-serif;color:#9925dd;font-weight:600;padding:10px}.center{align-items:center;justify-content:center;flex:1 1}#editor{right:0}#editor,#state{position:absolute;top:0;padding:10px;z-index:1}#state{left:0}#canvas{height:70%;flex:1 1 auto}#canvas,#social-icons{display:flex;z-index:0}#social-icons{justify-content:center;flex:0 1 80px}#r3f-gradient-canvas{position:fixed!important;z-index:-1}#gradient-canvas,#r3f-gradient-canvas{width:100vw;height:100vh;--gradient-color-1:#fff;--gradient-color-2:#fb3e3e;--gradient-color-3:#7038ff;--gradient-color-4:#fff}#gradient-canvas{position:fixed}#bg-image-wrapper{height:100vh;width:100vw;overflow:hidden;position:absolute;display:flex}#bg-image{display:none;flex:1 1 auto;background-image:url("https://www.lifewire.com/thmb/JgVrz6KxDFnJyjsVBsGQaltq5wo=/3000x1687/smart/filters:no_upscale()/light-trails-on-road-against-sky-at-night-928301234-72e1abde1bb2402d891f73074a10edfb.jpg");background-position:50%;background-size:100%;--image-blur:8px;--image-contrast:100%;--image-brightness:100%;filter:blur(var(--image-blur)) contrast(var(--image-contrast)) brightness(var(--image-brightness));-webkit-filter:blur(var(--image-blur)) contrast(var(--image-contrast)) brightness(var(--image-brightness));transform:scale(1.1)}.sticker-icon-link{padding:20px;display:inline-flex}.sticker{flex-direction:row;justify-content:center;align-items:center;align-content:center;--horizontal-padding:10px;--vertical-padding:10px;padding-top:var(--vertical-padding);padding-right:var(--horizontal-padding);padding-bottom:10px;padding-left:var(--horizontal-padding)}.sticker,.sticker_link{display:flex}.inner{width:220px!important;height:100px!important}.gpw .trigger,.inner{flex:1 1 auto!important}.gpw .trigger{display:flex!important}.text-center{display:flex;text-align:center;justify-content:center}[contenteditable]:focus{outline:0 solid transparent}button{margin-right:2px;border:0 solid transparent;border-radius:20px}button:focus{outline:0 solid transparent}a{text-decoration:none;color:inherit}.picker-row-title{justify-content:flex-start}.picker-row-bg,.picker-row-title{padding-top:10px;padding-bottom:5px;display:flex}.picker-row-bg{flex-direction:row;justify-content:center}.sticker-color-picker{height:36px;width:36px}input[type=color]{-webkit-appearance:none;padding:0;width:50px;height:50px;overflow:hidden;border-radius:100%;box-shadow:4px 4px 10px rgba(0,0,0,.1);outline:0 solid transparent;cursor:pointer;border:outset;border-width:initial}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]:hover{-webkit-filter:brightness(90%);transition:all .3s ease}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{width:70%;padding:12px 20px;margin:8px 0;font-size:13.333px;box-sizing:border-box;color:#fff;background-color:#3cbc8d;display:inline-block;border:1px;border-radius:4px;text-align:center}.inputfile+label:hover,.inputfile:focus+label{background-color:#3cbc6f}.inputfile+label{cursor:pointer}.edit-elt{padding-top:25%;flex:1 1 auto}.edit-elt-label{font-family:"Roboto",sans-serif;color:#474747;font-weight:600;flex:1 1 auto}.hover_bkgr_fricc{background:rgba(0,0,0,.4);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}.hover_bkgr_fricc .helper{display:inline-block;height:100%;vertical-align:middle}.hover_bkgr_fricc>div{box-shadow:10px 10px 60px #555;height:auto;max-width:551px;min-height:100px;vertical-align:middle;width:60%;position:relative;border-radius:8px;padding:15px 5%}.hover_bkgr_fricc>div,.popupCloseButton{background-color:#fff;display:inline-block}.popupCloseButton{border:3px solid #999;border-radius:50px;cursor:pointer;font-family:arial;font-weight:700;position:absolute;top:-20px;right:-20px;font-size:25px;line-height:30px;width:30px;height:30px;text-align:center}.popupCloseButton:hover{background-color:#ccc}.trigger_popup_fricc{cursor:pointer;font-size:20px;position:absolute;margin:20px 20px 20px auto;right:0;padding-right:5px;font-family:"Roboto-Bold",sans-serif;color:#9925dd;font-weight:600}#loading-screen{position:fixed;z-index:2;top:10%;left:0;width:100%;height:100%;opacity:1;transition:opacity 1s}#loading-screen.fade-out{opacity:0}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#ba55d3;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f0f;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}