@property --cm-unit{syntax:"<length>";inherits:false;initial-value:1px}.hv3-cm{--u:.0520833cqw;--cm-gap:calc(100 * var(--u));--cm-dot:calc(8 * var(--u));--cm-font:calc(28 * var(--u));--cm-h:calc(72 * var(--u));--cm-logo:calc(72 * var(--u));--cm-ease:cubic-bezier(.2, .7, .2, 1);background:var(--hv3-bg);position:relative;container-type:inline-size}.hv3-cm__window{--cm-unit:var(--u);margin:calc(50 * var(--u)) calc(-1 * var(--hv3-gx,0px)) calc(44 * var(--u));-webkit-user-select:none;user-select:none;overflow:hidden}.hv3-cm__track{will-change:transform;width:max-content;display:flex}.hv3-cm__row{align-items:center;gap:var(--cm-gap);padding:0 var(--cm-gap) 0 0;flex:none;margin:0;list-style:none;display:flex}.hv3-cm__item{align-items:center;gap:var(--cm-gap);height:var(--cm-h);cursor:default;flex:none;display:flex}.hv3-cm__dot{width:var(--cm-dot);height:var(--cm-dot);background:#e6e6e6;border-radius:50%;flex:none;transition:background-color .3s}.hv3-cm__word{align-items:center;display:flex;position:relative}.hv3-cm__name{font-family:var(--hv3-font-body);font-weight:var(--hv3-w-body);font-size:var(--cm-font);white-space:nowrap;color:#0003;transition:transform .3s var(--cm-ease);line-height:1;transform:scale(1)}.hv3-cm__logo{height:var(--cm-logo);transition:transform .3s var(--cm-ease);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.hv3-cm .hv3-cm__logo img{width:auto;max-width:none;height:100%;display:block}@media (hover:hover){.hv3-cm__item:hover .hv3-cm__name{transform:scale(0)}.hv3-cm__item:hover .hv3-cm__logo{transform:translate(-50%,-50%)scale(1)}.hv3-cm__item:hover .hv3-cm__dot,.hv3-cm__item:hover+.hv3-cm__item .hv3-cm__dot{background:var(--hv3-purple)}.hv3-cm__row:has(>.hv3-cm__item:last-child:hover)+.hv3-cm__row>.hv3-cm__item:first-child .hv3-cm__dot{background:var(--hv3-purple)}}@media (prefers-reduced-motion:reduce){.hv3-cm__window{margin-inline:0;overflow:visible}.hv3-cm__track{will-change:auto;width:auto;transform:none!important}.hv3-cm__row[aria-hidden=true]{display:none}.hv3-cm__row{justify-content:center;row-gap:calc(24 * var(--u));flex-wrap:wrap;width:100%;padding-right:0}.hv3-cm__dot,.hv3-cm__name,.hv3-cm__logo{transition:none}}@media (max-width:980px){.hv3-cm{--u:1px;--cm-gap:36px;--cm-dot:6px;--cm-font:20px;--cm-h:48px;--cm-logo:44px;container-type:normal}.hv3-cm__window{margin:28px 0 24px}.hv3-cm__row{row-gap:16px}}
