.CheckboxRoot{border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.CheckboxRoot:hover{border:1px solid #005eec}.CheckboxIndicator{color:#fff;border-radius:4px}.CheckboxIndicator[data-state=checked]{background-color:#005eec}.card-container{transition:all .3s}.card-container .white-block{height:20px;transition:all .3s}.card-container .location{transition:all .3s}.card-container .desc{opacity:0;height:0;transition-property:opacity,height;transition-duration:.3s;transition-timing-function:ease}.card-container .title{transition:all .3s}.card-container .speaker{display:block}.card-container:hover .white-block,.card-container:hover .location{transform:translateY(-20px)}.card-container:hover .desc{opacity:1;height:auto;transform:translateY(-20px)}.card-container:hover .title{transform:translateY(-20px)}.card-container:hover .speaker{display:none}@keyframes fade{0%{opacity:0}10%{opacity:1}30%{opacity:1}40%{opacity:0}to{opacity:0}}.fade-image{opacity:0;animation:12s infinite fade;position:absolute;inset:0}.fade-image:first-child{animation-delay:0s}.fade-image:nth-child(2){animation-delay:6s}@keyframes dot1{0%,49.9%{background-color:#48dcbc}50%,to{background-color:#0a3246}}@keyframes dot2{0%,49.9%{background-color:#0a3246}50%,to{background-color:#48dcbc}}.dot{border-radius:50%;width:10px;height:10px}.dot:first-child{animation:12s step-end infinite dot1}.dot:nth-child(2){animation:12s step-end infinite dot2}