.compare-bin--outer{position:relative;z-index:100003}.compare-bin--outer .compare-bin{background:#fff;bottom:0;display:grid;font-size:.85em;grid-template-rows:auto 1fr auto;height:calc(var(--vh, 1vh)*100);left:13%;position:fixed;right:0;top:0;transform:translateX(100vw);transition:transform .2s linear;z-index:5}@media(min-width:481px){.compare-bin--outer .compare-bin{left:auto;width:420px}}.compare-bin--outer .compare-bin .compare-bin--header{border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-bold)}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--top{align-items:center;display:flex;justify-content:right;padding:.75em}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--top .compare-bin--close{align-items:center;background:var(--color-light-bg);border-radius:100%;color:var(--color-tertiary);cursor:pointer;font-size:1.2em;height:45px;padding:0;right:.5em;text-align:center;top:.5em;transition:background var(--animation-speed-link) linear;width:45px}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--top .compare-bin--close:after{content:"";font-family:var(--font-icon)}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--top .compare-bin--close:hover{background:var(--color-light)}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-bold);gap:.5em;opacity:.4;padding:.8em 1em;transition:all var(--animation-speed-link) linear}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div .compare-bin-toggle--num{background:var(--color-disabled)}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div:hover{background:var(--color-light);opacity:.6}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.active,.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.active:hover{background:var(--color-light);opacity:1}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.active .compare-bin-toggle--num,.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.active:hover .compare-bin-toggle--num{background:var(--color-cta)}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div:before{display:inline-block;font-family:var(--font-icon);font-weight:var(--font-icon-light);margin-right:.6em;text-align:center;width:10px}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.toggle-category--cards:before{content:""}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.toggle-category--chequing:before{content:""}.compare-bin--outer .compare-bin .compare-bin--header .compare-bin--toggle-category>div.toggle-category--savings:before{content:""}.compare-bin--outer .compare-bin .compare-bin--items{overflow-y:scroll}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item{align-items:center;border-top:1px solid var(--color-border);display:grid;gap:1em;grid-template-columns:auto 1fr auto;padding:1em .7em 1em 1em}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item .compare-bin--item-image{align-items:center;display:grid;min-height:50px;width:80px}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item .compare-bin--item-image img{display:block}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item[data-post-type=bank_account] .compare-bin--item-image{align-items:center;background:radial-gradient(circle,#fff 0,var(--color-light-bg) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;height:45px;justify-content:center;overflow:hidden;padding:.7em}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item[data-post-type=bank_account] .compare-bin--item-image img{margin:0 auto;max-height:30px}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item .compare-bin--item-title{color:var(--color-secondary);font-weight:var(--font-weight-bold);line-height:var(--heading-line-height)}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item .compare-bin--item-remove{align-items:center;cursor:pointer;display:grid;height:30px;text-align:center;width:30px}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item .compare-bin--item-remove:before{content:"";display:block;font-family:var(--font-icon);font-size:.9rem;font-weight:var(--font-icon-light);opacity:.6;transition:opacity var(--animation-speed-link) linear}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item .compare-bin--item-remove:hover:before{opacity:1}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item:first-child{border-top:0}.compare-bin--outer .compare-bin .compare-bin--items .compare-bin--item:last-child{border-bottom:1px solid var(--color-border)}.compare-bin--outer .compare-bin .compare-bin--cta{border-top:1px solid var(--color-border);padding:1em}.compare-bin--outer .compare-bin .compare-bin--cta .compare-bin--clear-all{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-bold);justify-content:center;margin-bottom:1em;opacity:.6;text-align:center;transition:opacity var(--animation-speed-link) linear;width:100%}.compare-bin--outer .compare-bin .compare-bin--cta .compare-bin--clear-all:before{content:"";font-family:var(--font-icon);font-size:.9em;font-weight:var(--font-icon-light);margin-right:.5em}.compare-bin--outer .compare-bin .compare-bin--cta .compare-bin--clear-all:hover{opacity:1}.compare-bin--outer .compare-bin .compare-bin--cta button{font-size:1.2em;width:100%}.compare-bin-open .compare-bin--outer .compare-bin{transform:translateY(0)}.compare-bin-open .compare-bin--outer .compare-bin~.pre-scrim{cursor:pointer;opacity:1;visibility:visible;z-index:1}html.nav-open .compare-bin--outer{z-index:0}