.qr-types button{min-width:auto!important;padding:10px 15px;box-shadow:none!important;margin:0 10px 0 0;font-weight:600}.qr-types button svg{font-size:25px!important}.qr-types.cta-buttons{margin:0 0 10px}.qr-types.shapes{display:flex;align-items:center;justify-content:space-between}.qr-types.shapes button{max-width:50%;padding:20px;border-radius:0}.qr-types.shapes button+button{border-left:1px solid #ccc}.qr-types.shapes img{width:100%;height:auto}.qr-types.pattern-buttons{flex-wrap:wrap}.qr-types.pattern-buttons button{margin:0 5px 10px;opacity:.6}.qr-types.pattern-buttons button.active{opacity:1;background:#e1f0ff}.qr-types.frames{justify-content:flex-start}.qr-types.frames button{max-width:15%;padding:5px;border-radius:5px;overflow:hidden}.qr-types.frames button.active{background:#e1f0ff}.qr-type-holder .link{padding:15px 0 0}.qr-type-holder .link span{font-weight:500;font-size:14px;margin-bottom:5px;display:block}.qr-type-holder .link .QR-input input{font-size:16px}.qr-type-holder svg{margin-top:2px;opacity:.7}.qr-frame{border-style:solid;display:table}.qr-frame svg{display:block}.qr-label{font-weight:500;font-size:13px;margin:0 0 10px;display:block}.QR-holder{position:relative;display:flex;flex:1;justify-content:center;flex-direction:column;align-items:center}.QR-holder.roundedLogo image{border-radius:100%;overflow:hidden}.QR-holder .loader{position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;opacity:0;visibility:hidden}.QR-holder.loading .loader{opacity:1;visibility:visible}.QR-holder.loading .loader+* img,.QR-holder.loading .loader+* image{opacity:.4}.button-types-holder{padding:0 0 15px}.button-types-holder .btn-holder{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 5px 0 0}.button-types-holder button{font-size:12px;box-shadow:none!important;flex:1}.button-types-holder button:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.button-types-holder button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.button-types-holder button.active{background:#dde7ee}.upload-holder{padding:5px 40px 5px 5px;border-radius:5px;border:1px solid #ddd;margin-right:5px;position:relative;overflow:hidden}.upload-holder .btn-delete{position:absolute;right:-3px;top:-1px;background:#fff;border:1px solid #ccc;transform:scale(.9)}.upload-holder div{background-color:#efefef;padding:32px;border-radius:20px}.upload-holder input[type=file]{margin:-6px;position:relative;outline:none}.upload-holder input[type=file]::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;margin-right:16px;width:110px;color:transparent}@supports (-moz-appearance: none){.upload-holder input[type=file]::file-selector-button{color:var(--primary-color)}}.upload-holder input[type=file]::file-selector-button:hover{background-color:#f3f4f6}.upload-holder input[type=file]::file-selector-button:active{background-color:#e5e7eb}.upload-holder input[type=file]:before{position:absolute;pointer-events:none;top:10px;left:10px;height:20px;width:20px;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E")}.upload-holder input[type=file]:after{position:absolute;pointer-events:none;top:13px;left:35px;color:var(--primary-color);content:"Upload File"}.upload-holder input[type=file]:focus-within::file-selector-button,.upload-holder input[type=file]:focus::file-selector-button{outline:2px solid var(--primary-color);outline-offset:2px}.label-logo .MuiFormControlLabel-label{font-size:12px;color:#7e8996}.logo-holder .dm-edit-property-fields>div{width:100px}.color-picker{position:absolute;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#hubspotForm{animation-delay:3s}.hubspot-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.image-crop-dialog .MuiDialog-paper{width:700px;height:600px}.image-crop-dialog .MuiDialogContent-root{position:relative}.image-crop-dialog .image-crop-footer{display:flex;flex-wrap:wrap}.image-crop-dialog .image-crop-footer .crop-controls-holder{width:100%;display:flex;justify-content:space-between;gap:1em;padding:5px 0 1em;border-bottom:1px solid #DDD;margin:0 0 1em}.image-crop-dialog .image-crop-footer .btn-holder{display:flex;gap:1em}.crop-container{position:absolute;top:0;left:0;right:0;bottom:0}.controls{height:20px;display:flex;align-items:center;gap:.5em;min-width:180px}.controls span{font-weight:500;display:inline-block;margin-right:5px}.reactEasyCrop_Container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;display:flex;justify-content:center;align-items:center}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;box-shadow:0 0 0 9999em;color:#00000080;overflow:hidden}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:0;bottom:0;left:33.33%;right:33.33%;border-top:0;border-bottom:0}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:33.33%;bottom:33.33%;left:0;right:0;border-left:0;border-right:0}::-webkit-scrollbar{background-color:#0000;width:16px;height:16px;z-index:999999}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:#0000;border-radius:16px;border:0px solid #fff}::-webkit-scrollbar-button{display:none}:hover::-webkit-scrollbar-thumb{background-color:#a0a0a5;border:4px solid #fff}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5}body{font-family:Poppins,sans-serif!important;font-weight:400;font-style:normal;min-width:968px;background:#1868fd url(/assets/bg.png) no-repeat!important;overflow-y:hidden}.qr-generator-layout{position:relative}.qr-generator-layout .app-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;flex-shrink:0;position:absolute;z-index:1;top:0;left:0;right:0;background:#1868fd;padding:10px 20px 8px;height:57px;color:#fff}.qr-generator-layout .main{width:100%;height:calc(-57px + 100vh);flex-grow:1;margin-top:57px;padding:20px;display:flex;gap:20px}.qr-generator-layout .preview{width:30%;max-width:400px;display:flex;flex-direction:column;order:1}.qr-generator-layout .preview,.qr-generator-layout .qr-properties{background:#fff;border-radius:10px;padding:20px}.qr-generator-layout .qr-properties{flex:1;min-height:84vh;overflow:auto}.qr-generator-layout h2{margin:0 -20px 10px;font-size:1rem;color:#121926;font-weight:600;line-height:1.235;border-bottom:1px solid #ddd;padding:0 20px 10px}.qr-generator-layout h5{font-size:14px;line-height:20px;margin:0}
