.vgs-root{--s-row:9.6cqi;--s-pitch:3.6cqi;--s-loop:20s;--t0:0s}.vgs-root[data-tone]{aspect-ratio:auto}.vgs-root .vgs-stage{position:relative;inset:auto}.vgs-root[data-seek][data-tone]{--t0:1.1s}.vgs-scene{aspect-ratio:16/10;--s-c0x:37cqi;--s-c0y:60cqi;--s-c1x:12cqi;--s-c1y:38.9cqi;--s-c2x:28.6cqi;--s-c2y:49.8cqi;--s-c3x:40cqi;--s-c3y:58cqi;position:relative}.vgs-product,.vgs-feed{background:var(--g-card);height:51.5cqi;box-shadow:inset 0 0 0 1px var(--g-card-line);border-radius:1.8cqi;position:absolute;top:5.5cqi}.vgs-product{flex-direction:column;width:41.5cqi;padding:2.2cqi;display:flex;left:5cqi}.vgs-media{background:#fff;border-radius:1.2cqi;flex:none;height:28cqi;position:relative;overflow:hidden}.vgs-tint{background:var(--c);color:#fff;flex-direction:column;justify-content:flex-end;gap:.9cqi;padding:2cqi 2.2cqi 2.2cqi;display:flex;position:absolute;inset:0}.vgs-tint[data-c=blue]{clip-path:inset(0 100% 0 0)}.vgs-root[data-tone=dark] .vgs-tint{background:color-mix(in srgb, var(--c) 55%, var(--navy-2));color:#fff}.vgs-colour{font-family:var(--font-mono);letter-spacing:.04em;font-size:max(11px,1.3cqi);line-height:1}.vgs-name{letter-spacing:-.03em;font-size:3.6cqi;font-weight:500;line-height:1.05}.vgs-row{justify-content:space-between;align-items:center;gap:1cqi;margin-top:1.6cqi;display:flex}.vgs-price{letter-spacing:-.02em;color:var(--g-accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:2.2cqi;font-weight:500;line-height:1.1}.vgs-swatches{gap:1.2cqi;padding:.5cqi;display:flex;position:relative}.vgs-swatch{border-radius:50%;width:2.4cqi;height:2.4cqi;box-shadow:inset 0 0 0 1px #0d17591f}.vgs-root[data-tone=dark] .vgs-swatch{box-shadow:inset 0 0 0 1px #ffffff47}.vgs-ring{width:3.4cqi;height:3.4cqi;box-shadow:inset 0 0 0 .22cqi var(--g-accent);border-radius:50%;position:absolute;top:0;left:0}.vgs-add{background:var(--g-accent);height:max(30px,4.4cqi);color:var(--g-on-accent);white-space:nowrap;border-radius:99px;place-items:center;margin-top:auto;font-size:max(11px,1.55cqi);font-weight:500;line-height:1;display:grid;position:relative;overflow:hidden}.vgs-addHover{opacity:0;background:#0d175938;position:absolute;inset:0}.vgs-addLabel,.vgs-addDone{grid-area:1/1;align-items:center;gap:.6cqi;display:inline-flex;position:relative}.vgs-addDone{transform:translateY(260%)}.vgs-addDone svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.5cqi;height:1.5cqi}.vgs-ship{text-align:center;color:var(--g-ink-3);margin-top:1.3cqi;font-size:max(11px,1.3cqi);line-height:1.2}.vgs-feed{flex-direction:column;width:45.5cqi;padding:2.2cqi;display:flex;left:49.5cqi}.vgs-head{border-bottom:1px solid var(--g-line);justify-content:space-between;align-items:center;margin-bottom:1.2cqi;padding-bottom:1.6cqi;display:flex}.vgs-heading{letter-spacing:-.02em;font-size:2.2cqi;font-weight:500;line-height:1.1}.vgs-tag{height:max(20px,2.6cqi);box-shadow:inset 0 0 0 1px var(--g-line);color:var(--g-ink-3);border-radius:99px;align-items:center;padding:0 1.1cqi;font-size:max(11px,1.3cqi);font-weight:500;line-height:1;display:inline-flex}.vgs-viewport{height:calc(var(--s-row) * 4);position:relative;overflow:hidden}.vgs-list{grid-auto-rows:var(--s-row);transform:translateY(calc(var(--s-row) * -6));display:grid}.vgs-order{grid-template-columns:auto 1fr auto;align-items:center;gap:1.4cqi;padding:0 1.2cqi;display:grid;position:relative}.vgs-hl{background:var(--g-hi);opacity:0;border-radius:1.2cqi;position:absolute;inset:.6cqi 0}.vgs-flag{background:var(--g-badge);width:4.4cqi;height:4.4cqi;font-family:var(--font-mono);letter-spacing:.04em;color:var(--g-accent);border-radius:50%;place-items:center;font-size:max(11px,1.3cqi);font-weight:500;display:grid;position:relative}.vgs-root[data-tone=light] .vgs-flag,.vgs-root[data-tone=primary] .vgs-flag{color:var(--primary)}.vgs-meta{gap:.5cqi;min-width:0;display:grid;position:relative}.vgs-item,.vgs-amount{letter-spacing:-.015em;white-space:nowrap;font-size:max(12px,1.75cqi);font-weight:500;line-height:1.1}.vgs-city{color:var(--g-ink-2);font-size:max(11px,1.35cqi);line-height:1.1}.vgs-amount{font-variant-numeric:tabular-nums;position:relative}.vgs-fly{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:49.6cqi;left:28.6cqi}.vgs-flyDot{background:var(--g-accent);width:1.7cqi;height:1.7cqi;box-shadow:0 0 0 .6cqi color-mix(in srgb, var(--g-accent) 18%, transparent);opacity:0;border-radius:50%;position:absolute;top:-.85cqi;left:-.85cqi}.vgs-cursor{z-index:3;opacity:0;pointer-events:none;width:2.6cqi;height:2.6cqi;position:absolute;top:0;left:0}.vgs-cursor svg{width:100%;height:100%;fill:var(--ink);stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;display:block}@container (max-width:559px){.vgs-scene{--s-row:50px;--s-pitch:33px;aspect-ratio:auto;gap:10px;padding:12px;display:grid}.vgs-product,.vgs-feed{border-radius:14px;width:auto;height:auto;padding:12px;position:relative;top:auto;left:auto}.vgs-product{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(112px,40%) minmax(0,1fr);column-gap:14px;display:grid}.vgs-media{border-radius:10px;grid-row:1/4;height:auto;min-height:124px}.vgs-tint{gap:6px;padding:10px 12px 12px}.vgs-colour{font-size:11px}.vgs-name{font-size:16px;line-height:1.15}.vgs-row{grid-column:2;margin-top:0}.vgs-price{font-size:15px}.vgs-swatches{gap:9px;padding:4px}.vgs-swatch{width:22px;height:22px}.vgs-ring{width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--g-accent)}.vgs-add{grid-area:3/2;align-self:end;height:36px;margin-top:10px;font-size:13px}.vgs-addDone svg{width:13px;height:13px}.vgs-ship{text-align:left;grid-column:1/-1;margin-top:10px;font-size:12px}.vgs-head{margin-bottom:4px;padding-bottom:10px}.vgs-heading{font-size:15px}.vgs-tag{height:22px;padding:0 9px;font-size:12px}.vgs-viewport{height:calc(var(--s-row) * 3)}.vgs-order{gap:12px;padding:0 8px}.vgs-hl{border-radius:10px;inset:4px 0}.vgs-flag{width:34px;height:34px;font-size:12px}.vgs-meta{gap:3px}.vgs-item,.vgs-amount{font-size:14px}.vgs-city{font-size:12px}.vgs-cursor,.vgs-fly{display:none}}@container (min-width:560px){.vgs-feed{width:min(45.5cqi, calc(50.5cqi - var(--ctl-corner,0px)))}}@media (prefers-reduced-motion:no-preference){.vgs-root[data-play] .vgs-intro{animation:vgs-s-intro .9s cubic-bezier(.16, 1, .3, 1) calc(var(--k,0) * .11s) both}.vgs-root[data-play]:not([data-seek]) .vgs-intro{animation:none}.vgs-root[data-play] .vgs-list{animation:vgs-s-list var(--s-loop) cubic-bezier(.16, 1, .3, 1) var(--t0) infinite both}.vgs-root[data-play] .vgs-hl{animation:vgs-s-hl var(--s-loop) linear calc(var(--t0) + var(--a,0s)) infinite both}.vgs-root[data-play] .vgs-tint[data-c=blue]{animation:vgs-s-tint var(--s-loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgs-root[data-play] .vgs-ring{animation:vgs-s-ring var(--s-loop) cubic-bezier(.65, 0, .35, 1) var(--t0) infinite both}.vgs-root[data-play] .vgs-add{animation:vgs-s-press var(--s-loop) linear var(--t0) infinite both}.vgs-root[data-play] .vgs-addHover{animation:vgs-s-hover var(--s-loop) linear var(--t0) infinite both}.vgs-root[data-play] .vgs-addLabel{animation:vgs-s-label-out var(--s-loop) cubic-bezier(.16, 1, .3, 1) var(--t0) infinite both}.vgs-root[data-play] .vgs-addDone{animation:vgs-s-label-in var(--s-loop) cubic-bezier(.16, 1, .3, 1) var(--t0) infinite both}.vgs-root[data-play] .vgs-fly{animation:vgs-s-fly-x var(--s-loop) linear var(--t0) infinite both}.vgs-root[data-play] .vgs-flyDot{animation:vgs-s-fly-y var(--s-loop) linear var(--t0) infinite both}.vgs-root[data-play] .vgs-cursor{animation:vgs-s-cursor var(--s-loop) linear var(--t0) infinite both, vgs-s-click var(--s-loop) linear var(--t0) infinite both}}@keyframes vgs-s-intro{0%{clip-path:inset(100% 0 0 round 1.8cqi);transform:translateY(1.6cqi)}to{clip-path:inset(-1cqi);transform:none}}@keyframes vgs-s-list{0%,13%{transform:translateY(calc(var(--s-row) * -6))}16%,25%{transform:translateY(calc(var(--s-row) * -5))}28%,37%{transform:translateY(calc(var(--s-row) * -4))}40%,63%{transform:translateY(calc(var(--s-row) * -3))}66%,75%{transform:translateY(calc(var(--s-row) * -2))}78%,87%{transform:translateY(calc(var(--s-row) * -1))}90%,to{transform:translateY(0)}}@keyframes vgs-s-hl{0%{opacity:0}1.5%,9%{opacity:1}12%,to{opacity:0}}@keyframes vgs-s-tint{0%,8.5%{clip-path:inset(0 100% 0 0)}10.5%,58.5%{clip-path:inset(0)}60.5%,to{clip-path:inset(0 0 0 100%)}}@keyframes vgs-s-ring{0%,8.4%{transform:none}9.6%,58.4%{transform:translateX(var(--s-pitch))}59.6%,to{transform:none}}@keyframes vgs-s-hover{0%,11.2%{opacity:0}11.7%,13.2%{opacity:1}14.2%,61.2%{opacity:0}61.7%,63.2%{opacity:1}64.2%,to{opacity:0}}@keyframes vgs-s-press{0%,12.2%{scale:1}12.45%{scale:.97}13%,62.2%{scale:1}62.45%{scale:.97}63%,to{scale:1}}@keyframes vgs-s-label-out{0%,12.4%{transform:none}13.2%,19.9%{transform:translateY(-260%)}20%{transform:translateY(260%)}21.5%,62.4%{transform:none}63.2%,69.9%{transform:translateY(-260%)}70%{transform:translateY(260%)}71.5%,to{transform:none}}@keyframes vgs-s-label-in{0%,12.4%{transform:translateY(260%)}13.4%,19.5%{transform:none}21%{transform:translateY(-260%)}21.1%,62.4%{transform:translateY(260%)}63.4%,69.5%{transform:none}71%{transform:translateY(-260%)}71.1%,to{transform:translateY(260%)}}@keyframes vgs-s-fly-x{0%,12.45%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:none}14.45%,62.3%{transform:translate(26.5cqi)}62.45%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:none}64.45%,to{transform:translate(26.5cqi)}}@keyframes vgs-s-fly-y{0%,12.35%{opacity:0;transform:none}12.45%{opacity:1;animation-timing-function:cubic-bezier(.33,1,.68,1);transform:none}13.45%{animation-timing-function:cubic-bezier(.32,0,.67,0);transform:translateY(-24cqi)}14.3%{opacity:1}14.45%{opacity:0;transform:translateY(-31.7cqi)scale(.6)}62.35%{opacity:0;transform:none}62.45%{opacity:1;animation-timing-function:cubic-bezier(.33,1,.68,1);transform:none}63.45%{animation-timing-function:cubic-bezier(.32,0,.67,0);transform:translateY(-24cqi)}64.3%{opacity:1}64.45%,to{opacity:0;transform:translateY(-31.7cqi)scale(.6)}}@keyframes vgs-s-cursor{0%,5%{opacity:0;transform:translate(var(--s-c0x,30cqi), var(--s-c0y,58cqi));animation-timing-function:cubic-bezier(.65,0,.35,1)}8%{opacity:1;transform:translate(var(--s-c1x,13cqi), var(--s-c1y,38cqi))}8.5%{transform:translate(var(--s-c1x,13cqi), var(--s-c1y,38cqi));animation-timing-function:cubic-bezier(.65,0,.35,1)}11.25%{transform:translate(var(--s-c2x,24cqi), var(--s-c2y,48cqi))}13%{opacity:1;transform:translate(var(--s-c2x,24cqi), var(--s-c2y,48cqi));animation-timing-function:cubic-bezier(.16,1,.3,1)}16.5%,55%{opacity:0;transform:translate(var(--s-c3x,34cqi), var(--s-c3y,56cqi))}55.01%{opacity:0;transform:translate(var(--s-c0x,30cqi), var(--s-c0y,58cqi));animation-timing-function:cubic-bezier(.65,0,.35,1)}58%{opacity:1;transform:translate(calc(var(--s-c1x,13cqi) - var(--s-pitch)), var(--s-c1y,38cqi))}58.5%{transform:translate(calc(var(--s-c1x,13cqi) - var(--s-pitch)), var(--s-c1y,38cqi));animation-timing-function:cubic-bezier(.65,0,.35,1)}61.25%{transform:translate(var(--s-c2x,24cqi), var(--s-c2y,48cqi))}63%{opacity:1;transform:translate(var(--s-c2x,24cqi), var(--s-c2y,48cqi));animation-timing-function:cubic-bezier(.16,1,.3,1)}66.5%,to{opacity:0;transform:translate(var(--s-c3x,34cqi), var(--s-c3y,56cqi))}}@keyframes vgs-s-click{0%,8.15%{scale:1}8.5%{scale:.86}9.2%,12.05%{scale:1}12.4%{scale:.86}13.1%,58.15%{scale:1}58.5%{scale:.86}59.2%,62.05%{scale:1}62.4%{scale:.86}63.1%,to{scale:1}}