@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);html{font-size:62.5%}@media screen and (max-width:365px){html{font-size:58%}}@media screen and (max-width:280px){html{font-size:45%}}.inputs{display:grid;gap:0 1rem;grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);margin:1rem 0;padding:0 1rem;place-items:center;width:100%}.inputs input{border:0;border-radius:100px;max-width:76px;min-width:50px;padding:5px}.inputs input[type=range]{padding:0}.input-group{align-items:center;display:flex;gap:.4rem;justify-content:space-between;margin:4px 0;width:100%;&.single-input{justify-content:center}label[for=image-scale]{align-items:center;display:flex;justify-content:center;svg{border:1px solid #000;border-radius:6px;margin:0 5px 0 10px}}}.input-wrapper{border:1px solid var(--frameBorders);border-radius:100px;display:grid;height:28px;place-items:center;vertical-align:middle}.input-wrapper-color{overflow:hidden;width:60px}.input-group svg{vertical-align:middle}input#text{max-width:unset;width:100%}input[type=color],input[type=file]{display:none}:focus{border-radius:0;outline:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0;border-radius:0}::-moz-color-swatch,::-moz-focus-inner{border:0}::-moz-focus-inner{padding:0}.button{border:none;border-radius:30px;cursor:pointer;display:block;font-size:2.5rem;font-weight:500;min-width:240px;padding:.8rem 1.6rem;transition-duration:167ms;transition-property:background-color,box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1);i{margin:0;padding-right:10px}}.button-primary{background-color:var(--frameBlue-1);color:var(--white);&:hover{background-color:var(--frameBlue-2)}}.button-secondary{background-color:var(--white);box-shadow:inset 0 0 0 1px var(--frameBlue-1);color:var(--frameBlue-1);&:hover{background-color:var(--frameBlueTint);box-shadow:inset 0 0 0 2px var(--frameBlue-1);color:var(--frameBlue-1)}}.top-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}#buttons{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;margin:10px 0;padding:0 5px;>*{text-align:left;width:100%}img{display:block;height:55px;margin:0 auto}}.knobs,.layer{bottom:0;left:0;position:absolute;right:0;top:0}.toggle{height:36px;overflow:hidden;position:relative;transform:scale(.7);width:74px}.toggle.r,.toggle.r .layer{border-radius:100px}.toggle.b2{border-radius:2px}.checkbox{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs{z-index:2}.layer{background-color:#ebf7fc;border:1px solid var(--frameBorders);transition:all .3s ease;width:100%;z-index:1}.toggle .knobs:before{background-color:#03a9f4;border-radius:50%;color:#fff;content:"YES";font-size:9px;font-weight:700;height:10px;left:4px;line-height:1;padding:9px 4px;position:absolute;text-align:center;top:4px;transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15);width:20px}.toggle .checkbox:active+.knobs:before{border-radius:100px;width:46px}.toggle .checkbox:checked:active+.knobs:before{margin-left:-26px}.toggle .checkbox:checked+.knobs:before{background-color:#f44336;content:"NO";left:42px}.toggle .checkbox:checked~.layer{background-color:#fcebeb}.no-border{border:none}#form-widget{background-color:#000;bottom:40px;box-shadow:0 0 25px 0 rgba(0,0,0,.5);color:#fff;cursor:pointer;font-family:Exo\2,sans-serif;font-size:16px;left:-73px;padding:15px;position:fixed;text-align:center;transform:rotate(45deg);-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in;user-select:none;width:300px;&:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}&:before{background:#fff;box-shadow:0 0 15px 3px #fff;content:"";display:block;height:86%;left:0;opacity:0;position:absolute;top:7%;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skewX(-20deg);width:0}&:hover{background-color:#00c7ec;box-shadow:0 0 30px 0 rgba(0,199,236,.5);color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;&:before{-webkit-animation:shine .5s linear 0s;-moz-animation:shine .5s linear 0s;animation:shine .5s linear 0s}}span{display:block;font-weight:600;margin:0 auto;width:150px}}@-webkit-keyframes shine{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@-moz-keyframes shine{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes shine{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@media screen and (max-width:515px){#form-widget{bottom:19px;font-size:13px;left:-100px}}:root{--frameBlue-1:#0a66c2;--frameBlue-2:#004182;--frameBlueTint:#e4f1fe;--white:#fff;--frameBorders:#ccc;--frameBg:#f3f2ef}*{box-sizing:border-box;margin:0;padding:0}body#frame-generator{background-color:var(--frameBg);display:flex;flex-flow:column;font-family:Open Sans,sans-serif;font-size:1.6rem;place-items:center}canvas{border:none;margin:20px 0;width:100%}@media screen and (max-width:515px){canvas{width:97%}}.frame-generator-main{align-items:center;display:flex;flex-direction:column;height:auto;margin:50px 0;max-width:550px;padding:0}section.hero{margin-bottom:50px;width:100%}footer.footer{background-image:url(https://243414052.fs1.hubspotusercontent-na2.net/hubfs/243414052/booter-back.jpg);background-position:top;background-size:cover;color:#fff;font-size:12px;margin-top:auto;padding:20px;text-align:center;text-transform:uppercase;width:100%}section.hero img{width:100%}#title,h2{text-align:center}#title{-webkit-text-stroke:1px rgba(0,0,0,.1);color:#fff;font-size:50px;margin-bottom:10px;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);text-transform:uppercase}@media screen and (max-width:515px){#title{font-size:35px}}h2{color:#656565;margin-bottom:20px}label i{margin:0 7px}.toastify-success{background:#38a131;border-radius:12px;box-shadow:0 0 25px 0 rgba(0,0,0,.9);color:#fff}.picker-container{position:absolute}.droparea{background-color:#a9d9f9e9;background-color:#369ee3e9;border:15px dashed #fff;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:80px;font-weight:800;height:calc(100vh - 50px);outline:8px solid #369ee3e9;padding:20px;place-items:center;pointer-events:none;position:fixed;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.5);transition:border .3s;width:calc(100vw - 50px)}.hover .droparea{display:grid}#copyright{font-size:14px}#CookiebotWidget,#CybotCookiebotDialogNavList,#CybotCookiebotDialogPoweredbyCybot{display:none!important}.row{display:flex;flex-flow:column;gap:4rem;max-width:1440px;padding:20px;width:100%}@media (min-width:767px){.row{flex-flow:row}}.text-center,.text-left,.text-right{text-align:center}@media (min-width:767px){.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}}.align-middle{align-items:center}.align-start{align-items:start}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.social-icons{gap:4rem;margin:2rem}.social-icons,.social-icons a{display:flex;justify-content:center}.social-icons a{align-items:center;background-color:#017bc5;border-radius:50px;height:50px;width:50px}.social-icons a svg{fill:#fff;height:30px}.button{background-color:#017bc5;border:0;border-radius:0;color:#fff;font-family:Inter,sans-serif;font-weight:400;padding:12px 30px;fill:#fff;display:inline-block;font-size:18px;margin:2rem 0;text-align:center}.button,.h2{font-style:normal;text-decoration:none;text-transform:none}.h2{color:#000;font-family:degular,sans-serif;font-size:42px;font-weight:700;font-weight:400;margin-bottom:2rem}f1{flex:1}f2{flex:2}.information{border-top:3px solid #000;margin:4rem auto;padding:50px 20px 0}.information p{margin:0 auto;max-width:400px}ul.links{list-style:none;margin:0;padding:0}ul.links a{color:#000}ul.links li:first-child{font-size:2rem;font-weight:800}ol{padding-left:20px}ol li{margin-bottom:1rem}.instructions{margin:0 auto;max-width:1440px;padding:0 20px}