.wq-section{background:var(--bg)}.wq{display:block;padding-block:clamp(28px,5vw,64px) var(--section-gap)}.wq[hidden]{display:none}.wq__inner{max-width:860px}.wq__head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:clamp(20px,3vw,32px)}.wq__badge{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--plum);color:var(--white)}.wq__badge svg{width:26px;height:26px}.wq__title{margin:0;max-width:18ch;text-wrap:balance}.wq__chat{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 2px #1414140a,0 18px 40px #173f2c0f;overflow:hidden}.wq__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,22px);border-bottom:1px solid var(--line-3)}.wq__who{display:flex;align-items:center;gap:10px;min-width:0}.wq__avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--plum);color:var(--white)}.wq__avatar svg{width:18px;height:18px}.wq__who-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.wq__who-name{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--ink)}.wq__progress{font-size:12.5px;color:var(--muted);min-height:1.25em;font-variant-numeric:tabular-nums}.wq__restart{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;margin-right:-8px;border:0;border-radius:var(--r-pill);background:none;color:var(--muted-2);font:600 13px/1 var(--font-body);cursor:pointer;transition:background var(--dur),color var(--dur)}.wq__restart:hover{background:var(--surface);color:var(--ink)}.wq__restart[hidden]{display:none}.wq__restart svg{width:16px;height:16px}.wq__meter{height:3px;background:var(--line-3)}.wq__meter span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--petrol),var(--orange));transform:scaleX(var(--p, 0));transform-origin:left center;transition:transform .5s var(--ease)}.wq__log{display:flex;flex-direction:column;gap:10px;padding:clamp(16px,3vw,28px) clamp(14px,3vw,28px) 8px;background:linear-gradient(var(--bg),var(--bg)) padding-box;min-height:140px}.wq__log:empty{min-height:0;padding-bottom:0}.wq__msg{display:flex;max-width:min(85%,560px);animation:wq-in .32s var(--ease) both}.wq__msg--bot{align-self:flex-start}.wq__msg--user{align-self:flex-end;justify-content:flex-end}.wq__bubble{padding:12px 16px;border-radius:18px;font-size:15.5px;line-height:1.5;overflow-wrap:anywhere}.wq__msg--bot .wq__bubble{background:var(--plum);color:var(--white);border-bottom-left-radius:6px}.wq__msg--user .wq__bubble{background:var(--white);color:var(--petrol);font-weight:600;border:1.5px solid var(--petrol);border-bottom-right-radius:6px}.wq__msg--bot+.wq__msg--bot .wq__bubble{border-top-left-radius:6px}.wq__bubble>:first-child{margin-top:0}.wq__bubble>:last-child{margin-bottom:0}.wq__bubble p{margin:0 0 .6em}.wq__bubble a{color:inherit;text-decoration:underline;text-underline-offset:2px}.wq__bubble strong{font-weight:700}.wq__msg--bot .wq__bubble :focus-visible{outline-color:var(--white)}.wq__msg--result .wq__bubble{font-weight:600}.wq__msg--typing .wq__bubble,.wq__msg--typing{align-self:flex-start}.wq__dots{display:inline-flex;gap:5px;align-items:center;padding:15px 16px;border-radius:18px 18px 18px 6px;background:var(--plum)}.wq__dots i{width:7px;height:7px;border-radius:50%;background:var(--white);opacity:.35;animation:wq-dot 1.1s infinite ease-in-out}.wq__dots i:nth-child(2){animation-delay:.15s}.wq__dots i:nth-child(3){animation-delay:.3s}.wq__results{margin:8px 0 4px;animation:wq-in .4s var(--ease) both}.wq__grid{list-style:none;margin:0;padding:4px clamp(14px,3vw,28px) 8px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,72%);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(14px,3vw,28px);margin-inline:calc(clamp(14px,3vw,28px)*-1);scrollbar-width:none}.wq__grid::-webkit-scrollbar{display:none}.wq__grid>li{scroll-snap-align:start;display:flex;min-width:0}.wq__grid>li>*{flex:1;min-width:0}@media(min-width:750px){.wq__grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}}.wq__tray{padding:12px clamp(14px,3vw,28px) clamp(16px,3vw,24px);background:var(--bg);scroll-margin-bottom:16px}.wq__tray:empty{padding-block:0 8px}.wq__tray.is-in>*{animation:wq-in .3s var(--ease) both}.wq__noscript{margin:0;color:var(--muted-2)}.wq__name{display:flex;gap:8px;align-items:stretch}.wq__input{flex:1;min-width:0;min-height:52px;padding:12px 18px;border:1.5px solid var(--line-2);border-radius:var(--r-pill);background:var(--white);font:16px/1.3 var(--font-body);color:var(--ink);transition:border-color .15s,box-shadow .15s}.wq__input::placeholder{color:var(--muted)}.wq__input:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px #00474c26}.wq__send{flex:none;min-height:52px;border-radius:var(--r-pill);padding-inline:22px}@media(max-width:420px){.wq__name{flex-direction:column}.wq__send{width:100%}}.wq__opts{display:flex;flex-direction:column;gap:10px}.wq__opt-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.wq__hint{margin:0;align-self:flex-end;font-size:13px;font-weight:600;color:var(--muted-2);font-variant-numeric:tabular-nums}.wq__opt{display:inline-flex;align-items:center;gap:0;min-height:44px;padding:10px 18px;border:1.5px solid var(--petrol);border-radius:var(--r-pill);background:var(--white);color:var(--petrol);font:600 15px/1.25 var(--font-body);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur),transform .12s,opacity var(--dur);-webkit-tap-highlight-color:transparent}.wq__opt:hover{background:#00474c12}.wq__opt:active{transform:scale(.97)}.wq__opt.is-picked,.wq__opt[aria-pressed=true]{background:var(--petrol);color:var(--white)}.wq__opt.is-picked:hover,.wq__opt[aria-pressed=true]:hover{background:var(--petrol-hover);border-color:var(--petrol-hover)}.wq__tick{width:0;height:16px;flex:none;opacity:0;transition:width var(--dur) var(--ease),opacity var(--dur),margin var(--dur)}.wq__opt[aria-pressed=true] .wq__tick{width:16px;margin-right:6px;opacity:1}.wq__opts[data-locked] .wq__opt:not(.is-picked):not([aria-pressed=true]){opacity:.45;pointer-events:none}.wq__back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;padding:0 4px;border:0;background:none;color:var(--muted-2);font:600 13.5px/1 var(--font-body);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.wq__back:hover{color:var(--ink);text-decoration-color:currentColor}.wq__back svg{width:16px;height:16px}.wq__end{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.wq__end .btn{flex-direction:row;gap:8px}.wq__end .btn svg{width:16px;height:16px}@media(max-width:480px){.wq__end .btn{flex:1 1 100%}}.wq-editor{padding-block:16px;color:var(--muted-2);font-size:14px}@media(min-width:750px){.wq__bubble{font-size:16px}.wq__opt-list{gap:10px}}@keyframes wq-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wq-dot{0%,80%,to{opacity:.35;transform:none}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.wq__msg,.wq__results,.wq__tray.is-in>*{animation:none}.wq__dots i{animation:none;opacity:.7}.wq__meter span,.wq__opt,.wq__tick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/798/assets/section-wine-quiz.css.map */