.home-preview-sketch-container{position:relative;width:300px;height:300px;background-color:#fff;background-image:linear-gradient(45deg,#ececec 25%,transparent 0),linear-gradient(-45deg,#ececec 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ececec 0),linear-gradient(-45deg,transparent 75%,#ececec 0);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:0 5px 20px 1px rgba(0,0,0,.2);cursor:pointer;cursor:grab}.home-preview-sketch-container__loader{display:inline-block;position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-.45s}.home-preview-sketch-container__loader div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;animation:loaderAnimation 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#2b62b3}.home-preview-sketch-container__loader div:first-child{animation-delay:-.45s}.home-preview-sketch-container__loader div:nth-child(2){animation-delay:-.3s}.home-preview-sketch-container__loader div:nth-child(3){animation-delay:-.15s}@keyframes loaderAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:950px){.home-preview-sketch-container{margin:auto}}.home-preview-sketch-container--border:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;color:transparent;border:1px solid #00f;content:""}.home-preview-sketch-container__hover-text{position:absolute;top:-18px;left:31px;color:#00f}.home-preview-sketch-container__sketch{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.home-preview-sketch-container__sketch>canvas{z-index:1200}.home-preview-sketch-container:hover,.home-preview-sketch-container__sketch:hover{overflow:initial}.home-preview-sketch-container:active{cursor:grabbing}@media only screen and (max-width:800px){.home-preview-sketch-container__sketch>canvas{z-index:1000}}
/*# sourceMappingURL=30.2b3a66ac.chunk.css.map */