.hf-personalisation-preview{display:block;margin-top:1.2rem}.hf-personalisation-editor,.hf-personalisation-editor__preview,.hf-personalisation-editor__controls{min-inline-size:0}.hf-personalisation-editor__preview .hf-personalisation-preview{margin-top:0}.hf-personalisation-activation{margin:0 0 1.2rem}.hf-personalisation-activation__button{width:100%;min-height:4.4rem}.hf-personalisation-preview[hidden],.hf-personalisation-preview__panel[hidden],.hf-personalisation-preview__image-frame[hidden]{display:none}.hf-personalisation-preview__title{margin:0;color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:700;line-height:1.3}.hf-personalisation-preview__button{width:100%;min-height:4.4rem;padding-block:.8rem}.hf-personalisation-preview[aria-busy=true] .hf-personalisation-preview__button{cursor:progress}.hf-personalisation-preview__status{min-height:2rem;margin:.8rem 0 0;color:rgba(var(--color-foreground),.75);font-size:1.25rem;line-height:1.4}.hf-personalisation-preview__panel{margin-top:1rem;padding:1.2rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:var(--hf-radius, 10px);background:rgb(var(--color-background))}.hf-personalisation-preview__summary{display:grid;gap:0;margin:1rem 0 0}.hf-personalisation-preview__summary-row{display:grid;grid-template-columns:minmax(8rem,.45fr) minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid rgba(var(--color-foreground),.12)}.hf-personalisation-preview__summary-row dt{font-weight:700}.hf-personalisation-preview__summary-row dd{min-width:0;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.hf-personalisation-preview__panel[data-preview-stale=true]{border-color:rgba(var(--color-foreground),.32)}.hf-personalisation-preview__image-frame{position:relative;display:grid;place-items:center;width:min(100%,52rem);aspect-ratio:1;margin-top:1rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--hf-radius, 10px);background:rgba(var(--color-foreground),.025)}.hf-personalisation-preview__artwork-label{position:absolute;z-index:1;top:.8rem;left:.8rem;margin:0;padding:.4rem .65rem;border-radius:999px;background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:700}.hf-personalisation-preview__image{display:block;width:100%;height:100%;object-fit:contain}.hf-personalisation-preview__image[hidden],.hf-personalisation-preview__placeholder[hidden]{display:none}.hf-personalisation-preview__placeholder{padding:1.5rem;color:rgba(var(--color-foreground),.68);font-size:1.3rem;line-height:1.4;text-align:center}.hf-personalisation-field__item.is-preview-invalid .hf-personalisation-field__input{border-color:#c0392b;box-shadow:0 0 0 1px #c0392b}@media screen and (min-width:1200px){.product__column-sticky:has(.hf-personalisation-editor--artwork[data-preview-activated=true]){position:static}.hf-personalisation-editor--artwork[data-preview-activated=true]{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1.2fr);align-items:start;gap:1.6rem}.hf-personalisation-editor--artwork[data-preview-activated=true] .hf-personalisation-editor__preview{position:sticky;top:max(calc(var(--header-height, 0px) + 1.5rem),13rem);grid-column:1;grid-row:1;max-block-size:min(50dvh,calc(100dvh - var(--header-height, 0px) - 8rem));overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.hf-personalisation-editor--artwork[data-preview-activated=true] .hf-personalisation-preview__button{position:sticky;z-index:2;top:0}.hf-personalisation-editor--artwork[data-preview-activated=true] .hf-personalisation-preview__status{position:sticky;z-index:2;top:5.2rem;background:rgb(var(--color-background))}.hf-personalisation-editor--artwork[data-preview-activated=true] .hf-personalisation-editor__controls{grid-column:2;grid-row:1}body:has(.section-header.shopify-section-header-hidden) .hf-personalisation-editor--artwork[data-preview-activated=true] .hf-personalisation-editor__preview{top:1.5rem;max-block-size:min(50dvh,calc(100dvh - 8rem))}}@media screen and not (min-width:1200px){.hf-personalisation-editor--artwork[data-preview-activated=true]{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}.hf-personalisation-editor__preview{position:static}.hf-personalisation-preview__image-frame{width:100%;height:clamp(22rem,40dvh,44rem);aspect-ratio:auto}}@media screen and not (min-width:750px){.hf-personalisation-preview__summary-row{grid-template-columns:1fr;gap:.35rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/hf-personalisation-preview.css.map */