onyx-timer,.onyx-timer{display:block}.onyx-timer__component{margin-bottom:8rem}.onyx-timer__stats-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;margin-bottom:6.4rem}.onyx-timer__stat-item{padding:.8rem;text-align:center;border-right:1px solid #CCCCCC;display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;opacity:.6}.onyx-timer__stat-item:last-child{border-right:none}.onyx-timer__stat-label,.onyx-timer__stat-value{font-family:var(--font-space-grotesk);font-weight:400;font-size:1.8rem;line-height:2.4rem;letter-spacing:.2rem;text-transform:uppercase}.onyx-timer__main{display:flex;justify-content:center;align-items:flex-end;gap:12.4rem;position:relative;margin-bottom:6.4rem;width:100%}.onyx-timer__circle-container{position:relative;width:52rem;height:52rem;display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.onyx-timer__circle-svg{position:absolute;top:0;left:0;width:100%;height:100%}.onyx-timer__content{position:relative;z-index:1;text-align:center}.onyx-timer__ready-title{font-family:var(--font-space-grotesk);font-weight:500;font-size:4rem;line-height:4.8rem;letter-spacing:.2rem;text-transform:uppercase;margin:0 0 2.4rem;color:#191919}.onyx-timer__btn{font-family:var(--font-space-grotesk);font-weight:500;font-size:1.4rem;line-height:16px;text-transform:uppercase;padding:1.2rem 2.4rem;border:1px solid #191919;cursor:pointer;transition:all .3s ease;background:transparent;color:#191919;margin-bottom:4rem;border-radius:4px}.onyx-timer__start-btn{margin-bottom:0}.onyx-timer__start-btn:hover{background:#191919;color:#fff}.onyx-timer__resume-btn{background:#191919;color:#fafafa!important;min-width:16rem}.onyx-timer__reset-btn{background:transparent;color:#191919;min-width:16rem}.onyx-timer__display-time{font-family:var(--font-space-grotesk);font-weight:500;font-size:8rem;line-height:1.1;color:#191919}.onyx-timer__display-total{font-family:var(--font-space-grotesk);font-weight:500;font-size:3.2rem;line-height:4.8rem;letter-spacing:.2rem;margin-top:5.6rem;color:#191919;opacity:.6}.onyx-timer__display-weight{font-family:var(--font-space-grotesk);font-weight:500;font-size:4rem;line-height:4.8rem;letter-spacing:.2rem;margin-top:.8rem;color:#191919;text-transform:uppercase}.onyx-timer__total-weight,.onyx-timer__weight-unit{font-size:2.4rem;font-weight:500}.onyx-timer__steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8rem;margin-bottom:6.4rem}.onyx-timer__step{padding:0 3.2rem;border-right:1px solid #CCCCCC;text-align:center;opacity:.38;transition:opacity .3s ease}.onyx-timer__step:last-child{border-right:none}.onyx-timer__step.is-active{opacity:1}.onyx-timer__step-label{font-family:var(--font-space-grotesk);font-weight:500;font-size:1.8rem;line-height:2.4rem;letter-spacing:.2rem;color:#191919;margin-bottom:.4rem}.onyx-timer__step-action{font-family:var(--font-space-grotesk);font-weight:500;font-size:2.2rem;line-height:2.8rem;letter-spacing:.2rem;color:#191919;margin-bottom:.4rem}.onyx-timer__step-time{font-family:var(--font-space-grotesk);font-weight:400;font-size:2.2rem;line-height:2.8rem;letter-spacing:.2rem;color:#191919}@media screen and (max-width:991px){.onyx-timer__main{flex-direction:column;align-items:center;gap:2rem}.onyx-timer__component{margin-bottom:4.8rem}.onyx-timer__stats-bar{grid-template-columns:repeat(2,1fr);margin-bottom:4.8rem}.onyx-timer__stat-item{border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:1.2rem .8rem}.onyx-timer__stat-item:nth-child(2n),.onyx-timer__stat-item:last-child{border-right:none}.onyx-timer__circle-container{width:28rem;height:28rem;margin-bottom:0;order:1}.onyx-timer__display-time{font-size:5.2rem}.onyx-timer__ready-title{font-size:1.8rem;line-height:2rem}.onyx-timer__display-total{font-size:2.2rem;line-height:3.2rem;margin-top:3.2rem}.onyx-timer__display-weight{font-size:2.8rem;line-height:3.6rem}.onyx-timer__total-weight,.onyx-timer__weight-unit{font-size:1.8rem}.onyx-timer__resume-btn{order:2}.onyx-timer__reset-btn{order:3}.onyx-timer__btn{width:100%;min-width:unset;margin-bottom:0}.onyx-timer__steps{grid-template-columns:1fr;gap:0;margin-top:4.8rem}.onyx-timer__step{border-right:none;border-bottom:1px solid #CCCCCC;padding:2.4rem 0}.onyx-timer__step:last-child{border-bottom:none}.onyx-timer__step-action,.onyx-timer__step-time{font-size:1.8rem;line-height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/174/assets/section-onyx-timer.css.map */