.accountCircleButton{white-space:nowrap;cursor:pointer;color:#fff;transition:color var(--transition-duration);align-items:center;padding:0 16px;display:flex}.accountCircleButton:hover{color:var(--palette-primary)}.accountCircleButton--compact{padding:0}.accountCircleButton__circle{box-sizing:border-box;width:42px;height:42px;font-family:var(--font-family);text-align:center;letter-spacing:.5px;transition:color var(--transition-duration),background-color var(--transition-duration),border-color var(--transition-duration),transform var(--transition-duration);border:3px solid;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;line-height:1;display:flex}.accountCircleButton__circle--loggedIn{background-color:var(--palette-primary);border-color:var(--palette-primary);color:#06210f;font-size:16px}.accountCircleButton:hover .accountCircleButton__circle--loggedIn{transform:scale(1.1)}.accountCircleButton:active .accountCircleButton__circle{-webkit-animation:.4s ease-out accountCircleButton-accountCircleButtonFlash;animation:.4s ease-out accountCircleButton-accountCircleButtonFlash}@-webkit-keyframes accountCircleButton-accountCircleButtonFlash{0%{-webkit-filter:brightness();filter:brightness();box-shadow:0 0 0 0 rgba(var(--palette-primary-rgb),.7)}30%{-webkit-filter:brightness(1.7);filter:brightness(1.7);box-shadow:0 0 12px 4px rgba(var(--palette-primary-rgb),.7)}to{-webkit-filter:brightness();filter:brightness();box-shadow:0 0 0 0 rgba(var(--palette-primary-rgb),0)}}@keyframes accountCircleButton-accountCircleButtonFlash{0%{-webkit-filter:brightness();filter:brightness();box-shadow:0 0 0 0 rgba(var(--palette-primary-rgb),.7)}30%{-webkit-filter:brightness(1.7);filter:brightness(1.7);box-shadow:0 0 12px 4px rgba(var(--palette-primary-rgb),.7)}to{-webkit-filter:brightness();filter:brightness();box-shadow:0 0 0 0 rgba(var(--palette-primary-rgb),0)}}