.timer-wrapper{position:relative}.circle{position:absolute;top:0;position:relative}[dir=ltr] .circle{transform:rotate(-90deg)}[dir=rtl] .circle{transform:rotate(90deg)}.circle circle{fill:none;stroke:var(--color-primary--100);stroke-width:3px;stroke-linecap:round}.circle circle:nth-child(2){fill:none;stroke:var(--color-primary--400);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.timer-inside{width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0}[dir=ltr] .timer-inside{left:0}[dir=rtl] .timer-inside{right:0}.timer-text{color:var(--color-primary--400);font-weight:600;font-size:1em}[dir] .timer-text{text-align:center}