interactive-collage{display:block;position:relative;width:100%;max-width:100%;overflow:hidden}.interactive-collage__canvas{position:relative;width:100%;overflow:hidden;isolation:isolate;background-color:var(--collage-background, #f4f1e8);background-repeat:no-repeat;background-position:center;background-size:cover;touch-action:pan-y}.interactive-collage__toolbar{position:absolute;z-index:100;top:clamp(1.6rem,3vw,3.2rem);right:clamp(1.6rem,4vw,5rem);left:clamp(1.6rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#111;pointer-events:none}.interactive-collage__hint,.interactive-collage__reset{margin:0;font:inherit;font-size:1.1rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.interactive-collage__hint{opacity:.7}.interactive-collage__reset{padding:.4rem 0;border:0;border-bottom:1px solid currentColor;border-radius:0;color:inherit;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto}.interactive-collage__reset:focus-visible,.interactive-collage__sticker:focus-visible{outline:2px solid currentColor;outline-offset:4px}.interactive-collage__sticker{position:absolute;top:var(--sticker-top);left:var(--sticker-left);z-index:var(--sticker-layer);width:min(var(--sticker-width),32vw);max-width:calc(90% - 2rem);margin:0;padding:0;border:0;border-radius:0;color:#111;background:transparent;box-shadow:none;cursor:grab;transform:translate(-50%,-50%) rotate(var(--sticker-rotation));transform-origin:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.interactive-collage__sticker.is-dragging{cursor:grabbing}.interactive-collage__image,.interactive-collage__placeholder{display:block;width:100%;height:auto;pointer-events:none}.interactive-collage__placeholder{opacity:.18}@media screen and (max-width:749px){.interactive-collage__toolbar{top:1.8rem;right:1.8rem;left:1.8rem}.interactive-collage__sticker{width:min(var(--sticker-width),calc(100vw - 3.6rem))}}@media(prefers-reduced-motion:reduce){.interactive-collage__sticker,.interactive-collage__reset{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/interactive-collage.css.map */