@keyframes slideFromBottom{from{transform:translateY(300px)}}.timer{width:26px;height:26px;overflow:hidden;cursor:pointer;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 300ms}.timer-number{display:inline-block;line-height:20px;color:rgba(0,0,0,.6)}:root[data-mp-app-theme=moment] .timer-number{font-family:"IBM Plex Sans",sans-serif;font-size:0.875rem;font-weight:700;line-height:1.25rem;text-transform:unset;font-variation-settings:"wdth" 100}:root[data-mp-app-theme=apricot] .timer-number{font-family:"Oswald",sans-serif;font-size:0.875rem;font-weight:500;line-height:1.25rem;text-transform:uppercase;font-variation-settings:"wdth" 100}.timer svg{position:absolute;top:0;right:0;width:26px;height:26px;transform:rotateY(-180deg) rotateZ(-90deg)}@media screen and (max-width: 128px){.timer svg{transform:scale(0.7, 0.7)}}.timer .active{stroke-dasharray:100px;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2px;stroke:#fff;fill:none;animation:countdown var(--time) linear infinite forwards}.timer .active--reset{animation:revert}@keyframes countdown{from{stroke-dashoffset:25px}to{stroke-dashoffset:100px}}:root[data-color-scheme=dark] .timer-number{color:rgba(255,255,255,.8)}

/*# sourceMappingURL=utils_timer.d7d5ef11f59d1b3d11ad.css.map*/