.vb{--fg:#03224f;--acc:#38b7fa;--red:#e5262d;--line:rgba(3,34,79,.12);--soft:rgba(3,34,79,.04);--mut:rgba(3,34,79,.68);--hf:var(--font-heading-family,Outfit),Outfit,sans-serif;--bf:var(--font-body-family,"Lucida Grande"),"Lucida Grande",sans-serif;padding:clamp(28px,5vw,56px) 0;background:#fff;color:var(--fg);font-family:var(--bf)}.vb *{box-sizing:border-box}.vb [hidden]{display:none!important}.vb-app{position:relative}.vb button{font-family:inherit;cursor:pointer}.vb button:disabled{cursor:not-allowed}.vb :focus-visible{outline:2px solid var(--acc);outline-offset:3px}.vb-hero{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,4vw,40px);align-items:center;margin-bottom:28px}.vb-boxwrap{position:relative;width:130px;height:140px;perspective:700px;display:grid;place-items:center}.vb-cube{position:relative;width:84px;height:84px;transform-style:preserve-3d;animation:vb-turn 10s linear infinite,vb-float 3.2s ease-in-out infinite}@keyframes vb-turn{0%{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}@keyframes vb-float{50%{translate:0 -8px}}.vb-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:8px;background:linear-gradient(90deg,transparent 43%,var(--acc) 43% 57%,transparent 57%),var(--fg);border:2px solid rgba(255,255,255,.25)}.vb-face span{font-family:var(--hf);font-weight:800;font-size:40px;color:#fff;font-style:normal}.vb-f{transform:translateZ(42px)}.vb-b{transform:rotateY(180deg) translateZ(42px)}.vb-r{transform:rotateY(90deg) translateZ(42px)}.vb-l{transform:rotateY(-90deg) translateZ(42px)}.vb-d{transform:rotateX(-90deg) translateZ(42px)}.vb-t{transform:rotateX(90deg) translateZ(42px);background:linear-gradient(90deg,transparent 43%,var(--acc) 43% 57%,transparent 57%),linear-gradient(transparent 43%,var(--acc) 43% 57%,transparent 57%),var(--fg)}.vb-t span,.vb-d span{display:none}.vb-shadow{position:absolute;bottom:6px;width:80px;height:12px;border-radius:50%;background:#03224f2e;filter:blur(5px);animation:vb-sh 3.2s ease-in-out infinite}@keyframes vb-sh{50%{transform:scale(.8);opacity:.6}}.vb-sent .vb-cube{animation:vb-turn 1.2s linear infinite,vb-float 3.2s ease-in-out infinite}.vb-h{margin:0;color:var(--fg)}.vb-price{margin:10px 0 6px;color:var(--mut);font-size:15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vb-price span{display:inline-block;padding:4px 14px;border-radius:26px;background:var(--acc);color:#fff;font-family:var(--hf);font-weight:700;font-size:17px}.vb-lede{margin:0;max-width:56ch;color:var(--mut);font-size:15px;line-height:1.55}.vb-prog{--p:0;margin:0 0 26px}.vb-track{position:relative;height:3px;margin:0 12.5% 12px;border-radius:3px;background:var(--line)}.vb-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--p)*100%);border-radius:3px;background:var(--acc);transition:width .7s cubic-bezier(.3,.9,.3,1)}.vb-pball{position:absolute;top:50%;left:calc(var(--p)*100%);width:24px;height:24px;transform:translate(-50%,-50%) rotate(calc(var(--p)*720deg));transition:left .7s cubic-bezier(.3,.9,.3,1),transform .7s cubic-bezier(.3,.9,.3,1);filter:drop-shadow(0 2px 4px rgba(3,34,79,.25))}.vb-pball svg{width:100%;height:100%;display:block}.vb-prog ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.vb-prog li{text-align:center}.vb-prog li button{background:none;border:0;color:var(--mut);font-family:var(--hf);font-size:14px;font-weight:600;padding:4px;display:inline-flex;gap:6px;align-items:center}.vb-prog li em{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-size:12px}.vb-prog li.vb-cur button{color:var(--fg)}.vb-prog li.vb-cur em{background:var(--acc);border-color:var(--acc);color:#fff}.vb-prog li.vb-past em{background:var(--fg);border-color:var(--fg);color:#fff}.vb-prog li.vb-lock button{opacity:.4;pointer-events:none}.vb-stage{position:relative;min-height:280px}.vb-q{margin:0 0 4px;font-family:var(--hf);font-size:clamp(20px,2.6vw,26px);font-weight:700;color:var(--fg)}.vb-q u{text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:4px}.vb-sub{margin:0 0 18px;color:var(--mut);font-size:14px}.vb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vb-sizes{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:6px 0 10px}.vb-size{position:relative;width:100px;height:118px;border:0;padding:0;background:none;perspective:600px}.vb-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.4,1)}.vb-fr,.vb-bk{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:grid;place-items:center;border-radius:18px;background:#fff;border:1.5px solid var(--line)}.vb-fr svg,.vb-bk svg{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.vb-fr path{fill:var(--soft);stroke:var(--fg);stroke-width:2.5;stroke-linejoin:round}.vb-fr b{position:relative;font-family:var(--hf);font-size:24px;font-weight:800;color:var(--fg);margin-top:10px}.vb-bk{transform:rotateY(180deg);background:var(--acc);border-color:var(--acc);box-shadow:0 10px 24px -10px #38b7fae6}.vb-bk path{fill:var(--fg)}.vb-bk b{position:relative;font-family:var(--hf);font-size:32px;font-weight:800;color:#fff;margin-top:6px}.vb-bk small{position:absolute;bottom:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:700}.vb-size:hover:not(:disabled) .vb-flip{transform:translateY(-5px) rotateY(-12deg)}.vb-size:hover:not(:disabled) .vb-fr{border-color:var(--acc)}.vb-size.vb-on .vb-flip{transform:rotateY(180deg)}.vb-size:disabled{opacity:.35}.vb-size em{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);font-style:normal;font-size:11px;background:var(--fg);padding:2px 8px;border-radius:9px;color:#fff}.vb-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}.vb-slot{position:relative;min-height:108px;border-radius:18px;border:2px dashed var(--line);background:var(--soft);color:var(--fg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 6px;transition:border-color .3s,background .3s}.vb-ph svg{width:32px;height:32px;fill:#03224f24}.vb-love .vb-slot.vb-full{border:2px solid #ff6b8b;background:#fff4f6}.vb-ban .vb-slot.vb-full{border:2px solid var(--red);background:#fff3f3}.vb-ban .vb-slot.vb-full .vb-badge{filter:grayscale(.7)}.vb-sn{font-family:var(--hf);font-size:13px;font-weight:700;text-align:center;line-height:1.15}.vb-hrt{position:absolute;top:8px;right:10px}.vb-hrt svg{width:18px;height:18px;fill:#ff6b8b;animation:vb-beat 1.2s ease-in-out infinite}@keyframes vb-beat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}.vb-x{position:absolute;top:6px;left:10px;font-style:normal;opacity:.45;font-size:18px}.vb-card{display:block;width:22px;height:32px;border-radius:4px;background:#03224f1f;transform:rotate(10deg)}.vb-card.vb-on{position:absolute;top:8px;right:10px;width:16px;height:24px;background:var(--red);box-shadow:0 3px 8px #e5262d66}.vb-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.vb-search{flex:1 1 220px;min-width:0;height:44px;border-radius:26px;border:1px solid rgba(3,34,79,.55);background:#fff;color:var(--fg);padding:0 18px;font:inherit;font-size:15px}.vb-search::placeholder{color:#03224f80}.vb-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.vb-tabs button{height:36px;padding:0 14px;border-radius:40px;border:1px solid rgba(3,34,79,.35);background:#fff;color:var(--fg);font-size:13px;white-space:nowrap}.vb-tabs button.vb-on{background:var(--fg);color:#fff;border-color:var(--fg)}.vb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:340px;overflow-y:auto;padding:6px 4px 12px;margin:0 -4px;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent);scrollbar-width:thin}.vb-club{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--fg);animation:vb-in .45s calc(var(--i)*18ms) cubic-bezier(.2,.8,.2,1) backwards;transition:transform .2s,box-shadow .2s,border-color .2s}@keyframes vb-in{0%{opacity:0;transform:translateY(12px) scale(.9)}}.vb-noanim .vb-club{animation:none}.vb-club:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 18px -10px #03224f66;border-color:var(--acc)}.vb-cn{font-size:12px;text-align:center;line-height:1.15}.vb-club.vb-picked{background:#eef8ff;border-color:var(--acc)}.vb-ban .vb-club.vb-picked{background:#fff3f3;border-color:var(--red)}.vb-club.vb-other{opacity:.35}.vb-tag{position:absolute;top:6px;right:8px}.vb-tag svg{width:14px;height:14px;fill:#ff6b8b}.vb-badge{--s:46px;position:relative;display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;flex:none;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--line),0 4px 10px -4px #03224f66}.vb-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 45%)}.vb-badge b{position:relative;z-index:1;font-family:var(--hf);font-size:calc(var(--s)*.27);font-weight:800;letter-spacing:.02em;padding:1px 4px;border-radius:5px;background:#fffffff0;color:#03224f;line-height:1.1}.vb-badge.vb-big{--s:56px}.vb-badge.vb-l4 b{font-size:calc(var(--s)*.21)}.vb-add .vb-badge b{background:none;color:#fff;font-size:24px}.vb-ghost{position:fixed;z-index:2147483000;pointer-events:none;display:grid;place-items:center}.vb-ghost .vb-badge{--s:64px}.vb-pop{position:fixed;z-index:2147483000;pointer-events:none;width:18px;height:18px}.vb-pop svg{width:100%;height:100%;fill:#ff6b8b}.vb-slap{position:fixed;z-index:2147483000;pointer-events:none;width:34px;height:48px;border-radius:5px;background:linear-gradient(150deg,#ff4d4f,#c3121a);box-shadow:0 10px 20px #0000004d}.vb-groups{margin:0 0 18px}.vb-glabel{margin:0 0 8px;font-family:var(--hf);font-weight:700;font-size:15px;color:var(--fg)}.vb-gchips{display:flex;flex-wrap:wrap;gap:8px}.vb-gchip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:40px;border:1px solid rgba(3,34,79,.3);background:#fff;color:var(--fg);font-size:13px;transition:background .2s,border-color .2s,color .2s}.vb-gchip .vb-card{width:11px;height:16px;transform:rotate(10deg);transition:background .2s}.vb-gchip:hover{border-color:var(--red)}.vb-gchip.vb-on{background:#fff3f3;border-color:var(--red);color:var(--red);font-weight:700}.vb-gchip.vb-on .vb-card{background:var(--red)}.vb-gchip.vb-dis{opacity:.4}.vb-cc{font-size:10px;color:var(--mut);margin-top:-3px}.vb-more{margin:6px 0 0;text-align:center;font-size:13px;color:var(--mut);min-height:1em}.vb-warn{margin:0 0 8px;min-height:1.2em;font-size:13px;color:var(--red)}.vb-tabs{flex:1 1 100%;padding-bottom:4px}.vb-tag .vb-card.vb-on,.vb-ticket .vb-card.vb-on{position:static;width:12px;height:17px;box-shadow:none}.vb-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:16px}.vb-next{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:26px;border:0;background:#03224f14;color:#03224f73;font-family:var(--hf);font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.vb-next.vb-ready{background:var(--acc);color:#fff;animation:vb-pulse 1.6s ease-in-out infinite}@keyframes vb-pulse{50%{box-shadow:0 0 0 8px #38b7fa2e}}.vb-skip{background:none;border:0;color:var(--mut);font-size:14px;text-decoration:underline;text-underline-offset:3px}.vb-recap{display:flex;flex-direction:column;align-items:center;text-align:center}.vb-ticket{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px 22px;align-items:start;width:100%;max-width:720px;margin:6px 0 24px;padding:18px 22px;border-radius:20px;border:1px solid var(--line);background:var(--soft);text-align:left}.vb-ticket small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}.vb-ticket>div>b{font-family:var(--hf);font-size:28px;font-weight:800}.vb-ticket p{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;align-items:center;margin:0;font-size:13px}.vb-ticket .vb-badge{--s:30px}.vb-ticket em{color:var(--mut);font-size:13px}.vb-add-cart{min-width:min(100%,340px)}.vb-add-cart.vb-loading{opacity:.7}.vb-msg{min-height:20px;margin:10px 0 0;color:var(--red);font-size:14px}.vb-after{display:flex;flex-direction:column;align-items:center;gap:12px}.vb-ok{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--hf);font-weight:700;font-size:20px;color:var(--fg);animation:vb-pop .5s cubic-bezier(.3,1.6,.5,1)}.vb-ok i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal}@keyframes vb-pop{0%{transform:scale(.6);opacity:0}}.vb-confetti{position:fixed;top:0;z-index:2147483000;pointer-events:none}@media(max-width:640px){.vb-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.vb-price{justify-content:center}.vb-boxwrap{width:110px;height:118px}.vb-prog li button{font-size:0;gap:0}.vb-prog li.vb-cur button{font-size:13px;gap:5px}.vb-size{width:84px;height:100px}.vb-slot{min-height:94px}.vb-badge.vb-big{--s:46px}.vb-sn{font-size:11px}.vb-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px}.vb-ticket{grid-template-columns:1fr;gap:16px}}@media(prefers-reduced-motion:reduce){.vb *,.vb *:before,.vb *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vestiaire-box.css.map */