.brewer-compare-float{background:var(--color-white);z-index:1000;border:1px solid #0000000f;border-radius:0;width:320px;animation:.4s cubic-bezier(.34,1.56,.64,1) brewerCompareFloatIn;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}@keyframes brewerCompareFloatIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.brewer-compare-float__header{background:var(--color-brewer-navy);color:var(--color-white);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.brewer-compare-float__icon-wrapper{background:var(--color-secondary);width:36px;height:36px;color:var(--color-brewer-navy);justify-content:center;align-items:center;display:flex}.brewer-compare-float__title{font-family:var(--font-serif);flex:1;font-size:1rem;font-weight:600}.brewer-compare-float__count{font-family:var(--font-sans);background:#fff3;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.brewer-compare-float__boats{flex-direction:column;gap:.25rem;max-height:200px;padding:.5rem;display:flex;overflow-y:auto}.brewer-compare-float__boat{background:var(--color-pearl);align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.brewer-compare-float__boat:hover{background:var(--color-light-gray)}.brewer-compare-float__boat-image{object-fit:cover;flex-shrink:0;width:48px;height:36px}.brewer-compare-float__boat-info{flex-direction:column;flex:1;min-width:0;display:flex}.brewer-compare-float__boat-name{font-family:var(--font-sans);color:var(--color-brewer-navy);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.brewer-compare-float__boat-model{font-family:var(--font-sans);color:var(--color-warm-gray);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.brewer-compare-float__remove-button{width:24px;height:24px;color:var(--color-warm-gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.brewer-compare-float__remove-button:hover{color:#dc2626;background:#dc26261a}.brewer-compare-float__actions{border-top:1px solid var(--color-light-gray);gap:.5rem;padding:.75rem;display:flex}.brewer-compare-float__clear-button{border:1px solid var(--color-light-gray);color:var(--color-brewer-navy);font-family:var(--font-sans);cursor:pointer;background:0 0;flex:1;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .3s}.brewer-compare-float__clear-button:hover{border-color:var(--color-brewer-navy);background:var(--color-pearl)}.brewer-compare-float__compare-button{background:var(--color-primary);color:var(--color-white);font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:none;flex:2;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.brewer-compare-float__compare-button:hover{background:var(--color-brewer-navy);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.brewer-compare-float__compare-button svg{transition:transform .3s}.brewer-compare-float__compare-button:hover svg{transform:translate(2px)}@media (max-width:640px){.brewer-compare-float{width:auto;bottom:1rem;left:1rem;right:1rem}.brewer-compare-float__boats{max-height:150px}}