:root{--root-bg:#f5f5f5}.main-wrapper{display:flex;flex-direction:column;height:100%}.main-wrapper main{flex-grow:1;flex-shrink:0;display:flex;justify-content:center}.canvas-item{border:1px dashed rgba(0,0,0,.2);position:relative;cursor:pointer;overflow:visible}.canvas-item:before{content:attr(data-type);position:absolute;top:0;right:-1px;background-color:rgba(0,0,0,.9);opacity:0;transition:transition .3s ease-in-out;color:#fff!important;padding:0 2px;text-transform:capitalize;font-size:12px!important;z-index:10;font-weight:500!important}.canvas-item.active:before,.canvas-item:hover:before{opacity:1}.small-square-input{width:30px;height:30px;border:1px solid #000;font-size:14px;text-align:center;cursor:pointer;border-radius:6px;padding:0}.image-bg{background-image:url(/index-bg.webp);background-position:100%;background-size:cover}.image-bg,.image-bg:before{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-2}.image-bg:before{content:"";background-color:transparent;background-image:linear-gradient(180deg,hsl(var(--primary)) 0,#000 100%);opacity:.66}#cardDescription:hover,#cardDetails:hover,#cardImage:hover{cursor:pointer;border:1px dotted hsl(var(--primary))!important}