.product-creation{max-width:640px;margin:2rem auto;border-radius:6px;border:1px solid #eee;padding:.75rem;overflow:hidden}.product-creation-previewer{position:absolute;top:0;left:0;bottom:0;right:0;overflow:auto;background-repeat:no-repeat;background-size:cover}.product-creation-previewer .pages-wrapper{display:flex;flex:1;flex-wrap:wrap}.product-creation-previewer .pages-wrapper .page{display:flex;flex:0 0 50%;padding:.5em}.product-creation-previewer .pages-wrapper .page .page-content{background-color:#fff;border:1px solid #eee;box-shadow:0 0 10px 5px rgba(0,0,0,.05)}.product-creation-previewer .pages-wrapper .page .page-content.cover{height:100%;width:100%;background-repeat:no-repeat;background-size:100% 100%}.product-creation .title{font-size:20px;font-weight:500}.product-creation .btns{margin-bottom:.5rem}.product-creation .btns .btn+.btn{margin-left:.5rem}.product-creation p{color:#666;font-size:13px}.product-creation .title-meta{position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:30}.product-creation .banner{background-color:#f7f7f7;background-repeat:no-repeat;background-size:cover;margin:-.75rem;margin-bottom:1rem;position:relative}.product-creation .banner .holder{padding-bottom:70%}.product-creation .cover-holder{overflow:hidden}.product-creation .action{margin-top:.75rem}.product-creation .template-styles{display:flex;flex-wrap:wrap}.product-creation .template-styles-banner{width:80px}.product-creation .template-styles-item{display:inline-block;margin-right:1em}.product-creation .template-styles p{margin:.75em 0}.product-creation .template-styles .tag{position:absolute;top:0;left:0;background-color:red;color:#fff;font-size:13px;text-align:center;width:4.2em;line-height:1.2;margin-top:2em;transform:rotate(-45deg);transform-origin:0 bottom}@media(max-width:768px){.product-creation{margin:1rem}}