body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.component-button{height:52px;padding:16px 30px;display:flex;justify-content:center;align-items:center;font-weight:700;border:1px solid #8bb7f9;border-radius:30px;color:#8bb7f9;outline:none;cursor:pointer;box-sizing:border-box;font-size:18px;overflow:hidden}.component-button .btn-icon{margin-right:8px}.component-button .btn-icon .conponent-icon{vertical-align:middle}.component-button .button-text{flex:0 1 auto}.component-button .button-text:first-letter{text-transform:uppercase}.component-button.round{flex:1 0 auto}.component-button.round.active{background:#2a5ca7;border:1px solid #2a5ca7;color:#fff}.component-button.round:hover{border:1px solid #2a5ca7;color:#2a5ca7}.component-button.round:hover.active{color:#fff}.component-button.square{width:48%;padding:18px 24px;font-size:20px;font-weight:700;background:#fff;border:none;cursor:pointer;border-radius:4px;color:#222}.component-button.square span{transition:all .3s ease-in}.component-button.square .button-text{-webkit-transform:translateX(-16px);transform:translateX(-16px)}.component-button.square .btn-icon{-webkit-transform:translateX(-60px);transform:translateX(-60px)}.component-button.square:hover .btn-icon,.component-button.square:hover .button-text{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:600px){.component-button{height:32px;padding:8px 16px}}.component-preview img{width:360px;height:360px}.component-preview .footer-actions{display:flex;justify-content:space-between;margin-top:20px}.component-preview .footer-actions button{width:48%;padding:18px 24px;font-size:18px;font-weight:700;background:#fff;border:none;cursor:pointer;border-radius:4px;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.component-preview .footer-actions button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}@media (max-width:600px){.component-preview img{width:100%;height:auto}}.component-control-panel .options-wrapper{display:flex;flex-wrap:wrap}.component-control-panel .options-wrapper .background-image{height:50px;width:50px;margin:0 5px 5px 0;cursor:pointer;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.component-control-panel .options-wrapper .background-image:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.component-control-panel .component-button{margin:0 8px 8px 0}.component-control-panel section{margin-bottom:24px}.component-control-panel section .section-title{margin-bottom:16px;font-weight:900}@media (max-width:600px){.component-control-panel section{margin-bottom:18px}.component-control-panel section .section-title{margin-bottom:12px;font-weight:900}.component-control-panel .options-wrapper .background-image{height:30px;width:30px}}*{margin:0;padding:0;box-sizing:border-box}body{background:#efefef;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:48px;margin-bottom:40px}.main-container{max-width:800px;min-height:500px;display:flex}.main-container>div:first-of-type{margin-right:40px}@media (max-width:600px){body{height:auto}.main-title{display:none}.main-container{width:100%;flex-direction:column;padding:12px}.main-container>div:first-of-type{margin-right:0;margin-bottom:16px}}
/*# sourceMappingURL=main.dcedd434.chunk.css.map */