.aic-demo{display:block;min-width:0}.aic-demo__scene{position:relative;width:100%;aspect-ratio:1 / 1.08;min-height:490px}.aic-demo__product{position:absolute;top:3%;right:0;bottom:5%;left:8%;overflow:hidden;border-radius:21px;background:var(--mc-oat)}.aic-demo__shirt{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.aic-demo__shirt:not([data-shirt-colour=black]){opacity:0}.aic-demo__shirt[data-active]{opacity:1}.aic-demo__print{position:absolute;left:33%;top:36%;width:34%;height:auto;opacity:.95;transform:none;transition:opacity .7s,transform 1s cubic-bezier(.16,1,.3,1)}.aic-demo__chat.aic-chat__main{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;overflow:hidden;border:1px solid var(--aic-line-soft);border-radius:21px;background:var(--mc-cloud);box-shadow:var(--aic-shadow-soft);opacity:0;transform:translateY(13px);transition:opacity .6s,transform .6s;pointer-events:none}.aic-demo__chat .aic-chat__product-header{position:static;flex-shrink:0;padding:13px;gap:8px}.aic-demo__chat-label{margin-left:auto;font-size:var(--text-xs);color:var(--mc-mocha)}.aic-demo__chat .aic-chat__messages{padding:13px 21px;gap:8px;overflow:hidden}.aic-demo__chat .aic-msg{font-size:var(--text-sm);line-height:1.5;animation:none;transition:opacity .4s,transform .4s;flex-shrink:0}.aic-demo__chat .aic-msg--user{padding:8px 13px;max-width:88%}.aic-demo__sent{display:flex;align-items:center;gap:13px}.aic-demo__sent .aic-msg__image{width:72px;height:72px;object-fit:cover;margin:0;flex-shrink:0;border-radius:8px}.aic-demo__chat .aic-msg--ai{max-width:95%;padding:3px 0}.aic-demo__chat .aic-chat__input-bar{position:static;flex-shrink:0;width:auto;margin:auto 13px 13px;padding:13px;border-radius:21px}.aic-demo__attachment{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);margin-bottom:8px}.aic-demo__attachment img{width:42px;height:42px;border-radius:8px;object-fit:cover}.aic-demo__attachment span:last-child{margin-left:auto}.aic-demo__typed.aic-chat__textarea{padding:0;min-height:3em;font-size:var(--text-sm);line-height:1.5}.aic-demo__chat .aic-chat__input-actions{margin-top:8px}.aic-demo__chat .aic-chat__attach-btn{font-size:var(--text-h5)}.aic-demo__chat .aic-chat__send-btn{background:var(--mc-terracotta);color:var(--mc-cloud)}.aic-demo[data-stage=chat] .aic-demo__chat{opacity:1;transform:none}.aic-demo[data-beat=typing] :is(.aic-demo__sent,.aic-demo__reply,.aic-demo__confirm),.aic-demo[data-beat=sent] :is(.aic-demo__reply,.aic-demo__confirm),.aic-demo[data-beat=reply] .aic-demo__confirm{display:none}.aic-demo:not([data-beat=typing]) .aic-demo__attachment{display:none}.aic-demo[data-beat=typing] .aic-demo__typed:after{content:"|";color:var(--mc-terracotta)}.aic-demo:not([data-beat=typing]) .aic-demo__typed{color:var(--mc-mocha)}.aic-demo__loading{position:absolute;left:33%;top:36%;width:34%;aspect-ratio:1;opacity:0;transition:opacity .45s}.aic-demo__print-scan{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid var(--mc-terracotta);background:rgb(from var(--mc-oat) r g b / .08)}.aic-demo__print-scan i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 10%,rgb(from var(--mc-oat) r g b / .08) 40%,rgb(from var(--mc-terracotta) r g b / .5) 98%,var(--mc-terracotta));transform:translateY(calc(var(--demo-scan, 0) * 200% - 100%))}.aic-demo__loading>span{position:absolute;top:100%;left:-50%;width:200%;padding-top:13px;color:var(--mc-cloud);font-size:var(--text-xs);text-align:center}.aic-demo[data-stage=loading] .aic-demo__loading{opacity:1}.aic-demo__result{position:absolute;right:0;bottom:0;min-width:55%;padding:13px 21px;background:var(--mc-cloud);border:1px solid var(--aic-line-soft);border-radius:13px;box-shadow:var(--aic-shadow-soft);transition:opacity .5s,transform .5s}.aic-demo__result strong{display:block;margin-top:5px;font-family:var(--heading-font-family);font-size:var(--text-h5);letter-spacing:-.03em}.aic-demo__colours{display:flex;gap:5px;align-items:center;margin-top:13px}.aic-demo__swatch{width:21px;height:21px;flex-shrink:0;border-radius:50%;background:var(--mc-carbon);border:2px solid var(--mc-cloud)}.aic-demo__swatch[data-colour=beige]{background:#c4a77f}.aic-demo__swatch[data-colour=navy]{background:#243249}.aic-demo__swatch[data-colour=white]{background:#f4f3ef;box-shadow:inset 0 0 0 1px var(--mc-mist)}.aic-demo__swatch[data-colour=red]{background:#b72b32}.aic-demo__swatch[data-colour=green]{background:#314b3d}.aic-demo__swatch[data-colour=lavender]{background:#b2a0c4}.aic-demo__swatch[data-active]{outline:1px solid var(--mc-terracotta)}.aic-demo__colour-name{font-size:var(--text-xs);margin-left:5px}.aic-demo__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:21px;padding-left:8%;font-size:var(--text-xs);color:var(--mc-mocha)}.aic-demo__toggle.button{padding:8px 13px;font-size:var(--text-xs);min-height:44px}.aic-demo[data-stage=chat] .aic-demo__print,.aic-demo[data-stage=loading] .aic-demo__print{opacity:0;transform:none}.aic-demo[data-stage=artwork] .aic-demo__print{opacity:.95;transform:none}.aic-demo[data-stage=chat] .aic-demo__result,.aic-demo[data-stage=loading] .aic-demo__result{opacity:0;transform:translateY(13px)}.aic-demo[data-stage=artwork] .aic-demo__colours{visibility:hidden}.aic-demo[data-paused] *,.aic-demo[data-paused] *:after{transition:none!important}@media(max-width:699px){.aic-demo{min-height:0}.aic-demo__swatch{width:18px;height:18px}.aic-demo__scene{min-height:490px}.aic-demo__chat .aic-chat__messages{padding:13px}.aic-demo__sent .aic-msg__image{width:55px;height:55px}.aic-demo__typed{font-size:var(--text-sm)}.aic-demo__footer{padding-left:0;margin-top:13px}}@media(prefers-reduced-motion:reduce){.aic-demo *,.aic-demo *:after{transition:none!important}}.aic-demo:not([data-beat=typing]) .aic-demo__typed{min-height:1.5em}@media(max-width:699px){.aic-demo:not([data-beat=typing]) .aic-demo__hello{display:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/ai-hero-animation.css.map */