@font-face{font-family:Roboto;font-weight:"400";font-style:normal;font-display:swap;src:url(../../assets/fonts/banner-maker/Roboto-Regular.eot);src:local("Roboto-Regular"),url(../../assets/fonts/banner-maker/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/banner-maker/Roboto-Regular.woff) format("woff"),url(../../assets/fonts/banner-maker/Roboto-Regular.woff2) format("woff2"),url(../../assets/fonts/banner-maker/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:"400";font-style:normal;font-display:swap;src:url(../../assets/fonts/banner-maker/Poppins-Regular.eot);src:local("Poppins-Regular"),url(../../assets/fonts/banner-maker/Poppins-Regular.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/banner-maker/Poppins-Regular.woff) format("woff"),url(../../assets/fonts/banner-maker/Poppins-Regular.woff2) format("woff2"),url(../../assets/fonts/banner-maker/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Montserrat;font-weight:"400";font-style:normal;font-display:swap;src:url(../../assets/fonts/banner-maker/Montserrat-Regular.eot);src:local("Montserrat-Regular"),url(../../assets/fonts/banner-maker/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/banner-maker/Montserrat-Regular.woff) format("woff"),url(../../assets/fonts/banner-maker/Montserrat-Regular.woff2) format("woff2"),url(../../assets/fonts/banner-maker/Montserrat-Regular.ttf) format("truetype")}@font-face{font-family:NunitoSans;font-weight:"400";font-style:normal;font-display:swap;src:url(../../assets/fonts/banner-maker/NunitoSans-Regular.eot);src:local("NunitoSans-Regular"),url(../../assets/fonts/banner-maker/NunitoSans-Regular.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/banner-maker/NunitoSans-Regular.woff) format("woff"),url(../../assets/fonts/banner-maker/NunitoSans-Regular.woff2) format("woff2"),url(../../assets/fonts/banner-maker/NunitoSans-Regular.ttf) format("truetype")}@font-face{font-family:Raleway;font-weight:"400";font-style:normal;font-display:swap;src:url(../../assets/fonts/banner-maker/Raleway-Regular.eot);src:local("Raleway-Regular"),url(../../assets/fonts/banner-maker/Raleway-Regular.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/banner-maker/Raleway-Regular.woff) format("woff"),url(../../assets/fonts/banner-maker/Raleway-Regular.woff2) format("woff2"),url(../../assets/fonts/banner-maker/Raleway-Regular.ttf) format("truetype")}.banner-app-container{max-width:min(100%,1520px);margin-inline:auto;padding-inline:30px;position:relative}.banner-app-grid{display:grid;grid-template-columns:minmax(30%,480px) 1fr;grid-template-rows:repeat(2,1fr) auto;grid-template-areas:"tabs preview" "tabs preview" "tabs footer";height:715px;border:1px solid #e0e0e0}.banner-app .form-group{margin-bottom:30px}.banner-app .form-group-head{margin-bottom:5px}.banner-app .form-group-label{margin-bottom:5px;font-size:14px;line-height:20px;font-weight:700}.banner-app .form-row{margin-block:18px}.banner-app .form-label-text{font-size:14px;line-height:20px;color:#7c7c7c}.banner-app .form-item{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-block:0}.banner-app .form-item-justify{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.banner-app .form-item-grid-2{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.banner-app .form-element{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.banner-app .form-element-card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.banner-app .form-element-card .radio-img{display:block;position:relative;border:1px solid transparent;height:100%;max-height:70px;overflow:hidden}.banner-app .form-element-card img{display:block;position:relative;opacity:.9}.banner-app .form-element-card input{display:none}.banner-app .form-element-card input:checked+.form-radio-btn-card{color:#005afd}.banner-app .form-element-card input:checked+.form-radio-btn-card .radio-img{border-color:#005afd}.banner-app .form-element-card input:checked+.form-radio-btn-card .radio-img::after,.banner-app .form-element-card input:checked+.form-radio-btn-card .radio-img::before{content:"";display:block;position:absolute;z-index:10}.banner-app .form-element-card input:checked+.form-radio-btn-card .radio-img::before{right:5px;top:5px;width:16px;height:16px;border:1px solid #f8f9fb;border-radius:50%;background-color:#005afd}.banner-app .form-element-card input:checked+.form-radio-btn-card .radio-img::after{width:8px;height:5px;border-color:#f8f9fb;border-width:0 0 1px 1px;border-style:solid;right:9px;top:9px;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.banner-app .form-element-card input:checked+.form-radio-btn-card .form-label-text{color:inherit}.banner-app .form-element-card input:checked+.form-radio-btn-card img{-webkit-transition:all .3 linear;transition:all .3 linear;opacity:1}.banner-app .form-element-icon input{display:none}.banner-app .form-element-icon input:checked+.form-radio-btn-icon{color:#fff;background-color:#005afd;border-color:#005afd}.banner-app .form-element-icon input:checked+.form-radio-btn-icon .shape{border-color:#fff}.banner-app .form-element-icon input:checked+.form-checkbox-btn-icon{color:#fff;background-color:#005afd}.banner-app .form-element-icon .form-radio-btn-icon{padding:7px 13px;border:1px solid #bdbdbd;color:#bdbdbd}.banner-app .form-element-icon .form-radio-btn-icon svg{display:block}.banner-app .form-element-icon:first-of-type .form-radio-btn-icon{border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px}.banner-app .form-element-icon:last-of-type .form-radio-btn-icon{border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.banner-app .form-element-icon .form-checkbox-btn-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:34px;height:34px;border-radius:3px;padding:6px}.banner-app .form-element-icon .form-checkbox-btn-icon svg{display:block}.banner-app .form-element-icon .shape{width:16px;height:16px;border-width:1px;border-style:solid;border-color:#bdbdbd}.banner-app .form-element select{min-width:160px;border-radius:3px;border:1px solid #e0e0e0;padding:10px}.banner-app .form-element input.input-lg{width:100%;border-radius:3px;border:1px solid #e0e0e0;padding:13px 10px}.banner-app .form-element input[type=color]{display:block;width:28px;height:28px;border:1px solid #e0e0e0;border-radius:4px;padding:1px;background:#fff}.banner-app .form-element input[type=color]::-webkit-color-swatch-wrapper{padding:0}.banner-app .form-element input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.banner-app .form-element input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:160px;margin:10px 0}.banner-app .form-element input[type=range]:focus{outline:0}.banner-app .form-element input[type=range]::-webkit-slider-runnable-track{height:8px;cursor:pointer;animate:.2s;background:#e1ebff;border-radius:5px}.banner-app .form-element input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-webkit-box-shadow:1px 1px 2px #1e90fa;box-shadow:1px 1px 2px #1e90fa;height:14px;width:14px;border-radius:14px;background:#1e90fa;cursor:pointer;margin-top:-3px}.banner-app .form-element input[type=range]::-webkit-slider-runnable-track{background:#e1ebff}.banner-app .form-element input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;animate:.2s;background:#e1ebff;border-radius:5px}.banner-app .form-element input[type=range]::-moz-range-thumb{box-shadow:1px 1px 2px #1e90fa;border:0 solid #1e90fa;height:14px;width:14px;border-radius:14px;background:#1e90fa;cursor:pointer}.banner-app .form-element input[type=range]::-ms-track{width:100%;height:8px;cursor:pointer;animate:.2s}.banner-app .form-element input[type=range]::-ms-fill-lower{background:#e1ebff;border-radius:10px}.banner-app .form-element input[type=range]::-ms-fill-upper{background:#e1ebff;border-radius:10px}.banner-app .form-element input[type=range]::-ms-thumb{margin-top:1px;box-shadow:1px 1px 2px #1e90fa;height:14px;width:14px;border-radius:14px;background:#1e90fa;cursor:pointer}.banner-app .form-element input[type=range]:focus::-ms-fill-lower{background:#e1ebff}.banner-app .form-element input[type=range]:focus::-ms-fill-upper{background:#e1ebff}.banner-app .form-element-bg{width:100%}.banner-app .form-element-bg input[type=file]{display:none}.banner-app .form-element-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.banner-app .form-element-fw{width:100%}.banner-app .form-inputs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.banner-app-tabs{grid-area:tabs;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.banner-app-tabs .tab-item{display:none;height:100%}.banner-app-tabs .tab-item.active{display:block}.banner-app-tabs-head{padding-block:10px}.banner-app-tabs-head-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;padding:14px 18px}.banner-app-tabs .tab-link{border:none;background-color:transparent;font-size:13px;font-weight:500;text-align:center}.banner-app-tabs .tab-link-icon{max-width:34px;margin:6px auto;border-radius:50px;padding-inline:5px}.banner-app-tabs .tab-link-icon svg{display:block}.banner-app-tabs .tab-link:hover{color:rgba(0,90,253,.75)}.banner-app-tabs .tab-link.active{color:#005afd}.banner-app-tabs .tab-link.active .tab-link-icon{background-color:#005afd;color:#fff}.banner-app-tabs-body{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-inline:1px solid #e0e0e0;padding-block:28px}.banner-app-tabs-box{padding-inline:20px;max-height:100%;overflow-y:auto}.banner-app-tabs .banner-bg-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;border-radius:6px;border:1px dashed #e0e0e0;padding:24px 10px}.banner-app-tabs .banner-bg-box span{padding-left:6px}.banner-app-tabs .banner-bg-pos-canvas{position:relative;width:128px;height:128px;border:1px solid #e0e0e0;cursor:-webkit-grab;cursor:grab}.banner-app-tabs .banner-bg-pos-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.banner-app-tabs .banner-bg-pos-canvas .dot{position:absolute;display:block;width:8px;height:8px;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#111b71;z-index:10}.banner-app-tabs .banner-bg-pos-canvas .axis-y{position:absolute;top:0;left:50%;width:1px;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#e0e0e0}.banner-app-tabs .banner-bg-pos-canvas .axis-x{position:absolute;top:50%;left:0;width:100%;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#e0e0e0}.banner-app-tabs .form-row-scrollable{max-height:100}.banner-app-tabs .img-cropped{max-height:70px;overflow:hidden}.banner-app-tabs .img-cropped img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.banner-app-preview{grid-area:preview;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px;background:rgba(211,211,211,.4) 50%/cover no-repeat;background:radial-gradient(circle,transparent 25%,#fff 26%),-webkit-gradient(linear,left bottom,left top,color-stop(44%,transparent),color-stop(45%,rgba(231,231,231,.5)),color-stop(55%,rgba(231,231,231,.5)),color-stop(56%,transparent)),-webkit-gradient(linear,left top,right top,color-stop(44%,transparent),color-stop(45%,rgba(231,231,231,.5)),color-stop(55%,rgba(231,231,231,.5)),color-stop(56%,transparent));background:radial-gradient(circle,transparent 25%,#fff 26%),linear-gradient(0deg,transparent 44%,rgba(231,231,231,.5) 45%,rgba(231,231,231,.5) 55%,transparent 56%),linear-gradient(90deg,transparent 44%,rgba(231,231,231,.5) 45%,rgba(231,231,231,.5) 55%,transparent 56%);background-size:1em 1em;background-color:#fff}.banner-app-preview .banner-preview{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;max-width:1000px;aspect-ratio:5/1;background-color:var(--bg-color)}.banner-app-preview .banner-preview-image{position:absolute;height:100%;background-image:var(--bg-img);background-position:center;background-repeat:no-repeat;background-size:var(--bg-sz);cursor:-webkit-grab;cursor:grab}.banner-app-preview .banner-preview-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-align:var(--align-items);-ms-flex-align:var(--align-items);align-items:var(--align-items);padding:2%;z-index:10}.banner-app-preview .banner-preview[data-layout=style-1] .banner-preview-image{width:100%}.banner-app-preview .banner-preview[data-layout=style-1] .banner-preview-content{width:100%}.banner-app-preview .banner-preview[data-layout=style-2]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.banner-app-preview .banner-preview[data-layout=style-2] .banner-preview-image{left:0;width:45%}.banner-app-preview .banner-preview[data-layout=style-2] .banner-preview-content{width:55%}.banner-app-preview .banner-preview[data-layout=style-3]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.banner-app-preview .banner-preview[data-layout=style-3] .banner-preview-image{left:0;width:30%}.banner-app-preview .banner-preview[data-layout=style-3] .banner-preview-content{width:70%}.banner-app-preview .banner-preview[data-layout=style-4] .banner-preview-image{right:0;width:45%}.banner-app-preview .banner-preview[data-layout=style-4] .banner-preview-content{width:55%}.banner-app-preview .banner-preview[data-layout=style-5] .banner-preview-image{right:0;width:30%}.banner-app-preview .banner-preview[data-layout=style-5] .banner-preview-content{width:70%}.banner-app-preview .banner-preview-text{margin-bottom:8px;font-family:var(--txt-ff);font-size:calc(var(--txt-fz) * 1px);letter-spacing:calc(var(--txt-ls) * 1px);line-height:1;color:var(--txt-color);font-weight:var(--txt-fw);font-style:var(--txt-fs);text-decoration:var(--txt-td);text-transform:var(--txt-tt)}.banner-app-preview .banner-preview-button{margin-top:calc(var(--btn-mt) * 1px);padding:calc(10 * (1 + var(--btn-pd)/ 15) * 1px) calc(20 * (1 + var(--btn-pd)/ 10) * 1px);border-radius:var(--btn-radius);-webkit-box-shadow:calc(var(--btn-sd) * 1px) calc(var(--btn-sd) * 1px) calc(var(--btn-sd) * 3px) var(--btn-sdc);box-shadow:calc(var(--btn-sd) * 1px) calc(var(--btn-sd) * 1px) calc(var(--btn-sd) * 3px) var(--btn-sdc);background-color:var(--btn-bg);font-family:var(--btn-ff);font-size:calc(var(--btn-fz) * 1px);line-height:1;color:var(--btn-color);font-weight:var(--btn-fw);font-style:var(--btn-fs);text-decoration:var(--btn-td);text-transform:var(--btn-tt)}.banner-app-preview .banner-preview-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;max-width:100%;padding-top:30px}.banner-app-preview .banner-preview-actions .cta{padding:10px 10px;min-width:200px;border-radius:25px}.banner-app-footer{grid-area:footer;padding:10px 30px;background-color:#fff}.banner-app-footer-grid{display:grid;grid-template-columns:300px 1fr 1fr;gap:20px 25px;grid-template-areas:"size extension quality"}.banner-app-footer .extension,.banner-app-footer .quality,.banner-app-footer .size{font-size:13px;color:#7c7c7c}.banner-app-footer .extension label,.banner-app-footer .quality label,.banner-app-footer .size label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.banner-app-footer .extension select,.banner-app-footer .quality select,.banner-app-footer .size select{width:135px;border:1px solid #cecece;border-radius:10px;padding-inline:10px;color:#7c7c7c}.banner-app-footer .extension input,.banner-app-footer .quality input,.banner-app-footer .size input{width:135px}.banner-app-footer .size{grid-area:size}.banner-app-footer .quality{grid-area:quality}.banner-app-footer .extension{grid-area:extension}