.article-personalization-demo[hidden]{display:none!important}.article-personalization-demo,.article-personalization-demo *{box-sizing:border-box}.article-personalization-demo{--wahup-fixed-safe-bottom: max(10px, env(safe-area-inset-bottom));--wahup-floating-cart-bottom: calc(76px + var(--wahup-fixed-safe-bottom));--wahup-floating-cart-size: 50px;--wahup-floating-stack-gap: 12px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;color:#111;font-family:Poppins,Arial,sans-serif}.article-personalization-demo__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0f172aad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;opacity:0;transition:opacity .3s ease}.article-personalization-demo__portal{position:fixed;z-index:2147483050;top:50%;left:50%;width:18px;height:18px;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0 8%,transparent 9% 32%,rgba(255,255,255,.7) 33% 35%,transparent 36%),conic-gradient(from 0deg,#38bdf8,#044d79,#e95d2c,#fbbf24,#38bdf8);box-shadow:0 0 0 2px #ffffff4d,0 0 28px #38bdf8d9,0 0 70px #e95d2c7a;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2) rotate(0)}.article-personalization-demo.is-opening .article-personalization-demo__portal{animation:personalization-portal-open .62s cubic-bezier(.2,.72,.2,1) both}.article-personalization-demo.is-opening.is-open .article-personalization-demo__dialog{animation:personalization-modal-materialize .42s .14s cubic-bezier(.18,.9,.24,1) both}@keyframes personalization-portal-open{0%{width:18px;height:18px;opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}18%{opacity:1}64%{width:min(34vmin,220px);height:min(34vmin,220px);opacity:.94;transform:translate(-50%,-50%) scale(1) rotate(420deg)}to{width:min(74vmin,520px);height:min(74vmin,520px);opacity:0;transform:translate(-50%,-50%) scale(1.22) rotate(720deg)}}@keyframes personalization-modal-materialize{0%{clip-path:circle(0 at 50% 50%);filter:blur(18px) saturate(1.7);opacity:0}65%{clip-path:circle(62% at 50% 50%);filter:blur(2px) saturate(1.12);opacity:1}to{clip-path:circle(76% at 50% 50%);filter:blur(0) saturate(1);opacity:1}}.article-personalization-demo__dialog{position:absolute;top:50%;left:50%;width:min(1040px,calc(100vw - 36px));max-height:min(820px,calc(100dvh - 36px));overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 28px 90px #00000057;opacity:0;transform:translate(-50%,-46%) scale(.96);transition:opacity .34s ease,transform .34s cubic-bezier(.22,1,.36,1)}.article-personalization-demo.is-open .article-personalization-demo__backdrop,.article-personalization-demo.is-open .article-personalization-demo__dialog{opacity:1}.article-personalization-demo.is-open .article-personalization-demo__dialog{transform:translate(-50%,-50%) scale(1)}.article-personalization-demo.is-minimized{pointer-events:none}.article-personalization-demo.is-minimized .article-personalization-demo__backdrop{opacity:0;pointer-events:none}.article-personalization-demo.is-minimized .article-personalization-demo__dialog{opacity:0;transform:translate(-50%,-50%) scale(.72);pointer-events:none}.article-personalization-demo__mini{position:fixed;z-index:2147483200;right:max(18px,env(safe-area-inset-right));bottom:calc(var(--wahup-floating-cart-bottom) + var(--wahup-floating-cart-size) + var(--wahup-floating-stack-gap));display:flex;align-items:center;gap:8px;width:126px;height:62px;border:2px solid #fff;border-radius:999px;padding:4px 12px 4px 4px;background:#044d79;box-shadow:0 14px 34px #044d7957;color:#fff;cursor:pointer;font:800 12px/1.1 Poppins,Arial,sans-serif;opacity:0;pointer-events:none;transform:translateY(16px) scale(.55);transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1),background .2s ease}.article-personalization-demo__mini img{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#fff;object-fit:cover}.article-personalization-demo__mini:hover{background:#0369a1}.article-personalization-demo.is-minimized .article-personalization-demo__mini{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.article-personalization-demo__header{display:flex;align-items:center;justify-content:space-between;min-height:82px;border-bottom:1px solid #e5e7eb;padding:16px 22px 14px 26px;background:linear-gradient(135deg,#f7fbff,#fff8f5)}.article-personalization-demo__eyebrow{display:block;margin:0 0 3px;color:#e95d2c;font-size:12px;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.article-personalization-demo__header h2{margin:0;color:#111827;font-size:clamp(20px,2.3vw,29px);font-weight:800;line-height:1.18}.article-personalization-demo__close{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 18px #0f172a1f;color:#111827;cursor:pointer;font:300 30px/38px Arial,sans-serif;transition:transform .2s ease,background .2s ease}.article-personalization-demo__close:hover{background:#f3f4f6;transform:rotate(5deg) scale(1.05)}.article-personalization-demo__body{display:grid;grid-template-columns:minmax(330px,47%) minmax(0,53%);max-height:calc(min(820px,100dvh - 36px) - 82px);overflow:auto}.article-personalization-demo__preview-column{position:sticky;z-index:4;top:0;align-self:start;min-height:600px;padding:26px;background:radial-gradient(circle at 15% 10%,rgba(4,77,121,.12),transparent 36%),linear-gradient(160deg,#f2f8fb,#eef2f7)}.article-personalization-demo__preview{position:relative;aspect-ratio:1;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 16px 45px #0f172a29;isolation:isolate}.article-personalization-demo__preview>img,.article-personalization-demo__preview>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.article-personalization-demo__preview>img{object-fit:contain;background:#fff}.article-personalization-demo__preview>svg{z-index:1;overflow:visible;pointer-events:none}.article-personalization-demo__preview.is-changing>svg{animation:personalization-preview-pop .42s cubic-bezier(.2,.8,.2,1)}@keyframes personalization-preview-pop{0%{opacity:.56;transform:scale(.985);filter:saturate(.75)}to{opacity:1;transform:scale(1);filter:saturate(1)}}.article-personalization-demo__preview-badge{position:absolute;z-index:2;top:6px;right:4px;max-width:min(64%,calc(100% - 8px));overflow:hidden;border-radius:999px;background:#11182770;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;line-height:1.3;padding:6px 9px;text-overflow:ellipsis;white-space:nowrap}.article-personalization-demo__controls-column{min-width:0;padding:24px 26px 26px;background:#fff}.article-personalization-demo__intro{margin:0 0 18px;color:#4b5563;font-size:14px;line-height:1.55}.article-personalization-demo__controls{display:grid;gap:14px}.article-personalization-demo__field{min-width:0;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;padding:12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.article-personalization-demo__field.is-demo-active{border-color:#e95d2c;background:#fffaf8;box-shadow:0 0 0 3px #e95d2c1c}.article-personalization-demo__label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;color:#111827;font-size:13px;font-weight:800;line-height:1.35}.article-personalization-demo__label span{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.article-personalization-demo__choices{display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:thin}.article-personalization-demo__choice{position:relative;flex:0 0 auto;min-width:64px;min-height:48px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#1f2937;cursor:pointer;font:700 11px/1.2 Poppins,Arial,sans-serif;padding:6px 8px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.article-personalization-demo__choice.is-visual{width:52px;min-width:52px;min-height:52px;padding:4px;background:var(--demo-choice-color, #fff);box-shadow:inset 0 0 0 4px #fff;font-size:0}.article-personalization-demo__choice img{display:block;width:100%;height:100%;border-radius:7px;object-fit:cover}.article-personalization-demo__choice.is-selected{border-color:#e95d2c;box-shadow:inset 0 0 0 2px #e95d2c;transform:none}.article-personalization-demo__text{width:100%;height:46px;border:1.5px solid #cbd5e1;border-radius:10px;background:#fff;color:#111827;font:600 15px/44px Poppins,Arial,sans-serif;padding:0 12px;caret-color:#e95d2c}.article-personalization-demo__text.is-typing{border-color:#e95d2c;box-shadow:0 0 0 3px #e95d2c1a}.article-personalization-demo__upload{width:100%;min-height:50px;border:1.5px dashed #9ca3af;border-radius:10px;background:#fff;color:#374151;cursor:pointer;font:700 13px/1.3 Poppins,Arial,sans-serif}.article-personalization-demo__upload.is-clicked{border-color:#e95d2c;background:#fff5f1;animation:personalization-upload-pulse .55s ease}@keyframes personalization-upload-pulse{50%{transform:scale(.98)}}.article-personalization-demo__product-options[hidden]{display:none}.article-personalization-demo__product-options{margin-top:18px;border:1px solid #dbe4ec;border-radius:16px;background:linear-gradient(145deg,#f8fbfd,#fff);box-shadow:0 12px 30px #0f172a14;opacity:0;padding:14px;transform:translateY(14px) scale(.985)}.article-personalization-demo__product-options.is-open{animation:personalization-options-open .42s cubic-bezier(.22,1,.36,1) forwards}@keyframes personalization-options-open{to{opacity:1;transform:translateY(0) scale(1)}}.article-personalization-demo__product-options-heading{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px}.article-personalization-demo__product-options-heading>img{display:block;width:76px;height:76px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;object-fit:contain;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}.article-personalization-demo__product-options-heading h3{margin:0 0 5px;color:#111827;font-size:16px;font-weight:800;line-height:1.25}.article-personalization-demo__product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:#e95d2c;font-size:18px;font-weight:800;line-height:1.2}.article-personalization-demo__product-price s{color:#94a3b8;font-size:13px;font-weight:600}.article-personalization-demo__variant-options{display:grid;gap:12px;margin-top:14px}.article-personalization-demo__variant-group{min-width:0;margin:0;border:0;padding:0}.article-personalization-demo__variant-group legend{margin-bottom:7px;color:#334155;font-size:12px;font-weight:800;line-height:1.3}.article-personalization-demo__variant-values{display:flex;flex-wrap:wrap;gap:7px}.article-personalization-demo__variant-value{min-height:38px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1f2937;cursor:pointer;font:700 11px/1.2 Poppins,Arial,sans-serif;padding:7px 11px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.article-personalization-demo__variant-value:hover{border-color:#0ea5e9;transform:translateY(-1px)}.article-personalization-demo__variant-value.is-selected{border-color:#044d79;background:#eaf6fb;box-shadow:inset 0 0 0 2px #044d7938;color:#044d79}.article-personalization-demo__cart-status{min-height:18px;margin:10px 0 0;color:#64748b;font-size:11px;font-weight:600;line-height:1.45}.article-personalization-demo__cart-status[data-state=success]{color:#15803d}.article-personalization-demo__cart-status[data-state=error]{color:#b91c1c}.article-personalization-demo__footer{position:sticky;z-index:6;bottom:0;display:grid;grid-template-columns:minmax(104px,.38fr) minmax(0,1fr);gap:10px;margin-top:18px;padding:12px 0 var(--wahup-fixed-safe-bottom);background:#fff;box-shadow:0 -12px 22px #fffffff5}.article-personalization-demo__replay,.article-personalization-demo__cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;cursor:pointer;font:800 13px/1.3 Poppins,Arial,sans-serif;text-align:center;text-decoration:none}.article-personalization-demo__replay{border:1px solid #cbd5e1;background:#fff;color:#111827;padding:0 16px}.article-personalization-demo__cta{border:1px solid #044d79;background:#044d79;color:#fff;padding:10px 18px;letter-spacing:.035em;animation:personalization-cta-attention 1.8s ease-in-out infinite;transition:background .2s ease,transform .2s ease}.article-personalization-demo__cta:disabled{cursor:not-allowed;opacity:.58}.article-personalization-demo__cta.is-loading{animation:none;background:#075985}@keyframes personalization-cta-attention{0%,to{box-shadow:0 7px 18px #044d792e}50%{box-shadow:0 9px 26px #0369a16b,0 0 0 4px #0ea5e91f}}.article-personalization-demo__cta:hover{background:#0369a1;color:#fff;transform:translateY(-1px)}.article-personalization-demo__cursor{position:fixed;z-index:2147483100;top:0;left:0;width:34px;height:42px;opacity:0;pointer-events:none;transform:translate3d(-60px,-60px,0);transition:transform .62s cubic-bezier(.2,.8,.2,1),opacity .2s ease;filter:drop-shadow(0 4px 3px rgba(0,0,0,.24))}.article-personalization-demo__cursor.is-visible{opacity:1}.article-personalization-demo__cursor i{position:absolute;top:20px;left:10px;width:16px;height:16px;border:2px solid rgba(233,93,44,.8);border-radius:50%;opacity:0}.article-personalization-demo__cursor.is-clicking{transform:var(--demo-cursor-transform) scale(.84)!important}.article-personalization-demo__cursor.is-clicking i{animation:personalization-cursor-ripple .48s ease-out}@keyframes personalization-cursor-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.1)}}body.is-personalization-demo-open{overflow:hidden}@media(max-width:749px){.article-personalization-demo__dialog{width:100%;max-height:96dvh;top:auto;bottom:0;border-radius:22px 22px 0 0;transform:translate(-50%,56px) scale(.96);transition:opacity .34s ease,transform .46s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.article-personalization-demo.is-open .article-personalization-demo__dialog{transform:translate(-50%) scale(1)}.article-personalization-demo.is-minimized .article-personalization-demo__dialog{transform:translate(-50%,64px) scale(.72)}.article-personalization-demo__header{min-height:70px;padding:12px 14px 11px 18px}.article-personalization-demo__body{display:block;max-height:calc(96dvh - 70px);overflow:auto}.article-personalization-demo__preview-column{top:0;min-height:0;padding:14px 18px 8px;box-shadow:0 10px 24px #0f172a1f}.article-personalization-demo__preview{width:min(72vw,280px);margin:0 auto;border-radius:16px}.article-personalization-demo__controls-column{padding:14px 18px 24px}.article-personalization-demo__intro{margin-bottom:12px;font-size:12px}.article-personalization-demo__text{font-size:16px}.article-personalization-demo__footer{grid-template-columns:minmax(104px,.38fr) minmax(0,1fr)}.article-personalization-demo__mini{right:max(14px,env(safe-area-inset-right));width:118px;height:58px}.article-personalization-demo__mini img{flex-basis:46px;width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.article-personalization-demo *,.article-personalization-demo *:before,.article-personalization-demo *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.article-personalization-demo__cursor,.article-personalization-demo__portal{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/article-personalization-demo.css.map */