.compare-btn-wrapper[data-v-bb71212f]{display:inline-flex;position:relative}.compare-btn-wrapper[data-v-bb71212f]:has(.compare-btn:not(.compare-btn-inline)){bottom:10px;left:10px;position:absolute;z-index:10}.compare-balloon[data-v-bb71212f]{background-color:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-white);font-size:.8125rem;font-weight:600;left:calc(100% + 8px);padding:8px 14px;pointer-events:auto;text-decoration:none;white-space:nowrap;z-index:20}.compare-balloon[data-v-bb71212f],.compare-balloon[data-v-bb71212f]:before{position:absolute;top:50%;transform:translateY(-50%)}.compare-balloon[data-v-bb71212f]:before{border:5px solid transparent;border-right:5px solid var(--color-primary);content:"";right:100%}.compare-balloon[data-v-bb71212f]:hover{background-color:var(--color-primary-hover)}.balloon-enter-active[data-v-bb71212f]{transition:all .2s ease-out}.balloon-leave-active[data-v-bb71212f]{transition:all .15s ease-in}.balloon-enter-from[data-v-bb71212f],.balloon-leave-to[data-v-bb71212f]{opacity:0;transform:translateY(-50%) translate(-4px)}