.td-flip-clock{--td-flip-card-width: 1rem;--td-flip-card-height: 1.375rem;--td-flip-card-radius: .25rem;--td-flip-card-gap: .125rem;--td-flip-duration: .62s;--td-flip-perspective: 6rem;--td-flip-shade: rgb(0 0 0 / .5);--td-flip-glyph-shift: .05em;display:flex;flex-shrink:0;align-items:baseline;column-gap:.375rem}.td-flip-clock__group{display:grid;justify-items:center;row-gap:.25rem}.td-flip-clock__cards{display:flex;column-gap:var(--td-flip-card-gap)}.td-flip-clock__digit{position:relative;isolation:isolate;width:var(--td-flip-card-width);height:var(--td-flip-card-height);font-size:.75rem;font-weight:500;letter-spacing:0}.td-flip-clock__card{position:absolute;top:0;right:0;bottom:0;left:0}.td-flip-clock__half{position:absolute;inset-inline:0;height:50%;overflow:hidden;background:var(--td-flip-card-background, rgb(var(--text-color)));color:var(--td-flip-card-color, rgb(var(--background-without-opacity)));backface-visibility:hidden}.td-flip-clock__half--top{inset-block-start:0;border-radius:var(--td-flip-card-radius) var(--td-flip-card-radius) 0 0;box-shadow:inset 0 -1px #0003;transform-origin:bottom}.td-flip-clock__half--bottom{inset-block-end:0;border-radius:0 0 var(--td-flip-card-radius) var(--td-flip-card-radius);transform-origin:top}.td-flip-clock__card--previous .td-flip-clock__half{z-index:1}.td-flip-clock__card--current .td-flip-clock__half{z-index:2}.td-flip-clock__glyph{position:absolute;inset-inline:0;height:var(--td-flip-card-height);line-height:var(--td-flip-card-height);transform:translateY(var(--td-flip-glyph-shift));text-align:center;font-variant-numeric:tabular-nums}.td-flip-clock__half--top .td-flip-clock__glyph{inset-block-start:0}.td-flip-clock__half--bottom .td-flip-clock__glyph{inset-block-end:0}.td-flip-clock__digit.is-flipping .td-flip-clock__card--previous .td-flip-clock__half--top{z-index:3;animation:td-flip-clock-top calc(var(--td-flip-duration) / 2) ease-in forwards}.td-flip-clock__digit.is-flipping .td-flip-clock__card--current .td-flip-clock__half--bottom{z-index:3;animation:td-flip-clock-bottom calc(var(--td-flip-duration) / 2) ease-out calc(var(--td-flip-duration) / 2) both}.td-flip-clock__half:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.td-flip-clock__half--top:after{background:linear-gradient(to bottom,rgb(0 0 0 / 0),var(--td-flip-shade))}.td-flip-clock__half--bottom:after{background:linear-gradient(to top,rgb(0 0 0 / 0),var(--td-flip-shade))}.td-flip-clock__digit.is-flipping .td-flip-clock__card--previous .td-flip-clock__half--top:after{animation:td-flip-clock-shade-in calc(var(--td-flip-duration) / 2) ease-in forwards}.td-flip-clock__digit.is-flipping .td-flip-clock__card--current .td-flip-clock__half--bottom:after{animation:td-flip-clock-shade-out calc(var(--td-flip-duration) / 2) ease-out calc(var(--td-flip-duration) / 2) both}.td-flip-clock__digit.is-flipping .td-flip-clock__card--previous .td-flip-clock__half--bottom:after{animation:td-flip-clock-cast calc(var(--td-flip-duration) / 2) ease-in both}@keyframes td-flip-clock-top{0%{transform:perspective(var(--td-flip-perspective)) rotateX(0)}to{transform:perspective(var(--td-flip-perspective)) rotateX(-90deg)}}@keyframes td-flip-clock-bottom{0%{transform:perspective(var(--td-flip-perspective)) rotateX(90deg)}to{transform:perspective(var(--td-flip-perspective)) rotateX(0)}}@keyframes td-flip-clock-shade-in{0%{opacity:0}to{opacity:1}}@keyframes td-flip-clock-shade-out{0%{opacity:1}to{opacity:0}}@keyframes td-flip-clock-cast{0%{opacity:0}to{opacity:.45}}.td-flip-clock__divider{display:grid;align-content:center;align-self:start;row-gap:.25rem;height:var(--td-flip-card-height)}.td-flip-clock__dot{width:3px;height:3px;border-radius:100%;background:currentColor;opacity:.65}.td-flip-clock__label{font-size:.5rem;line-height:1}@media screen and (min-width:1000px){.td-flip-clock{--td-flip-card-width: 31px;--td-flip-card-height: 42px;column-gap:.625rem}.td-flip-clock__digit{font-size:28px}.td-flip-clock__label{font-size:13px}}@media(prefers-reduced-motion:reduce){.td-flip-clock{--td-flip-duration: 1ms}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/td-flip-clock.css.map */