No notes defined.
<div class="flex items-center space-x-mdSpace">
<span class="text-sm font-semibold">Task name</span>
<div class="relative">
<div class="border-2 border-success-500 flex rounded p-0 justify-between items-stretch cursor-pointer relative z-10 bg-white overflow-hidden">
<div class="flex items-center px-smSpace py-xsSpace">
<span class="text-tertiary-700 inline-flex items-center text-xs font-semibold text-primary">
1:30
</span>
</div>
<div class="group">
<div class="bg-success-500 px-xsSpace flex h-full items-center group-hover:hidden group-hover:bg-tertiary-500">
<span class="[&>svg]:w-4 [&>svg]:h-4 fill-current text-white">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
<path d="M5.75 3a.75.75 0 00-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 00.75-.75V3.75A.75.75 0 007.25 3h-1.5zM12.75 3a.75.75 0 00-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 00.75-.75V3.75a.75.75 0 00-.75-.75h-1.5z" />
</svg> </span>
</div>
</div>
</div>
<span class="absolute overflow-hidden -left-0.5 -top-0.5 -right-0.5 -bottom-0.5 rounded-md">
<span class="timer-pulse absolute w-full h-full bg-success-500 scale-105"></span>
</span>
</div>
</div>
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D5708%253A19987%26t%3D66XpghXQX1sLaeCx-1" allowfullscreen></iframe>
@keyframes ping {
75%, 100% {
transform: scale(1.05);
opacity: 0;
}
}
.timer-pulse {
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}