.s1b-fx .meetvi .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px;align-items:center;grid-template-areas:"intro chat" "detail chat"}.s1b-fx .meetvi .meetvi__intro{grid-area:intro}.s1b-fx .meetvi .chat{grid-area:chat}.s1b-fx .meetvi .meetvi__detail{grid-area:detail}.s1b-fx .meetvi .hpass{position:relative;width:100%;max-width:480px;margin:0 auto;border-radius:22px;padding:22px;background:linear-gradient(145deg,#f5f6f8,#e4e7ec 28%,#fcfdfe 50%,#dee2e8 74%,#eef0f3);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px #ffffffd9 inset,0 26px 60px #6e788c38}.s1b-fx .meetvi .hpass__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.s1b-fx .meetvi .hpass__brand{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.s1b-fx .meetvi .hpass__brand svg{width:15px;height:15px;color:var(--vi-deep);flex:none}.s1b-fx .meetvi .hpass__chip{font-size:11px;font-weight:500;color:var(--ink-3);background:#ffffffb8;border:1px solid rgba(255,255,255,.9);border-radius:100px;padding:5px 11px;white-space:nowrap}.s1b-fx .meetvi .hpass__foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--ink-3);margin-top:15px}.s1b-fx .meetvi .hpass__vi{display:inline-flex;align-items:center;gap:6px}.s1b-fx .meetvi .hpass__vi svg{width:13px;height:13px;color:var(--vi-deep);flex:none}.s1b-fx .meetvi .hpass .result{position:relative;inset:auto;padding:0;display:block;height:104px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line-soft);box-shadow:0 6px 16px #0000000f}.s1b-fx .meetvi .hpass .result .slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;align-items:center;gap:14px;opacity:0;transition:opacity .55s ease}.s1b-fx .meetvi .hpass .result .slide.is-active{opacity:1}.s1b-fx .meetvi .hpass .result:after{content:"";position:absolute;top:0;left:-65%;width:48%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-18deg);animation:sheen 1.7s ease-out .7s 1 both;pointer-events:none}.s1b-fx .meetvi .hpass .result .ph{flex:none;width:64px;height:64px;border-radius:13px;background:#f4f2ef;border:1px solid rgba(26,26,26,.05);box-shadow:0 1px 2px #1a1a1a0a inset;display:flex;align-items:center;justify-content:center;overflow:hidden}.s1b-fx .meetvi .hpass .result .ph img{max-width:88%;max-height:88%;object-fit:contain;mix-blend-mode:multiply}.s1b-fx .meetvi .hpass .result .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.s1b-fx .meetvi .hpass .result .info .b{display:block;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.s1b-fx .meetvi .hpass .result .info .n{display:block;font-size:14px;color:var(--ink);line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s1b-fx .meetvi .hpass .result .info .p{display:block;font-size:13px;color:var(--price);font-variant-numeric:tabular-nums}.s1b-fx .meetvi .hpass .result .score{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center}.s1b-fx .meetvi .mvcard{margin-top:14px}.s1b-fx .meetvi .hpass--demo{max-width:none}.s1b-fx .meetvi .chat[data-mv-staged] .mv-step{opacity:0;transform:translateY(10px);animation:none}.s1b-fx .meetvi .chat[data-mv-staged] .mv-step.mv-in{opacity:1;transform:none;transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1)}.s1b-fx .meetvi .chat .vrow[hidden]{display:none}@media(prefers-reduced-motion:reduce){.s1b-fx .meetvi .hpass .result:after{display:none}}@media(max-width:920px){.s1b-fx .meetvi .wrap .grid{grid-template-columns:minmax(0,1fr);gap:36px;grid-template-areas:"intro" "chat" "detail"}.s1b-fx .meetvi .chat{order:0}}@media(max-width:640px){.s1b-fx .meetvi .chat{padding:26px}.s1b-fx .meetvi .hpass--demo .result{height:auto;min-height:104px}.s1b-fx .meetvi .hpass--demo .result .slide{position:relative}}@media(max-width:480px){.s1b-fx .meetvi .hpass__chip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/s1b-meetvi.css.map */