.vanyo-ctrl__grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.vanyo-ctrl__grid>*{min-width:0}.vanyo-ctrl__frame{position:relative;margin:0}.vanyo-ctrl__img{display:block;width:100%;height:auto;border-radius:var(--v-radius);border:var(--v-line-w) solid var(--v-line)}.vanyo-ctrl__dim{position:absolute;left:8%;top:14%;height:62%;width:24px;overflow:visible}.vanyo-ctrl__dim .vanyo-dim-line,.vanyo-ctrl__dim .vanyo-dim-tick{stroke:var(--v-line);stroke-width:1.5;vector-effect:non-scaling-stroke}.vanyo-ctrl__dim .vanyo-dim-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1) .15s}.vanyo-ctrl__dim .vanyo-dim-tick{opacity:0;transition:opacity .3s ease-out .6s}.is-drawn .vanyo-ctrl__dim .vanyo-dim-line{stroke-dashoffset:0}.is-drawn .vanyo-ctrl__dim .vanyo-dim-tick{opacity:1}.vanyo-ctrl__dimlabel{position:absolute;left:calc(8% + 22px);top:40%;background:#ffffffeb;border:var(--v-line-w) solid var(--v-line);border-radius:2px;padding:.25rem .5rem;font-size:var(--v-caption);letter-spacing:.04em;font-weight:500;white-space:nowrap;color:var(--v-marker-ink);opacity:0;transition:opacity .3s ease-out .7s}.is-drawn .vanyo-ctrl__dimlabel{opacity:1}.vanyo-ctrl__intro{margin:1rem 0 0;color:var(--v-steel);max-width:60ch}.vanyo-ctrl__rows{margin:clamp(1.5rem,3vw,2rem) 0 0;padding:0;border-top:var(--v-line-w) solid var(--v-line)}.vanyo-ctrl__row{display:grid;grid-template-columns:1fr;gap:.25rem 1.5rem;padding:.875rem 0;border-bottom:var(--v-line-w) solid var(--v-line)}.vanyo-ctrl__param{margin:0;font-family:var(--v-font-data);font-size:var(--v-caption);font-weight:500;letter-spacing:.06em;color:var(--v-steel)}.vanyo-ctrl__control{margin:0;font-size:var(--v-caption);color:var(--v-ink)}.vanyo-ctrl__spec{display:inline-block;margin-right:.5rem;color:var(--v-marker-ink);font-weight:500;letter-spacing:.02em}.vanyo-ctrl__note{margin:1.5rem 0 0;color:var(--v-steel);font-size:var(--v-caption);max-width:62ch}.vanyo-ctrl__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none}.vanyo-ctrl__link{display:inline-block;margin-top:1.25rem;color:var(--v-marker-ink);text-decoration:none;letter-spacing:.02em}.vanyo-ctrl__link:hover{text-decoration:underline}@media screen and (min-width:768px){.vanyo-ctrl__row{grid-template-columns:11rem minmax(0,1fr)}}@media screen and (min-width:1024px){.vanyo-ctrl__grid{grid-template-columns:44fr 56fr}}@media(prefers-reduced-motion:reduce){.vanyo-ctrl__dim .vanyo-dim-line{transition:none;stroke-dashoffset:0}.vanyo-ctrl__dim .vanyo-dim-tick,.vanyo-ctrl__dimlabel{transition:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vanyo-controls.css.map */