.hypemat-uploader{display:block;padding:1.25rem;border:1px solid rgb(var(--border-color));border-radius:var(--block-border-radius);background:rgb(var(--background))}.hypemat-uploader[aria-busy=true]{opacity:.82}.hypemat-uploader__cta:focus-visible,.hypemat-uploader__dropzone:focus-visible,.hypemat-uploader__crop-frame:focus-visible,.hypemat-uploader__range:focus-visible,.hypemat-uploader__zoom-button:focus-visible,.hypemat-uploader__nudge-button:focus-visible,.hypemat-uploader__confirm:focus-visible,.hypemat-uploader__change:focus-visible,.hypemat-uploader__sticky-action:focus-visible,.hypemat-uploader__chip-edit:focus-visible,.hypemat-uploader__reset:focus-visible,.hypemat-uploader__retry:focus-visible,.hypemat-uploader__cancel:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px;box-shadow:0 0 0 4px #ffcd1fe6}.hypemat-uploader__header{margin-block-end:.85rem}.hypemat-uploader__title{margin-block:0 .35rem}.hypemat-uploader__help,.hypemat-uploader__status,.hypemat-uploader__error,.hypemat-uploader__format-note p,.hypemat-uploader__bleed-note,.hypemat-uploader__crop-hint{margin:0}.hypemat-uploader__intro{display:grid;gap:0}.hypemat-uploader__inline{display:none;gap:.85rem;margin-block-start:1rem}.hypemat-uploader__inline[hidden],.hypemat-uploader__chip[hidden],.hypemat-uploader__sticky[hidden],.hypemat-uploader__intro[hidden],.hypemat-uploader[data-state=choosing] .hypemat-uploader__intro,.hypemat-uploader[data-state=uploading] .hypemat-uploader__intro,.hypemat-uploader[data-state=processing] .hypemat-uploader__intro,.hypemat-uploader[data-state=ready] .hypemat-uploader__intro,.hypemat-uploader[data-state=error] .hypemat-uploader__intro,.hypemat-uploader[data-state=applied] .hypemat-uploader__intro{display:none}.hypemat-uploader[data-state=choosing] .hypemat-uploader__inline,.hypemat-uploader[data-state=uploading] .hypemat-uploader__inline,.hypemat-uploader[data-state=processing] .hypemat-uploader__inline,.hypemat-uploader[data-state=ready] .hypemat-uploader__inline,.hypemat-uploader[data-state=error] .hypemat-uploader__inline{display:grid}.hypemat-uploader[data-state=applied] .hypemat-uploader__chip{display:flex}.hypemat-uploader__picker{display:grid;gap:.85rem}.hypemat-uploader[data-state=uploading] .hypemat-uploader__picker,.hypemat-uploader[data-state=processing] .hypemat-uploader__picker,.hypemat-uploader[data-state=ready] .hypemat-uploader__picker{display:none}.hypemat-uploader__actions{display:none;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.hypemat-uploader[data-state=ready] .hypemat-uploader__actions,.hypemat-uploader[data-state=error] .hypemat-uploader__actions{display:grid}.hypemat-uploader .hypemat-uploader__cta,.hypemat-uploader .hypemat-uploader__confirm,.hypemat-uploader .hypemat-uploader__sticky-action{--button-background: var(--text-color);--button-text-color: var(--background)}.hypemat-uploader__eyebrow{margin:0 0 .55rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color),.5)}.hypemat-uploader__idle-title{margin:0 0 .45rem;font-family:var(--hm-font-display, inherit);font-size:1.4rem;line-height:1.18;font-weight:700;letter-spacing:-.01em}.hypemat-uploader__idle-sub{margin:0 0 1rem;font-size:.9rem;line-height:1.55;max-width:44ch}.hypemat-uploader__cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.hypemat-uploader__cta-icon{width:1.1rem;height:1.1rem;flex:none}.hypemat-uploader__reassurance{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 0;margin:.9rem 0 0;padding:0;list-style:none;font-size:.78rem;color:rgba(var(--text-color),.62)}.hypemat-uploader__reassurance li{display:inline-flex;align-items:center}.hypemat-uploader__reassurance li:not(:last-child):after{content:"\b7";margin:0 .5rem;color:rgba(var(--text-color),.35)}.hypemat-uploader__status:not(:empty){display:inline-flex;align-items:center;gap:.4rem;min-height:1.25rem;color:rgba(var(--text-color),.72)}.hypemat-uploader[data-state=uploading] .hypemat-uploader__status,.hypemat-uploader[data-state=processing] .hypemat-uploader__status{font-weight:600;color:rgb(var(--text-color))}.hypemat-uploader[data-state=uploading] .hypemat-uploader__status:before,.hypemat-uploader[data-state=processing] .hypemat-uploader__status:before{content:"";flex:none;width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hypemat-uploader-spin .6s linear infinite}@media(prefers-reduced-motion:reduce){.hypemat-uploader__status:before{animation:none;content:"\2026"}}.hypemat-uploader__dropzone{display:grid;min-height:13rem;place-items:center;gap:.65rem;width:100%;max-width:100%;padding:1.75rem;border:2px dashed rgba(var(--text-color),.22);border-radius:14px;background:rgba(var(--secondary-background),.52);color:rgb(var(--text-color));font:inherit;text-align:center;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.hypemat-uploader__dropzone:hover,.hypemat-uploader[data-dragging=true] .hypemat-uploader__dropzone{border-color:rgb(var(--secondary-button-background));background:rgba(var(--secondary-button-background),.1)}.hypemat-uploader__dropzone-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:12px;background:rgb(var(--text-color));color:rgb(var(--background))}.hypemat-uploader__dropzone-icon svg{display:block;width:1.75rem;height:1.75rem}.hypemat-uploader__dropzone-title{max-width:100%;font-size:1.15rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.hypemat-uploader__dropzone-copy{max-width:22rem;line-height:1.45;overflow-wrap:anywhere}.hypemat-uploader__dropzone-copy{display:none}@media(hover:hover)and (pointer:fine){.hypemat-uploader__dropzone-copy{display:block}}.hypemat-uploader__dropzone-action{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:3rem;margin-block-start:.35rem;padding-inline:1.5rem;border-radius:var(--button-border-radius, 10px);background:rgb(var(--text-color));color:rgb(var(--background));font-weight:700;overflow-wrap:anywhere}.hypemat-uploader__cancel{justify-self:start;background:none;border:0;padding:0;cursor:pointer}.hypemat-uploader__format-note{display:grid;gap:.4rem;color:rgba(var(--text-color),.72)}.hypemat-uploader__file-meta{display:flex;align-items:center;gap:.7rem;padding:0}.hypemat-uploader__file-meta[hidden]{display:none}.hypemat-uploader__file-icon{flex:none;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:8px;background:rgb(var(--secondary-background));color:rgba(var(--text-color),.6)}.hypemat-uploader__file-icon svg{width:1.05rem;height:1.05rem}.hypemat-uploader__file-body{min-width:0;display:grid;gap:1px}.hypemat-uploader__file-name{font-weight:600;font-size:.9rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hypemat-uploader__file-size{font-size:.78rem;line-height:1.3}.hypemat-uploader__progress{display:none;height:3px;border-radius:999px;background:rgba(var(--text-color),.12);overflow:hidden}.hypemat-uploader[data-state=uploading] .hypemat-uploader__progress,.hypemat-uploader[data-state=processing] .hypemat-uploader__progress{display:block}.hypemat-uploader__progress span{display:block;width:40%;height:100%;border-radius:999px;background:rgb(var(--text-color));animation:hypemat-uploader-progress 1.1s ease-in-out infinite}@keyframes hypemat-uploader-progress{0%{transform:translate(-120%)}to{transform:translate(360%)}}@media(prefers-reduced-motion:reduce){.hypemat-uploader__progress span{animation:none;width:100%;opacity:.5}}.hypemat-uploader[data-state=ready] .hypemat-uploader__status{display:none}.hypemat-uploader__error{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid rgba(var(--error-color),.28);border-radius:12px;background:rgba(var(--error-color),.05);color:rgb(var(--text-color))}.hypemat-uploader__error:before{content:"!";flex:none;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:rgb(var(--error-color));color:#fff;font-weight:700;font-size:.9rem;line-height:1}.hypemat-uploader__error[hidden]{display:none}.hypemat-uploader__retry{justify-self:start;margin-inline-start:calc(1.4rem + .7rem + 1rem);background:none;border:0;padding:0;cursor:pointer;font-weight:700}.hypemat-uploader__crop{display:grid;gap:.85rem;min-width:0}.hypemat-uploader__crop[hidden]{display:none}.hypemat-uploader__crop-frame,.hypemat-uploader__preview-empty{position:relative;width:min(100%,calc(46vh * (var(--hm-mat-aspect, 42 / 25))));aspect-ratio:var(--hm-mat-aspect, 42 / 25);margin-inline:auto;overflow:hidden;border-radius:12px;background:radial-gradient(60% 50% at 30% 24%,#0000,#0000006b),linear-gradient(150deg,#2b2b28,#0a0a0a);box-shadow:inset 0 0 0 1px #0a0a0a80}.hypemat-uploader__crop-frame{--hypemat-bleed-inline: 1.5873%;--hypemat-bleed-block: 2.6667%;--hypemat-safe-inline: 3.1746%;--hypemat-safe-block: 5.3333%;--hypemat-mat-radius: 3.8% / 6.4%;border:1px solid rgba(var(--text-color),.16);cursor:grab;touch-action:none}.hypemat-uploader__crop-frame:active{cursor:grabbing}.hypemat-uploader__crop-image{position:absolute;top:50%;left:50%;z-index:1;max-width:none;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translate(-50%,-50%) scale(var(--hypemat-crop-scale, 1));transform-origin:center}.hypemat-uploader__crop-zones{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-position:center;background-size:100% auto;background-repeat:no-repeat;pointer-events:none}.hypemat-uploader__intro-hint{display:flex;gap:.7rem;align-items:flex-start;margin-block-start:.75rem;padding:.85rem 1rem;border:1px solid var(--hm-yellow-700, #d9a800);border-radius:12px;background:var(--hm-yellow-50, #fff8e1);color:var(--hm-ink, #0a0a0a)}.hypemat-uploader__intro-hint:before{content:"i";flex:none;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--hm-yellow, #f9ca4f);color:var(--hm-ink, #0a0a0a);font-weight:700;font-size:.9rem;line-height:1}.hypemat-uploader__intro-hint[hidden]{display:none}.hypemat-uploader__confirm-reassurance{margin-block-start:.5rem;margin-block-end:0;text-align:center}.hypemat-uploader__thirds{position:absolute;inset:var(--hypemat-bleed-block) var(--hypemat-bleed-inline);z-index:2;opacity:0;pointer-events:none;transition:opacity .18s ease}.hypemat-uploader__crop-frame:hover .hypemat-uploader__thirds,.hypemat-uploader__crop-frame:active .hypemat-uploader__thirds{opacity:.5}.hypemat-uploader__thirds span{position:absolute;background:#ffffff47}.hypemat-uploader__thirds span:nth-child(1){left:33.33%;top:0;bottom:0;width:1px}.hypemat-uploader__thirds span:nth-child(2){left:66.66%;top:0;bottom:0;width:1px}.hypemat-uploader__thirds span:nth-child(3){top:33.33%;left:0;right:0;height:1px}.hypemat-uploader__thirds span:nth-child(4){top:66.66%;left:0;right:0;height:1px}.hypemat-uploader__guide{position:absolute;z-index:2;pointer-events:none}.hypemat-uploader__guide--trim{inset-block:var(--hypemat-bleed-block);inset-inline:var(--hypemat-bleed-inline);border:2px solid var(--hm-yellow, #f9ca4f);border-radius:var(--hypemat-mat-radius);box-shadow:0 0 0 1px #0a0a0a59}.hypemat-uploader__guide--safe{inset-block:var(--hypemat-safe-block);inset-inline:var(--hypemat-safe-inline);border:1px dashed rgba(255,255,255,.46);border-radius:var(--hypemat-mat-radius)}.hypemat-uploader__size-badge{position:absolute;inset-block-end:calc(var(--hypemat-bleed-block) + .75rem);inset-inline-start:50%;z-index:3;padding:.28rem .6rem;border-radius:6px;background:#000000c7;color:#fff;font-size:.8rem;font-weight:700;transform:translate(-50%)}.hypemat-uploader__gesture-hint{position:absolute;inset-block-start:.6rem;inset-inline:.6rem;z-index:4;margin:0;padding:.4rem .6rem;border-radius:8px;background:#000000b8;color:#fff;font-size:.78rem;text-align:center;pointer-events:none;transition:opacity .4s ease}.hypemat-uploader__gesture-hint[hidden]{display:none}@media(hover:hover)and (pointer:fine){.hypemat-uploader__gesture-hint{display:none}}.hypemat-uploader__crop-head{display:grid;gap:.25rem}.hypemat-uploader__crop-title{margin:0;font-family:var(--hm-font-display, inherit);font-size:1.15rem;line-height:1.2;font-weight:700;letter-spacing:-.01em}.hypemat-uploader__crop-sub{margin:0;font-size:.85rem;line-height:1.5}.hypemat-uploader__crop-controls{display:grid;gap:.85rem}.hypemat-uploader__range-row{display:grid;gap:.35rem}.hypemat-uploader__range-label{margin:0}.hypemat-uploader__zoom{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:.6rem;align-items:center}.hypemat-uploader__zoom-button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgb(var(--border-color));border-radius:10px;background:rgb(var(--secondary-background));color:rgb(var(--text-color));font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.hypemat-uploader__rotate,.hypemat-uploader__zones-toggle{margin-inline-start:.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:auto;padding-inline:.8rem;font-size:.8125rem}.hypemat-uploader__rotate svg,.hypemat-uploader__zones-toggle svg{width:1.05rem;height:1.05rem;flex:none}@media screen and (max-width:740px){.hypemat-uploader__zoom{display:flex;flex-wrap:wrap}.hypemat-uploader__range{flex:1 1 0;min-width:0}.hypemat-uploader__rotate,.hypemat-uploader__zones-toggle{flex:1 1 40%;width:auto;margin-inline-start:0;padding-inline:.5rem}}.hypemat-uploader__range{width:100%;accent-color:rgb(var(--text-color))}.hypemat-uploader__preview-empty{display:grid;place-items:center;min-height:12rem;padding:2rem;color:#ffffffb8;text-align:center}.hypemat-uploader__preview-empty p{max-width:18rem;margin:0}.hypemat-uploader__preview-empty[hidden]{display:none}.hypemat-uploader__legend{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;margin:0;color:rgba(var(--text-color),.62)}.hypemat-uploader__legend-item{display:inline-flex;align-items:center;gap:.45rem}.hypemat-uploader__legend-swatch{width:1.15rem;height:0;flex:none}.hypemat-uploader__legend-swatch--trim{border-top:2px solid var(--hm-yellow, #f9ca4f)}.hypemat-uploader__legend-swatch--safe{border-top:1px dashed rgba(var(--text-color),.4)}.hypemat-uploader__btn--ghost{background:transparent;border:1px solid rgb(var(--border-color));color:rgb(var(--text-color))}.hypemat-uploader__confirm{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.hypemat-uploader__confirm[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.hypemat-uploader__confirm-spinner{display:none;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hypemat-uploader-spin .6s linear infinite}.hypemat-uploader__confirm.is-loading{cursor:progress}.hypemat-uploader__confirm.is-loading[disabled]{opacity:1;cursor:progress}.hypemat-uploader__confirm.is-loading .hypemat-uploader__confirm-spinner{display:inline-block}@keyframes hypemat-uploader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hypemat-uploader__confirm-spinner{animation:none}.hypemat-uploader__gesture-hint,.hypemat-uploader__dropzone{transition:none}}.hypemat-uploader__chip{display:none;align-items:center;gap:.75rem;margin-block-start:1rem;padding:.6rem .85rem;border:1px solid rgb(var(--border-color));border-radius:12px;background:rgb(var(--secondary-background))}.hypemat-uploader__chip-check{flex:none;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;border:1.5px solid rgb(var(--text-color));color:rgb(var(--text-color))}.hypemat-uploader__chip-check:before{content:"\2713";font-size:.72rem;font-weight:700}.hypemat-uploader__chip-icon{flex:none}.hypemat-uploader__chip-thumb{flex:none;width:3rem;height:calc(3rem / (var(--hm-mat-aspect, 42 / 25)));border-radius:6px;object-fit:cover}.hypemat-uploader__chip-thumb[hidden]{display:none}.hypemat-uploader__chip-name{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.hypemat-uploader__chip-actions{flex:none;display:inline-flex;gap:.75rem;align-items:center}.hypemat-uploader__reset[hidden]{display:none}@media screen and (max-width:740px){.hypemat-uploader__chip{flex-wrap:wrap}.hypemat-uploader__chip-actions{flex:1 1 100%;justify-content:flex-start;margin-block-start:.15rem}}.hypemat-uploader__sticky{display:none}.hypemat-uploader__sticky-action[disabled]{opacity:.6;cursor:not-allowed}.hypemat-uploader__sticky-action.is-loading{opacity:1;cursor:progress}@media screen and (max-width:740px){.hypemat-uploader{padding:.85rem}.hypemat-uploader__legend,.hypemat-uploader__actions{grid-template-columns:1fr}.hypemat-uploader__confirm{display:none}.hypemat-uploader[data-state=processing] .hypemat-uploader__sticky:not([hidden]),.hypemat-uploader[data-state=ready] .hypemat-uploader__sticky:not([hidden]){position:sticky;inset-block-end:0;z-index:5;display:block;margin-block-start:.75rem;padding-block-end:env(safe-area-inset-bottom,0px)}body:has(.hypemat-uploader[data-sticky-active=true]) .product-sticky-form{display:none!important}}.hypemat-uploader-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.hypemat-uploader-preview__artwork-clip{position:absolute;z-index:1;overflow:hidden}.hypemat-uploader-preview__artwork{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hypemat-uploader-preview__mockup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-position:center;background-repeat:no-repeat;background-size:contain}.product__media-image-wrapper.hypemat-uploader-preview-active>:not(.hypemat-uploader-preview){opacity:0}product-media.hypemat-uploader-has-preview .product__zoom-button{display:none}.button.hypemat-atc-locked{opacity:.5;box-shadow:none;cursor:not-allowed}.button.hypemat-atc-locked:hover,.button.hypemat-atc-locked:focus-visible{background-color:rgb(var(--button-background))}
/*# sourceMappingURL=/cdn/shop/t/66/assets/hypemat-custom-uploader.css.map */