[data-rmiz-wrap=hidden],[data-rmiz-wrap=visible]{position:relative;display:inline-flex;align-items:flex-start}[data-rmiz-wrap=hidden]{visibility:hidden}[data-rmiz-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition-property:background-color}[data-rmiz-btn-close],[data-rmiz-btn-open]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:0;font:inherit;color:inherit;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-open]{cursor:zoom-in}[data-rmiz-btn-close]{cursor:zoom-out}[data-rmiz-modal-content]{position:absolute;transition-property:transform;transform-origin:center center}.device-macbook-pro{height:444px;width:740px}.device-macbook-pro .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px;position:relative;width:614px}.device-macbook-pro .device-frame:after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro .device-frame:before{bottom:10px;color:#c8cacb;font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro .device-content{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro .device-power{background:#e2e3e4;border-radius:2px 2px 0 0;border:solid #d5d6d8;border-width:2px 4px 0;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro .device-power:after,.device-macbook-pro .device-power:before{content:"";position:absolute}.device-macbook-pro .device-power:after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro .device-power:before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px 0 #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro.device-spacegray .device-power:after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro.device-spacegray .device-power:before{background:#515456;box-shadow:inset 0 -2px 6px 0 #000}.App{font-family:sans-serif;text-align:center;padding:2rem}body{margin:0;padding:0;background:#f4f4f4;scrollbar-width:none}body::-webkit-scrollbar{display:none}.react-colorful{width:250px!important;cursor:pointer}.react-colorful-input{width:70px}.react-colorful-input,.react-colorful-rgba-input{display:block;box-sizing:border-box;padding:4px;border:1px solid #ddd;border-radius:4px;background:#f1f1f1;color:#2d3748;outline:none;font:inherit;text-transform:uppercase;text-align:center;font-size:12px;font-weight:600}.react-colorful-rgba-input{width:35px}.react-colorful-input:focus{border-color:#444cf7}.chrome-picker{box-shadow:none!important}.chrome-picker>div:last-child{padding:1rem 0!important}.react-tiny-popover-container{overflow:visible!important}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll::-webkit-scrollbar{display:none}.header{grid-area:header}.container{width:100vw;min-height:100vh;max-height:100vh;display:grid;justify-content:center;grid-template-columns:minmax(150px,250px) minmax(300px,600px) minmax(150px,250px);grid-gap:32px 16px;gap:32px 16px;grid-template-areas:"tiles main export ";margin:0;padding:1rem 0 0}.logo{font-size:18px;font-weight:700}.footer{grid-area:footer}.main{grid-area:main}.tiles{grid-area:tiles;display:flex;flex-direction:column}.scrollable-column{max-height:calc(100vh - 10rem)}.scrollable-column,.scrollable-column-main{overflow-y:auto;white-space:nowrap}.export{grid-area:export}.card{text-align:left;background:#fff;padding:1.5rem;border-radius:32px;display:table;box-sizing:border-box}.row,.row-8{display:flex;flex-direction:row}.align-center,.row,.row-8{align-items:center}.justify-center{justify-content:center}.align-start{align-items:flex-start}.justify-start{justify-content:flex-start}.row-8>*+*{margin-left:8px}.row-16>*+*{margin-left:16px}.h-spacing-16>*+*{margin-top:16px}.column,.column-16,.column-8{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.column-8>*+*{margin-top:8px}.column-16>*+*{margin-top:1rem}.title{font-size:16px;font-weight:700}.tile{width:100px;height:100px}.editor{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.editor-tile{background:blue;border:none}.popover-editor{background:#fff;padding:2rem;border-radius:2rem;box-shadow:0 32px 50px rgba(0,0,0,.3);max-width:250px}.tile-picker{width:250px;max-width:250px;overflow-x:auto;white-space:nowrap}.tile-picker>*{flex:0 0 auto}.tile{padding:8px;width:50px;height:50px;border:2px dashed #d5d5d5;border-radius:1rem}.input{width:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box;background:none;border-radius:1000px;padding:4px 12px;font-size:16px;border:none}.button-primary{padding:8px 12px;background:#000;color:#fff;font-size:1rem;border-radius:16000px;border:none}.button-export-options,.button-primary{display:block;width:100%;font-weight:400}.button-export-options{background:#fff;color:#000}.button-export-options,.button-export-options-active{padding:4px 8px;font-size:12px;border-radius:16000px;border:2px solid #000}.button-export-options-active{display:block;width:100%;background:#000;color:#fff;font-weight:400}.react-tiny-popover-container{z-index:100}.custom-scrollbar::-webkit-scrollbar{width:12px}.custom-scrollbar::-webkit-scrollbar-track{background:#ebebfb;border-radius:100px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#444cf7;border-radius:100px;border:4px solid #ebebfb}.dnd-wrapper-no-resize{border:1px solid transparent;position:relative}.dnd-wrapper-no-resize:hover{border:1px solid #2a9af3}.dnd-wrapper{border:1px solid transparent;position:relative}.dnd-wrapper:hover{border:1px solid #2a9af3}.dnd-wrapper:hover:after,.dnd-wrapper:hover:before,.dnd-wrapper:hover>:first-child:after,.dnd-wrapper:hover>:first-child:before{position:absolute;content:" ";width:8px;height:8px;border:1px solid #2a9af3;background-color:#fff}.dnd-wrapper:before{top:-4px;left:-4px}.dnd-wrapper:after{top:-4px;right:-4px}.dnd-wrapper>:first-child:before{bottom:-4px;right:-4px}.dnd-wrapper>:first-child:after{bottom:-4px;left:-4px}#font-picker>.dropdown-button{height:48px;font-size:16px}#font-picker>.dropdown-button,.expanded>.font-list{color:#3a4658;background-color:#fff;border-color:#d1d1d1!important;border:1px solid;border-radius:4px}.expanded>.font-list{margin-top:4px;height:250px;z-index:10}div[id^=font-picker]{border-radius:4px}.expanded>ul>li:hover{background-color:#f5f5f5}.expanded>ul>li>button:hover,div[id^=font-picker] ul li button.active-font{background-color:#f5f5f5!important}div[id^=font-picker] .dropdown-icon.finished:before{border-top-color:#f5f5f5!important;border-top-color:#3a4658!important}.gold-pattern{border:2px solid #ffffff22;background-color:#eeb76b;background-image:url(https://storage.googleapis.com/brandflow-bucket/magipattern/enterprise-bg-pattern.webp);background-size:50%}.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop:focus{outline:none}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);box-sizing:border-box;cursor:move;box-shadow:0 0 0 9999em rgba(0,0,0,.5);touch-action:none;border:1px solid;border-image-source:url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");border-image-slice:1;border-image-repeat:repeat}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0 0 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:hsla(0,0%,100%,.4)}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%;left:calc(100% / 3)}.ReactCrop__rule-of-thirds-vt:after{left:66.6666%;left:calc(100% / 3 * 2)}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%;top:calc(100% / 3)}.ReactCrop__rule-of-thirds-hz:after{top:66.6666%;top:calc(100% / 3 * 2)}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.7);box-sizing:border-box;outline:1px solid transparent}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}