html[data-vp-demo-active] #facets-results>ul.grid,html[data-vp-demo-active] .vp-guide-bar{display:none!important}html[data-vp-demo-active] #facets-results{padding-bottom:0!important}.vp-guide-demo{grid-column:1 / -1;display:flex;justify-content:center;margin:0;list-style:none}.vp-guide-demo__btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:52px;padding:12px 26px;border:2px solid #111827;border-radius:9999px;background:#dde7d7;color:#111827;font:inherit;font-size:15px;font-weight:700;text-align:center;cursor:pointer;box-shadow:3px 3px #111827}.vp-guide-demo__btn:hover{background:#cfdcc7}.vp-guide-demo-float{position:fixed;top:50%;left:50%;z-index:45;display:flex;align-items:flex-start;gap:6px;width:min(360px,calc(100vw - 32px));transform:translate(-50%,-50%) scale(.96);opacity:0;transition:opacity .3s ease,transform .3s ease}.vp-guide-demo-float.is-in{opacity:1;transform:translate(-50%,-50%)}.vp-guide-demo-float[hidden]{display:none}.vp-guide-demo-float .vp-guide-demo__btn{flex:1;box-shadow:3px 3px #111827,0 18px 40px -16px #1118278c}.vp-guide-demo-float__close{flex:none;width:36px;height:36px;border:2px solid #111827;border-radius:50%;background:#fff;color:#111827;font:inherit;font-size:20px;line-height:1;cursor:pointer}.vp-guide-demo-float__close:focus-visible{outline:3px solid #111827;outline-offset:2px}html[data-vp-demo-active] .vp-guide-demo-float{display:none}.vp-guide-demo__btn:focus-visible,.vp-demo button:focus-visible{outline:3px solid #111827;outline-offset:3px}.vp-demo{position:relative;display:grid;gap:16px;margin:0 0 24px;color:#111827}.vp-demo[hidden]{display:none}.vp-demo *,.vp-demo *:before{box-sizing:border-box}.vp-demo__head{display:grid;gap:8px}.vp-demo__back,.vp-demo__wall-back{justify-self:start;padding:0;border:0;background:none;color:#111827;font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.vp-demo__kicker{margin:0;color:#e07a5f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vp-demo__card{display:grid;gap:6px;width:100%;max-width:420px;margin:0 auto;padding:10px 10px 14px;border:1.5px solid rgba(0,0,0,.14);border-radius:18px 18px 18px 6px;background:#fff;box-shadow:inset 0 4px #e07a5f;transition:border-color .25s ease,box-shadow .25s ease}.vp-demo__card[data-rated=love]{border-color:#c2412d;box-shadow:inset 0 4px #c2412d}.vp-demo__media{display:flex;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;background:#fff}.vp-demo__img{width:100%!important;height:100%!important;object-fit:contain}.vp-demo__title{margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.25}.vp-demo__question{margin:0;color:#4b5563;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.vp-demo__ratings{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:34px}.vp-demo__rate{min-height:46px;padding:8px 4px;border:1.5px solid rgba(0,0,0,.2);border-radius:999px;background:#fff;color:#000;font:inherit;font-size:13px;font-weight:800;line-height:1.1;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .2s ease}.vp-demo__rate--love{border:2px solid #c2412d;color:#c2412d;animation:vp-demo-pulse 1.6s ease-in-out infinite}.vp-demo__rate--like{border-color:#347a32;color:#347a32}.vp-demo__rate--dislike{color:#0009;font-weight:700}.vp-demo__rate--love.selected{background:#c2412d;border-color:#000;color:#fff;box-shadow:3px 3px #000;animation:none}.vp-demo__rate:disabled{cursor:default}.vp-demo__rate:active:not(:disabled){transform:translate(3px,3px)}.vp-demo__rate.is-shaking,.vp-demo__tip.is-shaking{animation:vp-demo-shake .4s ease}.vp-demo__tip{position:absolute;left:0;bottom:calc(100% + 8px);max-width:calc(200% + 6px);padding:6px 10px;border-radius:10px;background:#c2412d;color:#fff;font-size:12.5px;font-weight:700;line-height:1.25;animation:vp-demo-bob 1.6s ease-in-out infinite}.vp-demo__tip:after{content:"";position:absolute;left:22px;top:100%;border:6px solid transparent;border-top-color:#c2412d}.vp-demo__tip[hidden]{display:none}.vp-demo__sim{display:grid;gap:16px}.vp-demo__banner{margin:0}.vp-demo [data-demo-grid]{margin:0;padding:0;list-style:none}.vp-demo [data-demo-grid]>li{will-change:transform}.vp-demo [data-demo-grid] .vp-guide-match.is-updated .vp-guide-match__pill{background:#347a32}.vp-demo [data-demo-grid] .vp-guide-match.is-updated .vp-guide-match__src{color:#347a32}.vp-demo__own{display:inline-block;margin:0 0 6px;padding:3px 10px;border-radius:9999px;background:#fff0ec;color:#c2412d;font-size:12.5px;font-weight:700}.vp-demo:has(>.vp-demo__wall:not([hidden])){padding-bottom:230px}.vp-demo__wall{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;gap:10px;width:min(520px,calc(100vw - 24px));margin:0;padding:18px 16px;border:1px solid rgb(255 255 255 / 18%);border-radius:18px;background:#111827d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;box-shadow:0 18px 40px -18px #0009;opacity:0;transform:translate(-50%,16px);transition:opacity .45s ease,transform .45s ease}.vp-demo__wall[hidden]{display:none}.vp-demo__wall.is-in{opacity:1;transform:translate(-50%)}.vp-demo__wall-text{margin:0;font-size:16px;font-weight:700;line-height:1.4}.vp-demo__buy{min-height:52px;padding:12px 20px;border:0;border-radius:9999px;background:var(--color-button-bg, #111827);color:rgb(var(--color-button-text-rgb, 255, 255, 255));font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1.5px #ffffff8c}.vp-demo__buy:hover{background:rgb(var(--color-button-hover-rgb, 31, 41, 55))}.vp-demo__buy:disabled{opacity:.7;cursor:progress}.vp-demo__wall-back{justify-self:center;color:#fff}.vp-demo__error{margin:0;color:#fecaca;font-size:13px}.vp-lifted{position:relative;border-color:#347a32!important;animation:vp-lifted 1.4s ease 2}.vp-gain{display:inline-block;padding:3px 8px;border-radius:9999px;background:#edf8e9;color:#347a32;font-size:12px;font-weight:800;animation:vp-gain-in .5s cubic-bezier(.2,.8,.2,1.4) both}.vp-sparkle{position:absolute;top:30%;left:50%;z-index:5;width:0;height:0;pointer-events:none}.vp-sparkle i{position:absolute;top:0;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#f5c542;color:#e0a800;font-size:14px;font-style:normal;line-height:8px;text-align:center;animation:vp-sparkle 1s ease-out both}.vp-sparkle i:nth-child(3n){background:none}.vp-sparkle i:nth-child(3n+1){background:#347a32}.vp-demo__payoff{color:#347a32}@keyframes vp-sparkle{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes vp-lifted{50%{box-shadow:0 0 0 6px #347a3238}}@keyframes vp-gain-in{0%{opacity:0;transform:scale(.4)}}@media(prefers-reduced-motion:reduce){.vp-lifted,.vp-gain{animation:none}}@keyframes vp-demo-pulse{50%{box-shadow:0 0 0 7px #c2412d38}}@keyframes vp-demo-bob{50%{transform:translateY(-4px)}}@keyframes vp-demo-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.vp-demo__rate--love,.vp-demo__tip,.vp-demo__rate.is-shaking,.vp-demo__tip.is-shaking{animation:none}.vp-demo [data-demo-grid]>li{transition:none!important}}.vp-demo [data-demo-grid] .vp-wine-card__media{height:auto;aspect-ratio:auto}.vp-demo [data-demo-grid] .vp-wine-card__media>.vp-bottle-frame[data-vp-bottle-media]{height:110px;aspect-ratio:auto;padding:6px}.vp-demo [data-demo-grid] .vp-guide-match__tip,.vp-demo [data-demo-grid] .vp-wine-card>.vp-wine-card__meta{display:none}.vp-demo [data-demo-grid] .vp-wine-card__body{gap:4px}.vp-demo [data-demo-grid] .vp-wine-card__title h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:14px;line-height:1.3}.vp-demo [data-demo-grid] .vp-wine-card__meta{font-size:12px}@media(max-width:749px){.vp-demo [data-demo-grid]{gap:10px}.vp-demo [data-demo-grid] .vp-wine-card{gap:6px;padding:8px 8px 10px}.vp-demo [data-demo-grid] .vp-wine-card__media>.vp-bottle-frame[data-vp-bottle-media]{height:96px}.vp-demo [data-demo-grid] .vp-guide-match{flex-wrap:nowrap;gap:4px}.vp-demo [data-demo-grid] .vp-guide-match__pill,.vp-demo [data-demo-grid] .vp-gain{padding:3px 7px;font-size:11.5px;white-space:nowrap}.vp-demo [data-demo-grid] .vp-guide-match__src{display:none}.vp-demo [data-demo-grid] .vp-wine-card__price{font-size:14px}}@media(min-width:750px){.vp-demo [data-demo-grid] .vp-wine-card__media>.vp-bottle-frame[data-vp-bottle-media]{height:150px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/vinpop-interactive-demo.css.map */