html .opo{--opo-w: min(35rem, calc(100vw - 2.4rem) );--opo-ink: #1e1e1e;--opo-muted: #6b6b6b;--opo-soft: #f6f4ef;--opo-line: #e9e4d9;--opo-shadow: 0 1rem 3rem rgba(0, 0, 0, .12), 0 .2rem .6rem rgba(0, 0, 0, .06);position:fixed;z-index:990;right:var(--opo-offset-side);bottom:calc(var(--opo-offset-bottom) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;width:var(--opo-w);font-family:var(--font-body-family);color:var(--opo-ink);pointer-events:none;transition:opacity .2s ease,visibility 0s linear 0s}html .opo--left{right:auto;left:var(--opo-offset-side);align-items:flex-start}@media screen and (min-width:750px){html .opo{--opo-w: 37rem}}@media screen and (max-width:749px){html .opo--desktop-only{display:none}}body.overflow-hidden .opo,body.popup-scroll-hidden .opo{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}@media screen and (max-width:749px){body.overflow-hidden-mobile .opo{opacity:0;visibility:hidden}}@media screen and (max-width:1099px){body.overflow-hidden-tablet .opo{opacity:0;visibility:hidden}}.opo button{font-family:inherit;-webkit-tap-highlight-color:transparent}.opo button:focus-visible,.opo a:focus-visible,.opo input:focus-visible{outline:.3rem solid var(--opo-ink);outline-offset:.2rem}.opo-icon{display:block;width:1.8rem;height:1.8rem;flex:none}.opo__window{position:relative;width:100%;height:28rem;margin-bottom:.8rem}.opo[data-state=closed] .opo__window{display:none}.opo[data-state=open][data-mode=intro] .opo__window{height:35rem}.opo[data-state=open][data-mode=chat] .opo__window{height:min(56rem,calc(100vh - var(--opo-offset-bottom) - 9rem));height:min(56rem,calc(100dvh - var(--opo-offset-bottom) - 9rem))}.opo__window>*{pointer-events:auto}.opo__stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.opo__stage>*{pointer-events:auto}.opo__bubble{position:absolute;z-index:3;top:0;left:0;width:25rem;padding:1.6rem 4rem 1.6rem 1.8rem;background:#fff;border-radius:2rem;box-shadow:var(--opo-shadow);transform-origin:80% 100%;animation:opo-pop .4s cubic-bezier(.2,1.4,.4,1) .1s both}.opo__bubble:after{content:"";position:absolute;right:5.6rem;bottom:-.7rem;width:1.6rem;height:1.6rem;background:#fff;border-radius:.3rem;transform:rotate(45deg);box-shadow:.4rem .4rem .6rem #0000000a}.opo--left .opo__bubble{left:auto;right:0;transform-origin:20% 100%}.opo--left .opo__bubble:after{right:auto;left:5.6rem}.opo__bubble--teaser{width:23rem;cursor:pointer}.opo__bubble-title{margin:0 0 .5rem;font-size:1.6rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.opo__bubble-text{margin:0;font-size:1.35rem;line-height:1.45;color:#3b3b3b}.opo__bubble-close{position:absolute;top:.9rem;right:.9rem;display:grid;place-items:center;width:2.8rem;height:2.8rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--opo-ink);cursor:pointer;transition:background .15s ease}.opo__bubble-close:hover{background:#f3f3f3}.opo__bubble-close .opo-icon{width:1.6rem;height:1.6rem}.opo__mascot{position:absolute;z-index:1;right:-.6rem;bottom:-2.4rem;width:20rem;cursor:pointer;transform-origin:bottom center;animation:opo-rise .55s cubic-bezier(.2,1.2,.4,1) both;transition:width .35s ease,right .35s ease,top .35s ease}.opo--left .opo__mascot{right:auto;left:-.6rem}.opo__mascot-img{display:block;width:100%;height:auto;max-height:26rem;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 .8rem 1.2rem rgba(0,0,0,.14))}.opo--right .opo__mascot-img--illustration,.opo--left .opo__mascot-img--photo{transform:scaleX(-1)}.opo:not([data-mode=chat]) .opo__mascot-img{animation:opo-breathe 4.2s ease-in-out .6s infinite;transform-origin:bottom center}.opo--right:not([data-mode=chat]) .opo__mascot-img--illustration,.opo--left:not([data-mode=chat]) .opo__mascot-img--photo{animation-name:opo-breathe-flipped}.opo__sparkles{position:absolute;top:12%;right:2%;width:3.6rem;height:3.6rem;pointer-events:none}.opo--left .opo__sparkles{right:auto;left:2%;transform:scaleX(-1)}.opo__sparkles i{position:absolute;width:.4rem;height:1.2rem;border-radius:.4rem;background:var(--opo-accent);box-shadow:0 0 0 .1rem #0000000a;animation:opo-twinkle 2.4s ease-in-out infinite}.opo__sparkles i:nth-child(1){top:.4rem;left:.6rem;transform:rotate(-30deg)}.opo__sparkles i:nth-child(2){top:0;left:1.7rem;transform:rotate(8deg);animation-delay:.3s}.opo__sparkles i:nth-child(3){top:1.3rem;left:2.7rem;height:1rem;transform:rotate(60deg);animation-delay:.6s}.opo__chips{position:absolute;z-index:3;left:0;bottom:.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;margin:0;padding:0;list-style:none}.opo--left .opo__chips{left:auto;right:0;align-items:flex-end}.opo__chips li{margin:0}.opo__chip{display:inline-flex;align-items:center;gap:.8rem;padding:.75rem 1.4rem .75rem .9rem;border:.1rem solid rgba(0,0,0,.06);border-radius:99rem;background:#fff;box-shadow:0 .4rem 1.4rem #0000001a;color:var(--opo-ink);font-size:1.3rem;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;animation:opo-chip-in .35s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--opo-i, 0) * 60ms + .15s)}.opo__chip:hover{transform:translate(.3rem);border-color:var(--opo-accent);background:#fffbea}.opo--left .opo__chip:hover{transform:translate(-.3rem)}.opo__panel{position:absolute;z-index:2;top:7.6rem;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:2.2rem;box-shadow:0 1.8rem 5rem #0000002e,0 .2rem .6rem #0000000f;animation:opo-pop .3s cubic-bezier(.2,1.2,.4,1) both}.opo__panel-head{display:flex;align-items:center;gap:.4rem;padding:1.2rem 1rem 1rem 1.8rem;border-bottom:.1rem solid #f1eee7;background:linear-gradient(180deg,#fff8dc,#fff)}.opo__panel-title{flex:1;min-width:0}.opo__panel-name{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.opo__panel-status{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.15rem;line-height:1.3;color:var(--opo-muted)}.opo__panel-status span{width:.8rem;height:.8rem;border-radius:50%;background:#34a853;box-shadow:0 0 #34a85380;animation:opo-online 2s ease-out infinite}.opo__panel-btn{display:grid;place-items:center;flex:none;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--opo-ink);cursor:pointer;transition:background .15s ease}.opo__panel-btn:hover{background:#f3f1ec}.opo__panel-btn--text{width:auto;padding:0 1rem;border-radius:99rem;font-size:1.2rem;font-weight:500;color:var(--opo-muted)}.opo__log{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.4rem 1.4rem .8rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.opo__suggestions{display:flex;gap:.6rem;padding:.8rem 1.2rem 1.2rem;overflow-x:auto;border-top:.1rem solid #f3f1ec;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.opo__suggestions::-webkit-scrollbar{display:none}.opo__suggestions:empty{display:none}.opo__suggestions .opo__chip{flex:none;gap:.6rem;padding:.6rem 1.1rem .6rem .8rem;border-color:var(--opo-line);box-shadow:none;font-size:1.2rem;animation:none}.opo__suggestions .opo__chip:hover{transform:none}.opo__suggestions .opo-icon{width:1.6rem;height:1.6rem}.opo-msg{max-width:88%;padding:1rem 1.3rem;border-radius:1.6rem;font-size:1.35rem;line-height:1.45;overflow-wrap:anywhere;animation:opo-msg-in .25s ease both}.opo-msg--bot{align-self:flex-start;background:var(--opo-soft);border-bottom-left-radius:.5rem}.opo-msg--user{align-self:flex-end;background:var(--opo-accent);color:var(--opo-accent-text);border-bottom-right-radius:.5rem;font-weight:500}.opo-msg--wide{width:100%;max-width:100%}.opo-rte p{margin:0 0 .6rem}.opo-rte>:last-child{margin-bottom:0}.opo-rte p a,.opo-rte li a{color:inherit;text-decoration:underline;text-underline-offset:.2rem}.opo-note{margin:.8rem 0 0;font-size:1.15rem;color:var(--opo-muted)}.opo-typing{display:inline-flex;gap:.4rem;align-items:center;height:1.9rem}.opo-typing i{width:.7rem;height:.7rem;border-radius:50%;background:#b9b2a3;animation:opo-dot 1s ease-in-out infinite}.opo-typing i:nth-child(2){animation-delay:.15s}.opo-typing i:nth-child(3){animation-delay:.3s}.opo-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.opo-action{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;border:.1rem solid var(--opo-line);border-radius:99rem;background:#fff;color:var(--opo-ink);font-size:1.25rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.opo-action:hover{border-color:var(--opo-accent);background:#fffbea}.opo-action[hidden]{display:none}.opo-action .opo-icon{width:1.6rem;height:1.6rem}.opo-action--primary{border-color:var(--opo-accent);background:var(--opo-accent);color:var(--opo-accent-text)}.opo-action--primary:hover{background:var(--opo-accent);filter:brightness(.96)}.opo-products{margin-top:.9rem}.opo-results{display:grid;grid-auto-flow:column;grid-auto-columns:12.8rem;gap:.8rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.opo-results:empty{display:none}.opo-product{display:flex;flex-direction:column;gap:.4rem;padding:.8rem;border:.1rem solid #eee9df;border-radius:1.4rem;background:#fff;color:var(--opo-ink);text-decoration:none;scroll-snap-align:start;transition:border-color .15s ease,transform .15s ease}.opo-product:hover{border-color:var(--opo-accent);transform:translateY(-.2rem)}.opo-product__media{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:#fff}.opo-product__media img{width:100%;height:100%;object-fit:contain}.opo-product__badge{position:absolute;top:.4rem;left:.4rem;padding:.2rem .6rem;border-radius:99rem;background:#f2542d;color:#fff;font-size:1.05rem;font-weight:700}.opo-product__title{display:-webkit-box;min-height:3.1rem;overflow:hidden;font-size:1.2rem;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.opo-product__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;font-size:1.3rem;font-weight:700}.opo-product__price s{font-size:1.1rem;font-weight:400;color:#8a8a8a}.opo-skeleton{display:grid;grid-auto-flow:column;grid-auto-columns:12.8rem;gap:.8rem;overflow:hidden}.opo-skeleton i{height:17rem;border-radius:1.4rem;background:linear-gradient(90deg,#f1eee7,#faf8f3,#f1eee7);background-size:200% 100%;animation:opo-shimmer 1.2s linear infinite}.opo__bar{position:relative;z-index:4;display:flex;align-items:center;justify-content:flex-end;width:100%;pointer-events:none}.opo--left .opo__bar{flex-direction:row-reverse}.opo__cta,.opo__composer{display:none;flex:1;align-items:center;height:5.2rem;margin-right:-2.2rem;background:#fff;border:.2rem solid var(--opo-accent);border-radius:99rem;box-shadow:0 .8rem 2.4rem #0000001f;pointer-events:auto;animation:opo-bar-in .35s cubic-bezier(.2,1.2,.4,1) both}.opo--left .opo__cta,.opo--left .opo__composer{margin-right:0;margin-left:-2.2rem}.opo[data-state=teaser] .opo__cta,.opo[data-state=open] .opo__composer{display:flex}.opo__cta{flex:0 1 auto;justify-content:space-between;gap:1.2rem;min-width:20rem;padding:0 3.6rem 0 2rem;color:var(--opo-ink);font-size:1.5rem;font-weight:700;cursor:pointer}.opo--left .opo__cta{padding:0 2rem 0 3.6rem}.opo__cta .opo-icon{width:1.6rem;height:1.6rem;color:#9a9a9a}.opo__composer{gap:.4rem;margin-top:0;margin-bottom:0;padding:0 3.2rem 0 1.8rem}.opo--left .opo__composer{padding:0 1.8rem 0 3.2rem}.opo__input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--opo-ink);font-family:inherit;font-size:16px}@media screen and (min-width:750px){.opo__input{font-size:1.4rem}}.opo__input::placeholder{color:#8a8a8a;opacity:1}.opo .opo__input:focus-visible{outline:0}.opo__composer:focus-within{box-shadow:0 0 0 .3rem #00000014,0 .8rem 2.4rem #0000001f}.opo__send{display:grid;place-items:center;flex:none;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--opo-ink);cursor:pointer;transition:background .15s ease}.opo__send:hover{background:#fff4c2}.opo__send .opo-icon{width:2rem;height:2rem}.opo__launcher{position:relative;z-index:2;display:grid;place-items:center;flex:none;width:6.2rem;height:6.2rem;padding:0;border:0;border-radius:50%;background:var(--opo-accent);color:var(--opo-accent-text);box-shadow:0 1rem 2.4rem #0000002e,inset 0 -.3rem #00000014;cursor:pointer;pointer-events:auto;transition:transform .2s ease}.opo[data-state=closed] .opo__launcher{animation:opo-nudge 8s ease-in-out 3s infinite}.opo__launcher:hover{transform:scale(1.06)}.opo__launcher:active{transform:scale(.95)}.opo__launcher-face .opo-icon{width:3.6rem;height:3.6rem}.opo__launcher-arrow{display:none}.opo__launcher-arrow .opo-icon{width:2.4rem;height:2.4rem}.opo[data-state=teaser] .opo__launcher-face{display:none}.opo[data-state=teaser] .opo__launcher-arrow{display:block}.opo--left .opo__launcher-arrow .opo-icon{transform:scaleX(-1)}.opo:not([data-state=teaser]) .opo__bubble--teaser,.opo:not([data-state=open]) .opo__bubble--intro,.opo:not([data-state=open]) .opo__chips,.opo[data-mode=chat] .opo__bubble--intro,.opo[data-mode=chat] .opo__chips,.opo:not([data-mode=chat]) .opo__panel,.opo[data-state=teaser] .opo__panel{display:none}.opo[data-mode=chat] .opo__mascot{top:-.6rem;bottom:auto;right:2.4rem;width:12rem;z-index:1;animation:opo-peek .45s cubic-bezier(.2,1.2,.4,1) both}.opo--left[data-mode=chat] .opo__mascot{right:auto;left:2.4rem}.opo[data-mode=chat] .opo__mascot-img{max-height:none}.opo[data-mode=chat] .opo__sparkles,.opo[data-state=teaser] .opo__panel{display:none}@media screen and (max-width:749px){.opo__bubble{width:22rem;padding:1.4rem 3.8rem 1.4rem 1.6rem}.opo__bubble-title{font-size:1.5rem}.opo__bubble-text{font-size:1.3rem}.opo__mascot{width:17rem}.opo__chip{font-size:1.25rem}.opo__window{height:25rem}.opo[data-state=open][data-mode=intro] .opo__window{height:34.5rem}.opo__chips{gap:.6rem}.opo[data-mode=chat] .opo__mascot{width:11rem}.opo__launcher{width:5.6rem;height:5.6rem}.opo__cta,.opo__composer{height:4.8rem}}@keyframes opo-pop{0%{opacity:0;transform:translateY(.8rem) scale(.92)}to{opacity:1;transform:none}}@keyframes opo-rise{0%{opacity:0;transform:translateY(3rem) scale(.9)}to{opacity:1;transform:none}}@keyframes opo-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.2rem) scale(1.012)}}@keyframes opo-breathe-flipped{0%,to{transform:scaleX(-1) translateY(0) scale(1)}50%{transform:scaleX(-1) translateY(-.2rem) scale(1.012)}}@keyframes opo-peek{0%{transform:translateY(5rem)}to{transform:none}}@keyframes opo-chip-in{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:none}}@keyframes opo-bar-in{0%{opacity:0;transform:translate(1.6rem)}to{opacity:1;transform:none}}@keyframes opo-msg-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes opo-twinkle{0%,to{opacity:1}50%{opacity:.35}}@keyframes opo-dot{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-.4rem);opacity:1}}@keyframes opo-online{0%{box-shadow:0 0 #34a85380}70%,to{box-shadow:0 0 0 .6rem #34a85300}}@keyframes opo-shimmer{to{background-position:-200% 0}}@keyframes opo-nudge{0%,88%,to{transform:rotate(0)}91%{transform:rotate(-12deg)}94%{transform:rotate(10deg)}97%{transform:rotate(-6deg)}}@media(prefers-reduced-motion:reduce){.opo *,.opo *:before,.opo *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/opo-assistant.css.map */