.vvt3d{--surface: #ffffff;--surface-soft: #f3f3f3;--ink: #1a1a1a;--muted: #5c5f68;--line: #e3e3e3;--blue: #0f68e5;--blue-hover: #0b57c4;--blue-on-night: #6f9bff;--night: #141b2d;--night-raised: #1e2840;--night-line: #34405f;--on-night: #ffffff;--on-night-muted: #a9b2c6;--font: "Montserrat", Arial, Helvetica, sans-serif;font-family:var(--font);color:var(--on-night)}.vvt3d,.vvt3d *{box-sizing:border-box}.vvt3d :is(h2,h3,p,ul){margin:0}.vvt3d :is(h2,h3){text-wrap:balance}.vvt3d :is(h2,h3){color:inherit;font-family:var(--font)}.vvt3d [hidden]{display:none!important}.vvt3d .wrap{width:100%;max-width:1040px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.vvt3d .wrap--narrow{max-width:640px}.vvt3d .eyebrow{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}@media(min-width:900px){.vvt3d .hero__img{height:320px}.vvt3d .hero__text h1{font-size:44px}}.vvt3d .kit{background:var(--night);color:var(--on-night);padding-block:48px 56px}.vvt3d .kit__grid{display:grid;gap:20px;grid-template-areas:"head" "viewer" "body"}.vvt3d .kit__head{grid-area:head;display:grid;gap:10px;min-width:0}.vvt3d .kit__head .eyebrow{color:var(--blue-on-night)}.vvt3d .kit__head h2{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.vvt3d .kit__lead{color:var(--on-night-muted);max-width:32em}.vvt3d .kit__viewer{grid-area:viewer;min-width:0;display:grid;gap:10px}.vvt3d .kit__body{grid-area:body;min-width:0;display:grid;gap:16px;align-content:start}@media(min-width:900px){.vvt3d .kit{padding-block:80px}.vvt3d .kit__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"viewer head" "viewer body";column-gap:56px;row-gap:24px}.vvt3d .kit__head{align-self:end}.vvt3d .kit__head h2{font-size:40px}}.vvt3d .viewer{position:relative;width:100%;max-width:100%;aspect-ratio:1 / 1.08;max-height:70svh;overflow:hidden;border-radius:4px;background:var(--night);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}.vvt3d .viewer:active{cursor:grabbing}.vvt3d .viewer:focus-visible{box-shadow:0 0 0 2px var(--blue-on-night)}@media(min-width:900px){.vvt3d .viewer{aspect-ratio:1 / 1;max-height:640px}}.vvt3d .viewer canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.vvt3d .viewer__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:12px;padding:24px;color:var(--on-night-muted);font-size:14px;text-align:center;background:radial-gradient(60% 50% at 50% 55%,#222c45 0%,var(--night) 100%)}.vvt3d .viewer__poster:before{content:"";width:28px;height:28px;border:2px solid var(--night-line);border-top-color:var(--blue-on-night);border-radius:50%;animation:v3dspin .8s linear infinite}.vvt3d .viewer__poster.is-error:before{display:none}@keyframes v3dspin{to{transform:rotate(360deg)}}.vvt3d .viewer__pins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vvt3d .pin{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;transition:opacity .2s ease}.vvt3d .pin[hidden]{display:none!important}.vvt3d .pin span{display:grid;place-items:center;width:26px;height:26px;margin:9px;border-radius:50%;background:#fff;color:var(--night);font:700 13px/1 var(--font);box-shadow:0 0 0 3px #6f9bff8c,0 4px 12px #0006;transition:background-color .15s ease,color .15s ease,transform .15s ease}.vvt3d .pin:hover span{transform:scale(1.1)}.vvt3d .pin[aria-pressed=true] span{background:var(--blue);color:#fff;box-shadow:0 0 0 3px #fff,0 4px 12px #0006}.vvt3d .pin:focus-visible{outline:none}.vvt3d .pin:focus-visible span{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--blue)}.vvt3d .pin.is-pulse span{animation:v3dpulse 1.6s ease-out 3}@keyframes v3dpulse{0%{box-shadow:0 0 0 3px #6f9bff8c,0 0 0 3px #6f9bff80}to{box-shadow:0 0 0 3px #6f9bff8c,0 0 0 16px #6f9bff00}}.vvt3d .viewer__pack{position:absolute;top:12px;right:12px;min-height:40px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#141b2db3;color:#fff;font:600 13px/20px var(--font);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vvt3d .viewer__pack:hover{background:#1e2840e6}.vvt3d .viewer__pack:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.vvt3d .viewer__hint{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--on-night-muted);font-size:13px;line-height:1.4;text-align:center}.vvt3d .viewer__hint svg{flex:none;width:18px;height:18px}.vvt3d .info{min-height:116px;padding:16px 18px;border-radius:4px;background:var(--night-raised)}.vvt3d .info__name{display:flex;align-items:baseline;gap:10px;font-size:17px;line-height:1.4;font-weight:700}.vvt3d .info__count{font-size:13px;font-weight:600;color:var(--blue-on-night)}.vvt3d .info__text{margin-top:6px;font-size:15px;line-height:1.55;color:var(--on-night-muted)}.vvt3d .parts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.vvt3d .chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 8px;border:1px solid var(--night-line);border-radius:999px;background:transparent;color:var(--on-night);font:600 14px/20px var(--font);cursor:pointer}.vvt3d .chip:hover{border-color:var(--blue-on-night)}.vvt3d .chip:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.vvt3d .chip__no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--night-line);font-size:12px;font-variant-numeric:tabular-nums}.vvt3d .chip[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.vvt3d .chip[aria-pressed=true] .chip__no{background:#fff;color:var(--blue)}.vvt3d .ar-note{display:flex;gap:10px;align-items:flex-start;padding-top:14px;border-top:1px solid var(--night-line);color:var(--on-night-muted);font-size:13px;line-height:1.5}.vvt3d .ar-note svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--blue-on-night)}.vvt3d .ar-note strong{color:var(--on-night);font-weight:600}@media(prefers-reduced-motion:reduce){.vvt3d .viewer__poster:before,.vvt3d .pin.is-pulse span{animation:none}.vvt3d .pin,.vvt3d .pin span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vimor-3d.css.map */