/* VOENGEAR V2 cursor modes (see cursor.js). Nothing here applies until html gets vgc-css or vgc-js. */
html.vgc-css,html.vgc-css body,html.vgc-css *{cursor:var(--vgc-default)!important}
html.vgc-css a,html.vgc-css button,html.vgc-css [role=button],html.vgc-css label,html.vgc-css summary,html.vgc-css select,html.vgc-css .favorite,html.vgc-css .quick-view,html.vgc-css [data-card],html.vgc-css [data-card] *,html.vgc-css a *,html.vgc-css button *{cursor:var(--vgc-pointer)!important}
html.vgc-css .site-footer,html.vgc-css .site-footer *,html.vgc-css .studio-hero,html.vgc-css .studio-hero *,html.vgc-css .welcome-banner,html.vgc-css .welcome-banner *,html.vgc-css .editorial-feature-image,html.vgc-css .catalog-photo,html.vgc-css .promo-card,html.vgc-css .editorial-category,html.vgc-css .button-dark,html.vgc-css .catalog-trigger,html.vgc-css .catalog-trigger *{cursor:var(--vgc-inverse)!important}
html.vgc-css .site-footer a,html.vgc-css .site-footer button,html.vgc-css .studio-hero a,html.vgc-css .studio-hero button,html.vgc-css .welcome-banner a,html.vgc-css .welcome-banner button,html.vgc-css .catalog-photo,html.vgc-css .promo-card a,html.vgc-css .editorial-category,html.vgc-css .button-dark,html.vgc-css .catalog-trigger a,html.vgc-css .catalog-trigger button{cursor:var(--vgc-pointer)!important}
html.vgc-css input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]),html.vgc-css textarea,html.vgc-css [contenteditable]{cursor:text!important}
html.vgc-hide-native,html.vgc-hide-native body,html.vgc-hide-native a,html.vgc-hide-native button,html.vgc-hide-native label,html.vgc-hide-native summary,html.vgc-hide-native [role=button],html.vgc-hide-native [data-card],html.vgc-hide-native [data-card] *{cursor:none!important}
html.vgc-hide-native input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]):not([type=button]),html.vgc-hide-native textarea,html.vgc-hide-native select,html.vgc-hide-native [contenteditable]{cursor:auto!important}
html.vgc-hide-native input[type=text],html.vgc-hide-native input[type=search],html.vgc-hide-native input[type=email],html.vgc-hide-native input[type=tel],html.vgc-hide-native input[type=number],html.vgc-hide-native textarea{cursor:text!important}
.vgc-dot,.vgc-ring,.vgc-blend,.vgc-glow,.vgc-trail,.vgc-brackets,.vgc-cross,.vgc-line,.vgc-coords,.vgc-label{position:fixed;left:0;top:0;pointer-events:none;z-index:2147483000;will-change:transform;opacity:0;transition:opacity .25s}
html.vgc-seen .vgc-dot,html.vgc-seen .vgc-ring,html.vgc-seen .vgc-blend,html.vgc-seen .vgc-glow,html.vgc-seen .vgc-trail,html.vgc-seen .vgc-brackets,html.vgc-seen .vgc-cross,html.vgc-seen .vgc-line,html.vgc-seen .vgc-coords,html.vgc-seen .vgc-label{opacity:1}
html.vgc-off .vgc-dot,html.vgc-off .vgc-ring,html.vgc-off .vgc-blend,html.vgc-off .vgc-glow,html.vgc-off .vgc-trail,html.vgc-off .vgc-brackets,html.vgc-off .vgc-cross,html.vgc-off .vgc-line,html.vgc-off .vgc-coords,html.vgc-off .vgc-label,html.vgc-text .vgc-dot,html.vgc-text .vgc-ring,html.vgc-text .vgc-blend,html.vgc-text .vgc-brackets,html.vgc-text .vgc-cross,html.vgc-text .vgc-label{opacity:0}
.vgc-dot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#171717;transition:opacity .25s,width .2s,height .2s,margin .2s,background-color .2s}
.vgc-dot--solo{width:10px;height:10px;margin:-5px 0 0 -5px}
html.vgc-hover .vgc-dot--solo{width:18px;height:18px;margin:-9px 0 0 -9px;background:#f36d21}
html.vgc-hover .vgc-dot:not(.vgc-dot--solo){width:5px;height:5px;margin:-2.5px 0 0 -2.5px}
.vgc-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1.5px solid #f36d21;box-sizing:border-box;transition:opacity .25s,width .25s cubic-bezier(.2,.65,.3,1),height .25s cubic-bezier(.2,.65,.3,1),margin .25s cubic-bezier(.2,.65,.3,1),background-color .25s,border-color .25s}
.vgc-ring--reticle::before,.vgc-ring--reticle::after{content:'';position:absolute;background:#f36d21}
.vgc-ring--reticle::before{left:50%;top:-7px;bottom:-7px;width:1.5px;margin-left:-.75px;background:linear-gradient(#f36d21 6px,transparent 6px,transparent calc(100% - 6px),#f36d21 calc(100% - 6px))}
.vgc-ring--reticle::after{top:50%;left:-7px;right:-7px;height:1.5px;margin-top:-.75px;background:linear-gradient(90deg,#f36d21 6px,transparent 6px,transparent calc(100% - 6px),#f36d21 calc(100% - 6px))}
html.vgc-hover .vgc-ring:not(.vgc-magnet){width:52px;height:52px;margin:-26px 0 0 -26px;background:#f36d2118}
html.vgc-down .vgc-ring:not(.vgc-magnet){width:26px;height:26px;margin:-13px 0 0 -13px}
.vgc-ring--thin{width:30px;height:30px;margin:-15px 0 0 -15px;border-color:#171717;border-width:1px}
html.vgc-hover .vgc-ring--thin{border-color:#f36d21}
.vgc-ring--label{border-color:#171717}
.vgc-blend{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;mix-blend-mode:difference;transition:opacity .25s,width .25s,height .25s,margin .25s}
html.vgc-hover .vgc-blend{width:56px;height:56px;margin:-28px 0 0 -28px}
.vgc-glow{width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;background:radial-gradient(circle,#f36d2138 0%,#f36d2114 40%,transparent 70%);z-index:1;transition:opacity .3s,transform .05s}
html.vgc-hover .vgc-glow{background:radial-gradient(circle,#f36d2150 0%,#f36d211c 40%,transparent 70%)}
.vgc-trail{border-radius:50%;background:#f36d21;z-index:2147482999}
.vgc-brackets{width:30px;height:30px;box-sizing:border-box;background:linear-gradient(#171717,#171717) top left/12px 2px no-repeat,linear-gradient(#171717,#171717) top left/2px 12px no-repeat,linear-gradient(#171717,#171717) top right/12px 2px no-repeat,linear-gradient(#171717,#171717) top right/2px 12px no-repeat,linear-gradient(#171717,#171717) bottom left/12px 2px no-repeat,linear-gradient(#171717,#171717) bottom left/2px 12px no-repeat,linear-gradient(#171717,#171717) bottom right/12px 2px no-repeat,linear-gradient(#171717,#171717) bottom right/2px 12px no-repeat}
html.vgc-hover .vgc-brackets{background-image:linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21),linear-gradient(#f36d21,#f36d21)}
.vgc-cross{width:14px;height:14px;margin:-7px 0 0 -7px;background:linear-gradient(#171717,#171717) center/100% 1.5px no-repeat,linear-gradient(#171717,#171717) center/1.5px 100% no-repeat;transition:opacity .2s}
.vgc-line{background:#171717;opacity:.55}
.vgc-line--h{width:100vw;height:1px}
.vgc-line--v{height:100vh;width:1px}
html.vgc-hover .vgc-line{background:#f36d21}
.vgc-coords{font:11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;color:#171717;background:#ffffffd9;padding:3px 6px;border:1px solid #171717}
.vgc-label{font:600 12px/1 Onest,system-ui,sans-serif;color:#fff;background:#171717;padding:7px 10px;border-radius:2px;white-space:nowrap;transition:opacity .2s}
.vgc-magnet{border-color:#171717;transition:opacity .25s,border-color .25s,background-color .25s}
html.vgc-hover .vgc-magnet{border-color:#f36d21;background:#f36d2112}
