.timer{flex-direction:column;font-weight:500;color:inherit}.timer,.timer-count{display:flex;align-items:center;gap:.25rem}.timer-count{flex-direction:row-reverse;font-size:1rem;line-height:1.5rem}.timer-count-item-success{--timer-count-item-color:var(--fg-success-primary);--timer-count-text-color:var(--text-primary_on-brand)}.timer-count-item-danger{--timer-count-item-color:var(--fg-error-primary);--timer-count-text-color:var(--text-primary_on-brand)}.timer-count-item-warn{--timer-count-item-color:var(--fg-warning-primary);--timer-count-text-color:var(--text-primary_on-brand)}.timer-count-item-dark{--timer-count-item-color:var(--bg-primary-solid);--timer-count-text-color:var(--text-primary_on-brand)}.timer-count-item-circle{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--timer-count-item-color,var(--bg-primary));padding-top:1px;color:var(--timer-count-text-color,var(--text-tertiary));--tw-shadow:0px 1px 2px 0px rgb(16 24 40/0.05);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.timer-count-item-circle{width:30px;height:30px}}.timer-count-item-square{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--timer-count-item-color,var(--bg-primary));padding-top:1px;color:var(--timer-count-text-color,var(--text-tertiary));--tw-shadow:0px 1px 2px 0px rgb(16 24 40/0.05);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.timer-count-item-square{width:30px;height:30px}}.timer-text{display:flex;width:fit-content;flex-direction:row;align-items:center;justify-content:space-around;gap:.25rem;text-align:center;font-size:.75rem;line-height:1.125rem;font-weight:500}.timer-text-item-danger,.timer-text-item-dark,.timer-text-item-success,.timer-text-item-warn{--timer-text-color:var(--text-primary)}.timer-text-item-circle,.timer-text-item-square{color:var(--timer-text-color,var(--text-primary-on-brand))}