countdown-timer{display:grid;gap:.25rem;justify-items:center}@media screen and (min-width: 768px){countdown-timer{gap:.5rem;justify-items:flex-start}}countdown-timer .timer{display:grid;gap:.25rem;grid-auto-flow:column;grid-auto-columns:minmax(0, auto);align-items:center;justify-content:center;width:100%}@media screen and (min-width: 768px){countdown-timer .timer{gap:1rem;justify-content:flex-start}}countdown-timer .timer .time-display{display:grid;justify-content:center;text-align:center}countdown-timer .timer-caption{font-size:14px}countdown-timer[\:type=full] .time-display{border-radius:4px;background-color:var(--color-neutral-0);width:69px;padding:4px}countdown-timer[\:type=full] .time-display>*{color:var(--color-neutral-900);line-height:125%}countdown-timer[\:type=full] .time-display .digit{font-size:20px;font-weight:600}@media screen and (min-width: 768px){countdown-timer[\:type=full] .time-display .digit{font-size:32px}}countdown-timer[\:type=full] .time-display .label{font-size:12px}@media screen and (min-width: 768px){countdown-timer[\:type=full] .time-display .label{font-weight:400}}countdown-timer[\:type=full].caption-placement--bottom .timer-caption{order:1}@media screen and (min-width: 769px){countdown-timer[\:type=full].caption-alignment--left{justify-items:flex-start;text-align:left}}countdown-timer[\:type=full].caption-alignment--center{justify-items:center;text-align:center}countdown-timer[\:type=full].caption-alignment--right{justify-items:flex-end;text-align:right}countdown-timer[\:type=minimal] .timer{grid-auto-columns:minmax(0, auto)}countdown-timer[\:type=minimal] .time-display{gap:.25rem;grid-template-columns:repeat(2, minmax(0, auto));justify-content:flex-start}countdown-timer[\:type=minimal] .time-display>*{font-size:14px}