.compare_btn{display:none}.compare-bin-toggle{background:#fff;border:1px solid var(--color-border);border-radius:100% 0 0 100%;box-shadow:2px 4px 22px rgba(26,24,119,.2);cursor:pointer;margin-top:-25px;padding:.5em .8em .5em .5em;position:fixed;right:-5em;top:55%;transition:right .3s ease-in-out}.compare-bin-toggle .compare-bin-toggle--icon{align-items:center;background:var(--color-secondary);border-radius:100%;display:grid;font-size:1.4em;height:50px;text-align:center;transition:background .15s linear;width:50px}.compare-bin-toggle .compare-bin-toggle--icon:before{color:#fff;content:"";font-family:var(--font-icon)}.compare-bin-toggle .compare-bin-toggle--num{left:-.25em;opacity:0;position:absolute;top:-.25em}.compare-bin-toggle .compare-bin-toggle--num:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;background:var(--color-cta);border-radius:100%;box-sizing:border-box;content:" ";display:block;height:3.5rem;margin-left:0;margin-top:0;position:absolute;width:3.5rem;z-index:-1}@keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}.compare-bin-toggle--num{align-items:center;aspect-ratio:1/1;background:var(--color-cta);border-radius:100%;color:var(--color-cta-text);display:flex;font-size:.8rem;font-weight:var(--font-weight-bold);height:1.5rem;justify-content:center;transition:opacity .3s linear .35s;width:1.5rem}html.compare-bin-active .compare-bin-toggle{right:-.5em}html.compare-bin-active .compare-bin-toggle .compare-bin-toggle--num{opacity:1}html.compare-bin-active .compare-bin-toggle:hover{right:-.2em}