.retrospective{position:relative}.retrospective--dot:after,.retrospective:after,.retrospective:before{--tw-translate-x:-50%;content:"";left:2rem;position:absolute;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:.1s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.retrospective:before{--tw-bg-opacity:1;background-color:rgb(239 239 239/var(--tw-bg-opacity));bottom:0;z-index:-10}.retrospective:after{--tw-bg-opacity:1;background-color:rgb(218 29 82/var(--tw-bg-opacity));height:0;top:0;z-index:-10}.retrospective--dot{--tw-translate-x:-50%;--tw-bg-opacity:1;background-color:rgb(239 239 239/var(--tw-bg-opacity));border-radius:9999px;display:block;height:32px;left:2rem;position:absolute;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:32px}.retrospective--dot:after{--tw-bg-opacity:1;background-color:rgb(19 11 55/var(--tw-bg-opacity));border-radius:9999px;height:14px;left:1rem;top:9px;width:14px}.retrospective--date{--tw-text-opacity:1;color:rgb(218 29 82/var(--tw-text-opacity));font-size:34px;margin-bottom:1.5rem}.retrospective--title{--tw-text-opacity:1;color:rgb(19 11 55/var(--tw-text-opacity));font-size:28px}.retrospective--content{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;border-top-right-radius:.75rem;font-size:18px;line-height:1.3;margin-left:-.5rem;max-width:100%;padding:1.5rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:375px}.retrospective.active:after{height:100%}.retrospective.active .retrospective--dot{--tw-bg-opacity:1;background-color:rgb(218 29 82/var(--tw-bg-opacity))}.retrospective.active .retrospective--dot:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.retrospective.active .retrospective--content{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(19 11 55/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.retrospective--dot:after,.retrospective:after,.retrospective:before{left:50%}.retrospective--dot{left:50%}.retrospective--date{margin-bottom:2rem}.retrospective--content{margin-left:0;padding-left:2rem;padding-right:2rem}}