[data-v-logo-image]{max-height:20px}.bento-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1.5rem;display:grid}.bento-platform-card{border:1px solid color-mix(in srgb, currentColor 14%, transparent);background:color-mix(in srgb, currentColor 3%, transparent);border-radius:.75rem;flex-direction:column;gap:.45rem;min-width:0;min-height:10rem;padding:1rem;display:flex}.bento-platform-card__topline{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.bento-platform-card__mark{background:color-mix(in srgb, currentColor 7%, transparent);width:2rem;height:2rem;font-family:var(--vocs-font-family-mono,monospace);border-radius:.5rem;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.bento-platform-card__status{color:var(--vocs-color-green);font-family:var(--vocs-font-family-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.bento-platform-card__status--manual{color:var(--vocs-color-yellow)}.bento-platform-card>strong{font-size:.95rem}.bento-platform-card>span:not(.bento-platform-card__status){color:color-mix(in srgb, currentColor 68%, transparent);font-size:.825rem;line-height:1.45}.bento-platform-card>code{width:fit-content;margin-top:auto;font-size:.72rem}.bento-connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-block:1.5rem;display:grid}.bento-connection-card{border:1px solid color-mix(in srgb, currentColor 14%, transparent);background:color-mix(in srgb, currentColor 3%, transparent);min-width:0;min-height:10.5rem;color:inherit;border-radius:.75rem;flex-direction:column;gap:.4rem;padding:1rem;text-decoration:none;transition-property:background-color,border-color,transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;position:relative}.bento-connection-card:hover{border-color:color-mix(in srgb, currentColor 24%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);text-decoration:none;transform:translateY(-2px)}.bento-connection-card:active{transform:scale(.96)}.bento-connection-card:focus-visible{outline:2px solid var(--vocs-color-green);outline-offset:3px}.bento-connection-card__icon{width:1.5rem;height:1.5rem;color:color-mix(in srgb, currentColor 58%, transparent);margin-bottom:.65rem;transition-property:color,transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.bento-connection-card:hover .bento-connection-card__icon{color:currentColor;transform:scale(1.08)}.bento-connection-card--linear:hover .bento-connection-card__icon{color:#7c82ff}.bento-connection-card--webhook:hover .bento-connection-card__icon{color:var(--vocs-color-green)}.bento-connection-card--schedule:hover .bento-connection-card__icon{color:var(--vocs-color-yellow)}.bento-connection-card--terminal:hover .bento-connection-card__icon{color:#68a8ff}.bento-connection-card--slack:hover .bento-connection-card__icon{color:#36c5f0}.bento-connection-card__type{color:color-mix(in srgb, currentColor 52%, transparent);font-family:var(--vocs-font-family-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.bento-connection-card>strong{font-size:.95rem}.bento-connection-card>span:not(.bento-connection-card__type,.bento-connection-card__arrow){color:color-mix(in srgb, currentColor 68%, transparent);font-size:.8rem;line-height:1.45}.bento-connection-card__arrow{color:color-mix(in srgb, currentColor 42%, transparent);font-size:.85rem;transition-property:color,transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;top:.9rem;right:.9rem}.bento-connection-card:hover .bento-connection-card__arrow{color:currentColor;transform:translate(2px,-2px)}@media (width<=900px){.bento-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.bento-platform-grid,.bento-connection-grid{grid-template-columns:1fr}.bento-platform-card{min-height:8.5rem}.bento-connection-card{min-height:9.5rem}}
