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