@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-reverse-slower,.animate-spin-slow{animation:rotate 4s linear infinite}.arrow{width:.79rem;height:1rem;position:relative}.arrow,.arrow span{display:inline-block}.arrow span{position:absolute;width:.5rem;height:2.4px;background-color:#383838;transition:all .2s ease;border-radius:20px}.arrow span:first-of-type{left:0;transform:rotate(45deg)}.arrow span:last-of-type{right:0;transform:rotate(-45deg)}.arrow.active span:first-of-type{transform:rotate(-45deg)}.arrow.active span:last-of-type{transform:rotate(45deg)}.cards{display:flex;flex-direction:column;gap:15px}.cards .red{background-color:#f43f5e}.cards .blue{background-color:#3b82f6}.cards .green{background-color:#22c55e}.cards .aqua{background-color:#0ea5e9}.cards .purple{background-color:#a06df3}.cards .card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100px;width:250px;border-radius:10px;color:white;cursor:pointer;transition:.4s}.cards .card p.tip{font-size:1em;font-weight:700}.cards .card p.second-text{font-size:.7em}.cards .card:hover{transform:scale(1.1)}.cards:hover>.card:not(:hover){filter:blur(2px);transform:scale(.9)}.checkbox-green input:checked+.checkmark{background-color:#08bb68}.checkbox-green input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-50%) rotate(40deg) scale(1)}.checkbox-slate input:checked+.checkmark{background-color:slategray}.checkbox-slate input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-50%) rotate(40deg) scale(1)}.checkbox-primary input:checked+.checkmark{background-color:black}.checkbox-primary input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-50%) rotate(40deg) scale(1)}.checkbox-blue input:checked+.checkmark{background-color:#2196f3}.checkbox-blue input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-50%) rotate(40deg) scale(1)}.checkbox-red input:checked+.checkmark{background-color:#ff000f}.checkbox-red input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-50%) rotate(40deg) scale(1)}.checkmark{display:block;background-color:#ddd;position:relative;transition:background-color .4s;overflow:hidden;cursor:pointer}input:disabled+.checkmark{background-color:#ddd;cursor:not-allowed;opacity:.6}.checkmark:after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(40deg) scale(10);opacity:0;transition:all .4s}input:indeterminate+.checkmark{background-color:#ccc}input:indeterminate+.checkmark:after{width:14px;height:2px;background-color:#000;opacity:1;transform:translate(-50%,-50%)}