.product__upload-wrapper{--cb-radius: 12px;--cb-gap: 10px}.product__upload-wrapper #cover-option-controls{display:inline-flex;gap:12px;padding:0;background:transparent!important;border-radius:0}.product__upload-wrapper #cover-option-controls .button{-webkit-appearance:none;appearance:none;background:#fff;color:#111;border:1px solid #E5E5E5;border-radius:9999px;padding:10px 18px;line-height:1.1;font-weight:500;box-shadow:none;outline:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.product__upload-wrapper #cover-option-controls .button:hover:not(.is-active),.product__upload-wrapper #cover-option-controls .button:focus-visible:not(.is-active){border-color:#d4d4d4;background:#fafafa}.product__upload-wrapper #cover-option-controls .button.is-active,.product__upload-wrapper #cover-option-controls .button[aria-pressed=true],.product__upload-wrapper #cover-option-controls .button[aria-selected=true],.product__upload-wrapper #cover-option-controls .button.active{background:#111!important;color:#fff!important;border-color:#111!important}.product__upload-wrapper #cover-option-controls .button,.product__upload-wrapper #cover-option-controls .button:focus,.product__upload-wrapper #cover-option-controls .button:focus-visible,.product__upload-wrapper #cover-option-controls .button:active{outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;border-radius:9999px!important}.product__upload-wrapper #cover-option-controls .button:before,.product__upload-wrapper #cover-option-controls .button:after{display:none!important;content:none!important}.product__upload-wrapper .form__input[type=text]#book-title{width:100%;max-width:none;border:1px solid #E5E5E5;border-radius:6px;padding:12px 14px;font-size:15px;line-height:1.4;color:#111;background-color:#fff;box-shadow:none;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.product__upload-wrapper .form__input[type=text]#book-title:focus{border-color:#111;box-shadow:0 0 0 1px #111}.product__upload-wrapper .form__input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.product__upload-wrapper .upload-label{display:inline-flex;align-items:center;gap:6px;color:#a40046;font-weight:500;font-size:15px;text-decoration:underline;cursor:pointer;transition:color .2s ease}.product__upload-wrapper .upload-label:hover{color:#7e0035}.product__upload-wrapper .upload-label svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.product__upload-wrapper .upload-divider{border:none;border-top:1px solid #E5E5E5;margin:1.5rem 0}.product__upload-wrapper #image-preview,.product__upload-wrapper #processed-grid{--thumb-size: 140px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb-size),1fr));gap:var(--cb-gap)}.product__upload-wrapper #image-preview>*,.product__upload-wrapper #processed-grid>*{position:relative;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;background:#f6f6f6}.product__upload-wrapper .thumb__remove,.product__upload-wrapper [data-role=remove]{position:absolute;top:0;right:0;transform:translate(50%,-50%);width:40px;height:40px;z-index:3;border-radius:9999px;display:grid;place-items:center;background:#fff;border:2px solid rgb(0,0,0);cursor:pointer;font-weight:700;line-height:1}.product__upload-wrapper .thumb__remove:before,.product__upload-wrapper [data-role=remove]:before{content:"\d7";font-size:24px;line-height:1}.product__upload-wrapper .thumb__index,.product__upload-wrapper [data-role=index]{position:absolute;bottom:6px;left:6px;min-width:22px;height:22px;padding:0 6px;border-radius:9999px;display:grid;place-items:center;background:#111;color:#fff;font-size:12px;line-height:1}.product__upload-wrapper .button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:none;margin-bottom:1.25rem}.product__upload-wrapper .button-row .button--primary{background:#111;color:#fff;border:1px solid #111;border-radius:10px;height:44px;font-weight:500;transition:background .2s,color .2s}.product__upload-wrapper .button-row .button--primary:hover:enabled{background:#000}.product__upload-wrapper .button-row .button--secondary{background:transparent;color:#111;border:1px solid #D4D4D4;border-radius:10px;height:44px;font-weight:500;transition:border-color .2s,background .2s,color .2s}.product__upload-wrapper .button-row .button--secondary:hover:enabled{border-color:#111;background:#f9f9f9}.product-form:has(.product__upload-wrapper) .product-form__buttons{display:grid;gap:12px}@media (min-width: 640px){.product-form:has(.product__upload-wrapper) .product-form__buttons{grid-template-columns:auto 1fr;align-items:center}}.product-form:has(.product__upload-wrapper) .quantity,.product-form:has(.product__upload-wrapper) .product-form__input--quantity{margin:0!important}.product-form:has(.product__upload-wrapper) .product-form__submit{height:44px;border-radius:10px}.product__upload-wrapper #processed-grid .thumb__remove{position:absolute;top:0;right:0;transform:translate(50%,-50%);width:25px;height:25px;border:none;border-radius:9999px;background:#a40046!important;color:#fff!important;display:grid;place-items:center;font-weight:700;font-size:0;line-height:1;cursor:pointer;z-index:3}.product__upload-wrapper #processed-grid .thumb__remove:before{content:"\d7";font-size:22px;line-height:1}.product__upload-wrapper #processed-grid .thumb__remove:hover{filter:brightness(.95)}.product__upload-wrapper #processed-grid .thumb__index{position:absolute;bottom:4px;left:4px;min-width:22px;height:22px;padding:0 6px;border-radius:9999px;background:#000!important;opacity:.5!important;color:#fff!important;display:grid;place-items:center;font-size:12px;font-weight:600;line-height:1;box-shadow:0 1px 2px #0000002e;pointer-events:none}.product__upload-wrapper #processed-grid .cb-page,.product__upload-wrapper #processed-grid .cb-card{position:relative;overflow:visible}.product__upload-wrapper #processed-grid .cb-page .cb-thumb,.product__upload-wrapper #processed-grid .cb-card .cb-thumb{border-radius:inherit;display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/coloring-book-ui.css.map */