.action-button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-primary);width:3rem;height:3rem;border-radius:50%;padding:.15rem;transition:background-color .3s}.action-button:hover{background-color:#adadad33}.play-button{font-size:3.5rem;width:4rem;height:4rem;align-items:center;justify-content:center;display:flex}.visual-bell{animation:flash 1s ease-in-out}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.session-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;pointer-events:none;flex:1 1;overflow:hidden}.session-item{position:absolute;width:2vw;height:2vw;background-size:cover;--row:0}.session-item.animate{animation:fadeToBucket 5s forwards}.session-item.work{background-image:url(/tomato.svg)}.session-item.longBreak,.session-item.shortBreak{background-image:url(/break.svg)}.session-item.animate-out{animation:fadeOut 1s forwards}@keyframes fadeToBucket{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(var(--row))}}.session-container.animate-out{animation:fadeOut 1s forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(20px)}}