@import url("variables.css");@import url("faq.css");@import url("features.css");@import url("cloudinfo.css");@keyframes kf_automation_intro { 0% { transform:translateY(4vw) translateX(0vw); opacity:0; } 100% { transform:translateY(0vw) translateX(0vw); opacity:1; }}.automation___module{.automation-convo-con { perspective:400px; .messages-con { transform:rotateY(-10deg); max-width:400px; margin-left:auto; margin-right:auto; display:block; > * { --initialDelay:1s; opacity:0; animation-name:kf_automation_intro; animation-duration:0.5s; animation-iteration-count:1; animation-timing-function:ease-out; animation-fill-mode:forwards; &:nth-child(1) { animation-delay:var(--initialDelay); } &:nth-child(2) { animation-delay:calc(var(--initialDelay) * 2); } &:nth-child(3) { animation-delay:calc(var(--initialDelay) * 3); } &:nth-child(4) { animation-delay:calc(var(--initialDelay) * 4); } &:nth-child(5) { animation-delay:calc(var(--initialDelay) * 5); } &:nth-child(6) { animation-delay:calc(var(--initialDelay) * 6); } &:nth-child(7) { animation-delay:calc(var(--initialDelay) * 7); } } > * { display:block; font-size:var(--fontSize); font-family:'courier new', courier, monospace; line-height:1.5; position:relative; margin-bottom:2em; x { &[sys]{ color:green; } &[lit]{ color:gray; } &[cls]{ color:purple; } } } } } .gallery-con{ display:flex; flex-direction:column; gap:calc(var(--gutter) * 3); .gallery-item{ display:flex; flex-direction:row; align-items:center; gap:calc(var(--gutter) * 2); margin:0; &:nth-child(even){ flex-direction:row-reverse; } .gallery-text{ flex:1 1 50%; min-width:0; h3{ margin:0 0 0.75em 0; font-size:var(--fontSizeH3); } blockquote{ margin:0 0 1em 0; font-size:var(--fontSizeH3); line-height:1.5; font-style:italic; color:var(--gray); } p{ margin:0 0 1.5em 0; line-height:var(--lineHeight); } dl{ display:grid; grid-template-columns:max-content 1fr; gap:0.5em var(--gutter); margin:0; padding-top:1em; border-top:1px solid var(--lightGray); font-size:var(--fontSizeSmall); dt{ color:var(--gray); } dd{ margin:0; } } } video{ display:block; flex:1 1 50%; min-width:0; width:100%; height:auto; border-radius:8px; box-shadow:0 12px 32px -12px var(--shadowColor); } } @media (max-width:768px){ .gallery-item, .gallery-item:nth-child(even){ flex-direction:column; align-items:stretch; } } }}/* Cache CSSParserMiddleware_www.synchub.io_/Pages/styles/automation.css_False_HTML_32610221834 22 Oct 21:21:22Z */