.timer-container{display:flex;justify-content:center;align-items:center;background-color:var(--yellow-primary);min-width:-moz-fit-content;min-width:fit-content;width:100%;height:2.2rem;border-radius:var(--border-radius-2);padding:6px 18px}.timer-container span:not(:last-child):after{content:":";padding-left:.3rem;padding-right:.3rem}.category-container{--bg-primary:var(--green-quinary);--bg-secondary:var(--grey-secondary);--text-primary:var(--green-primary);--text-secondary:var(--black-primary);--border-primary:var(--green-primary);--border-secondary:var(--grey-secondary);--svg-fill-primary:var(--green-primary);--svg-fill-secondary:var(--grey-quinary);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:135px;height:100%;height:128px;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius-15);font-size:var(--font-size-16);font-weight:400}.category-container .category-image-container .category-image{fill:var(--svg-fill-secondary);width:40px;height:40px}.category-container.active{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary)}.category-container.active .category-image-container .category-image{fill:var(--text-primary)}