diff --git a/css/custom.min.css b/css/custom.min.css index f9281bb..1877f35 100644 --- a/css/custom.min.css +++ b/css/custom.min.css @@ -1 +1 @@ -@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:.4}to{opacity:1}}:root{--md-accent-fg-color:#df4d3f;--description-font-dark:#373737;--description-font-light:hsl(0, 0%, 100%);--button-hover-color:#ffffff;--shared-padding:2rem 4rem;--shared-padding-mobile:1rem 1rem;--shared-padding-mobile-bottom:2rem;--shared-p-width:680px}.bold-text,.mdx-hero h1{font-weight:700}.mdx-container{background:url("data:image/svg+xml;utf8,")no-repeat bottom,linear-gradient(to bottom,var(--md-primary-fg-color) 30%,transparent 100%,var(--md-default-bg-color) 100%);padding-top:1rem}.mdx-hero{color:var(--md-primary-bg-color);margin:.8rem}.mdx-hero h1{color:currentcolor;margin-bottom:1rem}.mdx-hero__content{padding-bottom:4rem;text-align:left}.mdx-hero .md-button{color:#fff;border-color:var(--md-accent-bg-color);margin-right:.5rem;margin-top:.5rem}.mdx-hero .md-button:focus,.mdx-hero .md-button:hover{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:var(--md-accent-bg-color)}.mdx-hero .md-button--primary{background-color:var(--md-primary-bg-color);border-color:var(--md-primary-bg-color);color:var(--md-primary-fg-color)}.connection-row,.product-close-up{display:flex;align-items:center;justify-content:center}.product-close-up{padding-top:1rem;flex-direction:column}.product-close-up .product-video{width:100%;height:auto;max-width:640px}.product-close-up .product-close-up-content{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;max-width:1200px;width:100%;margin-bottom:2rem}.product-close-up .product-description,.product-close-up .product-image{flex-basis:100%;max-width:100%}.connection-demo img,.product-close-up .product-image img{max-width:100%;height:auto}.product-close-up .product-description{padding:1rem;text-align:center}.product-close-up .product-description p{font-size:1rem;line-height:1.6;color:inherit}.connection-row{padding-top:2rem;padding-bottom:1rem}.connection-demo h2{text-align:center}.connection-demo .connection-block{text-align:center;display:flex;flex-direction:column;justify-content:center}.connection-demo p{font-size:.8rem;color:var(--description-font-dark)}.comparison-solution{background:var(--md-default-bg-color);padding:var(--shared-padding);text-align:center;color:var(--description-font-dark)}.comparison-solution h2,.connection-demo h2{font-size:2rem;line-height:1.6;margin-bottom:1rem;color:inherit}.comparison-solution p,.feature-dev-test p,.use-cases p{font-size:1rem;color:inherit;margin-bottom:1rem;max-width:var(--shared-p-width);text-align:center;margin-left:auto;margin-right:auto}.comparison-solution .read-more-btn{margin-top:1rem;float:right;padding:.5rem 1rem;text-decoration:none;color:var(--md-primary-fg-color);border:1px solid var(--md-primary-fg-color);border-radius:.25rem;font-size:.8rem}.comparison-solution .read-more-btn:hover{background-color:var(--md-primary-fg-color);color:var(--description-font-light);border-color:var(--md-primary-fg-color)}.blog{background:var(--md-primary-fg-color)}.blog h2{font-size:2rem;color:var(--description-font-light)}.blog .blog-list .post,.blog h2{margin-bottom:1rem}.blog .blog-list .date,.blog .blog-list h3,.blog .blog-list p{font-size:1.2rem;color:var(--description-font-light)}.blog .blog-list .date{font-size:.9rem;margin-top:-1rem}.blog .blog-list p{font-size:1rem;max-width:var(--shared-p-width);text-align:center;margin-left:auto;margin-right:auto}#loadingMessage,.blog .read-more-btn{font-size:.8rem;color:var(--description-font-light)}.blog .read-more-btn,.feature-dev-test .read-more-btn,.use-cases .read-more-btn{margin-top:1rem;float:right;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem}.blog .read-more-btn{background-color:var(--md-primary-fg-color);border:1px solid var(--description-font-light)}.blog .read-more-btn:hover{background-color:var(--button-hover-color);color:var(--md-primary-fg-color)}.blog,.feature-dev-test,.use-cases{padding:var(--shared-padding);text-align:center}.use-cases{background:var(--md-default-bg-color);color:var(--description-font-dark)}.dialogue-section-white h2,.feature-dev-test h2,.icon-section h2,.icon-section p,.twitter-feed-section h2,.use-cases h2{font-size:2rem;line-height:1.6;margin-bottom:1rem;color:inherit}.feature-dev-test .read-more-btn,.use-cases .read-more-btn{color:var(--md-primary-fg-color);border:1px solid var(--md-primary-fg-color);font-size:.8rem}.feature-dev-test .read-more-btn:hover,.use-cases .read-more-btn:hover{background-color:var(--md-primary-fg-color);color:var(--description-font-light);border-color:var(--md-primary-fg-color)}.feature-dev-test{background:linear-gradient(to top,var(--md-primary-fg-color) 30%,transparent 100%,var(--md-default-bg-color) 100%)}.videos-wrapper{display:flex;flex-direction:column;align-items:center}.video-container{position:relative;width:100%;max-width:560px;margin-bottom:20px}.video-container:before{content:"";display:block;padding-top:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-height:315px}#loadingMessage{text-align:center}.twitter-feed-section{background:var(--md-primary-fg-color);padding:var(--shared-padding);text-align:center;overflow-x:hidden;display:none}.twitter-feed-section .container{max-width:1200px;margin:auto}.twitter-feed-section .twitter-posts{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;margin-bottom:2rem}.twitter-feed-section .twitter-tweet{flex-basis:22%;margin:.5rem;min-width:250px;box-shadow:0 6px 8px rgba(0,0,0,.15);border-radius:12px;transition:box-shadow .3s ease;display:none}.twitter-tweet-loaded{display:block}.twitter-feed-section .twitter-tweet:hover{box-shadow:0 8px 10px rgba(0,0,0,.3)}.twitter-feed-section .read-more-btn{margin-top:1rem;float:right;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem;font-size:.8rem;background-color:var(--md-primary-fg-color);color:var(--description-font-light);border:1px solid var(--description-font-light)}.twitter-feed-section .read-more-btn:hover{background-color:var(--button-hover-color);color:var(--md-primary-fg-color)}.poster-section .container{text-align:center;padding:20px 0}.poster-image-shadow{box-shadow:-5px 5px 25px rgba(0,0,0,.25);border-radius:5px;margin-bottom:20px}.poster-image,.poster-image-shadow{max-width:780px;width:100%;height:auto}.icon-section{padding:var(--shared-padding);text-align:center}.icon-section p{font-size:1rem}.icon-container{text-align:center;margin-top:2rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;justify-content:center;align-items:center;max-width:1000px;margin:auto}.icon-item{display:flex;flex-direction:column;align-items:center;text-align:center}.icon-item svg{width:50px;height:50px;margin-bottom:.5rem}.icon-item p{margin-top:.5rem;font-size:1rem;color:inherit}.dialogue-section{background:var(--md-primary-fg-color)}.dialogue-section,.dialogue-section-white{padding:var(--shared-padding);text-align:center}.dialogue-section-white p{font-size:1rem;line-height:1.6;margin-bottom:1rem;color:inherit}.dialogue-bubble{display:inline-block;background-color:#fff;border-radius:20px;padding:1rem 1.5rem;position:relative;margin:1rem;box-shadow:0 8px 10px rgba(0,0,0,.25);border:1px solid #e7e7e7}.dialogue-bubble p{font-size:1.5rem;margin:0;color:var(--description-font-dark);font-weight:700}#op-bubble{position:relative;align-items:center}#op-bubble p{align-items:center;padding-left:3rem;padding-top:6px;margin-top:0;margin-bottom:0}.dialogue-bubble::after,.dialogue-bubble::before{content:"";position:absolute;left:50%;border-width:16px;border-style:solid;transform:translateX(-50%)}.dialogue-bubble::after{bottom:-32px;border-color:#fff transparent transparent}.dialogue-bubble::before{bottom:-38px;border-color:rgba(0,0,0,.25) transparent transparent;z-index:-1;filter:blur(4px)}.callout-button-container{text-align:center;margin-top:2rem}#join-waitlist-button{background-color:var(--button-hover-color);color:var(--md-primary-fg-color);margin-top:1rem;padding:.5rem 1rem;text-decoration:none;border:2px solid var(--md-primary-fg-color);border-radius:1rem;font-size:1.2rem;display:block}#join-waitlist-button:hover{color:var(--button-hover-color);background-color:var(--md-primary-fg-color)}.avatar{width:50px;height:50px;border-radius:50%;float:left;margin-right:10px}@media screen and (min-width:76.25em){.mdx-hero__image{transform:translateX(8rem)}.videos-wrapper{flex-direction:row;justify-content:space-around}.video-container{max-width:45%;margin-bottom:0}}@media screen and (min-width:60em){.mdx-hero{align-items:stretch;display:flex}.mdx-hero__content{margin-top:3.5rem;max-width:19rem;padding-bottom:14vw}.mdx-hero__image{order:1;transform:translateX(4rem);width:38rem}.product-close-up .product-close-up-content{flex-direction:row;align-items:center;justify-content:space-between}.product-close-up .product-description,.product-close-up .product-image{flex-basis:50%}.product-close-up .product-description{padding-left:2rem;text-align:left}.product-close-up .reverse-layout{flex-direction:row-reverse}.product-close-up .reverse-layout .product-description{padding-left:0;padding-right:2rem}.icon-item img{height:60px}}@media screen and (max-width:60em){.mdx-hero{display:block}.mdx-hero__content{margin-top:1rem;max-width:none;padding-bottom:2rem;text-align:center}.mdx-hero__content .image-container{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:90%;margin:auto}.mdx-hero__content a,.mdx-hero__content img,.mdx-hero__content p{display:block;margin:.2rem auto;max-width:100%;font-size:.8rem}.mdx-hero__image{order:0;transform:none;width:auto;margin-bottom:1rem;padding-left:3rem;padding-right:3rem}.connection-row{padding-bottom:1rem}.blog,.comparison-solution,.use-cases{padding:var(--shared-padding-mobile);padding-bottom:var(--shared-padding-mobile-bottom)}.blog .read-more-btn,.comparison-solution .read-more-btn,.feature-dev-test .read-more-btn,.use-cases .read-more-btn{float:none;display:block;margin:1rem auto 0}.icon-section{margin-left:1rem;margin-right:1rem}.feature-dev-test{padding:var(--shared-padding-mobile);padding-bottom:var(--shared-padding-mobile-bottom)}.twitter-feed-section{padding-top:1rem;padding-bottom:1rem;padding-left:0;padding-right:0;overflow-x:auto}.twitter-feed-section .twitter-posts{display:flex;flex-wrap:nowrap;justify-content:normal;overflow-x:auto;scroll-snap-type:x proximity}.twitter-feed-section .twitter-tweet{flex:0 0 80%;scroll-snap-align:center;margin-left:10px}.twitter-feed-section .twitter-posts::-webkit-scrollbar{display:none}#join-waitlist-button,.twitter-feed-section .read-more-btn{float:none;display:block;margin:1rem}.icon-section{padding:2rem 0}.dialogue-section{padding:0}.dialogue-section-white{margin-left:1rem;margin-right:1rem;padding:0}.avatar{margin-right:0;width:32px;height:32px}.callout-button-container{display:grid;grid-template-columns:repeat(2,1fr);gap:0;justify-content:center}.dialogue-bubble{padding:.5rem 1rem;margin:1rem}.dialogue-bubble p{font-size:.9rem}.dialogue-bubble::after{bottom:-22px;border-width:12px}#join-waitlist-button{margin:1rem auto 0;font-size:.8rem;margin-bottom:.5rem}.icon-item img{height:40px}}.twitter-feed-md{width:100%;padding:0;overflow-x:hidden;position:relative;margin-bottom:-4rem!important}.twitter-feed-md .container{max-width:100%;margin:0;padding:0 2rem}.twitter-feed-md .twitter-posts{display:flex;flex-wrap:nowrap;gap:0;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:0;-webkit-overflow-scrolling:touch;margin-bottom:0!important}.twitter-feed-md .twitter-tweet{flex:0 0 auto;width:340px!important;min-width:340px!important;transform:scale(.85)!important;transform-origin:0 0;scroll-snap-align:start;margin:0!important}.twitter-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:all .3s ease}.twitter-nav-button:hover{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}.twitter-nav-prev{left:0}.twitter-nav-next{right:0}.twitter-nav-button::before{content:"";width:10px;height:10px;border-top:2px solid #666;border-right:2px solid #666;display:inline-block}.twitter-nav-prev::before{transform:rotate(-135deg)}.twitter-nav-next::before{transform:rotate(45deg)}.twitter-feed-md .twitter-posts::-webkit-scrollbar{display:none}.twitter-feed-md .twitter-posts{-ms-overflow-style:none;scrollbar-width:none}.gibby-container{position:fixed;bottom:30px;left:30px;z-index:1000}.gibby-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease}.gibby-avatar:hover{transform:scale(1.1)}.gibby-dialogue{display:none;position:absolute;bottom:75px;left:20px;background-color:var(--md-default-bg-color);color:var(--md-default-fg-color);padding:16px;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:280px;text-align:center;animation:fadeIn .5s ease-in-out}.gibby-dialogue p{margin:0;font-size:.9rem}.gibby-link{color:var(--md-primary-fg-color);text-decoration:none;font-weight:600}.gibby-link:hover{text-decoration:underline;color:var(--md-accent-fg-color)}@media screen and (max-width:768px){.gibby-container{bottom:20px;left:20px}.gibby-avatar{width:50px;height:50px}.gibby-dialogue{max-width:240px;bottom:65px;padding:14px}.gibby-dialogue p{font-size:.85rem}}@media screen and (max-width:480px){.gibby-container{bottom:15px;left:15px}.gibby-avatar{width:40px;height:40px}.gibby-dialogue{max-width:200px;bottom:60px;padding:12px}.gibby-dialogue p{font-size:.8rem}}.btnappstore,.btngogoleplay{color:#fff;border-radius:5px;padding:0;text-decoration:none;background-image:url(https://assets.openterface.com/images/appstore/GetItOnGooglePlay_Badge_Web_color_English.png);background-size:cover;background-position:center;display:inline-block;width:100%;aspect-ratio:3/1}.btnappstore{background-image:url(https://assets.openterface.com/images/appstore/Download_on_the_Mac_App_Store_Badge_US-UK_RGB_wht_092917.svg);aspect-ratio:4/1}.slideshow-container{max-width:100%;margin:auto;display:flex;flex-direction:column;align-items:center}.slideshow-wrapper{width:100%;position:relative}.slides{display:none;width:100%}.slides img{display:block;width:auto;max-width:100%;height:auto;max-height:400px;margin:0 auto;object-fit:contain}.slideshow-text{width:100%;padding:15px;text-align:center;color:var(--description-font-dark)}[data-md-color-scheme=slate] .slideshow-text{color:var(--description-font-light)}.slideshow-text p{margin:0;padding:0}.more-link{margin-top:8px;font-size:.9rem}.fade{animation-name:fade;animation-duration:1.5s}@media screen and (max-width:768px){.slideshow-text{padding:10px;font-size:14px}}@media screen and (max-width:480px){.slideshow-text{padding:8px;font-size:12px}}@media (prefers-color-scheme:dark){.slideshow-text{color:var(--description-font-dark)}} \ No newline at end of file +@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:.4}to{opacity:1}}:root{--md-accent-fg-color:#df4d3f;--description-font-dark:#373737;--description-font-light:hsl(0, 0%, 100%);--button-hover-color:#ffffff;--shared-padding:2rem 4rem;--shared-padding-mobile:1rem 1rem;--shared-padding-mobile-bottom:2rem;--shared-p-width:680px}.bold-text,.mdx-hero h1{font-weight:700}.mdx-container{background:url("data:image/svg+xml;utf8,")no-repeat bottom,linear-gradient(to bottom,var(--md-primary-fg-color) 30%,transparent 100%,var(--md-default-bg-color) 100%);padding-top:1rem}.mdx-hero{color:var(--md-primary-bg-color);margin:.8rem}.mdx-hero h1{color:currentcolor;margin-bottom:1rem}.mdx-hero__content{padding-bottom:4rem;text-align:left}.mdx-hero .md-button{color:#fff;border-color:var(--md-accent-bg-color);margin-right:.5rem;margin-top:.5rem}.mdx-hero .md-button:focus,.mdx-hero .md-button:hover{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:var(--md-accent-bg-color)}.mdx-hero .md-button--primary{background-color:var(--md-primary-bg-color);border-color:var(--md-primary-bg-color);color:var(--md-primary-fg-color)}.connection-row,.product-close-up{display:flex;align-items:center;justify-content:center}.product-close-up{padding-top:1rem;flex-direction:column}.product-close-up .product-video{width:100%;height:auto;max-width:640px}.product-close-up .product-close-up-content{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;max-width:1200px;width:100%;margin-bottom:2rem}.product-close-up .product-description,.product-close-up .product-image{flex-basis:100%;max-width:100%}.connection-demo img,.product-close-up .product-image img{max-width:100%;height:auto}.product-close-up .product-description{padding:1rem;text-align:center}.product-close-up .product-description p{font-size:1rem;line-height:1.6;color:inherit}.connection-row{padding-top:2rem;padding-bottom:1rem}.connection-demo h2{text-align:center}.connection-demo .connection-block{text-align:center;display:flex;flex-direction:column;justify-content:center}.connection-demo p{font-size:.8rem;color:var(--description-font-dark)}.comparison-solution{background:var(--md-default-bg-color);padding:var(--shared-padding);text-align:center;color:var(--description-font-dark)}.comparison-solution h2,.connection-demo h2{font-size:2rem;line-height:1.6;margin-bottom:1rem;color:inherit}.comparison-solution p,.feature-dev-test p,.use-cases p{font-size:1rem;color:inherit;margin-bottom:1rem;max-width:var(--shared-p-width);text-align:center;margin-left:auto;margin-right:auto}.comparison-solution .read-more-btn{margin-top:1rem;float:right;padding:.5rem 1rem;text-decoration:none;color:var(--md-primary-fg-color);border:1px solid var(--md-primary-fg-color);border-radius:.25rem;font-size:.8rem}.comparison-solution .read-more-btn:hover{background-color:var(--md-primary-fg-color);color:var(--description-font-light);border-color:var(--md-primary-fg-color)}.blog{background:var(--md-primary-fg-color)}.blog h2{font-size:2rem;color:var(--description-font-light)}.blog .blog-list .post,.blog h2{margin-bottom:1rem}.blog .blog-list .date,.blog .blog-list h3,.blog .blog-list p{font-size:1.2rem;color:var(--description-font-light)}.blog .blog-list .date{font-size:.9rem;margin-top:-1rem}.blog .blog-list p{font-size:1rem;max-width:var(--shared-p-width);text-align:center;margin-left:auto;margin-right:auto}#loadingMessage,.blog .read-more-btn{font-size:.8rem;color:var(--description-font-light)}.blog .read-more-btn,.feature-dev-test .read-more-btn,.use-cases .read-more-btn{margin-top:1rem;float:right;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem}.blog .read-more-btn{background-color:var(--md-primary-fg-color);border:1px solid var(--description-font-light)}.blog .read-more-btn:hover{background-color:var(--button-hover-color);color:var(--md-primary-fg-color)}.blog,.feature-dev-test,.use-cases{padding:var(--shared-padding);text-align:center}.use-cases{background:var(--md-default-bg-color);color:var(--description-font-dark)}.dialogue-section-white h2,.feature-dev-test h2,.icon-section h2,.icon-section p,.twitter-feed-section h2,.use-cases h2{font-size:2rem;line-height:1.6;margin-bottom:1rem;color:inherit}.feature-dev-test .read-more-btn,.use-cases .read-more-btn{color:var(--md-primary-fg-color);border:1px solid var(--md-primary-fg-color);font-size:.8rem}.feature-dev-test .read-more-btn:hover,.use-cases .read-more-btn:hover{background-color:var(--md-primary-fg-color);color:var(--description-font-light);border-color:var(--md-primary-fg-color)}.feature-dev-test{background:linear-gradient(to top,var(--md-primary-fg-color) 30%,transparent 100%,var(--md-default-bg-color) 100%)}.videos-wrapper{display:flex;flex-direction:column;align-items:center}.video-container{position:relative;width:100%;max-width:560px;margin-bottom:20px}.video-container:before{content:"";display:block;padding-top:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-height:315px}#loadingMessage{text-align:center}.twitter-feed-section{background:var(--md-primary-fg-color);padding:var(--shared-padding);text-align:center;overflow-x:hidden;display:none}.twitter-feed-section .container{max-width:1200px;margin:auto}.twitter-feed-section .twitter-posts{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;margin-bottom:2rem}.twitter-feed-section .twitter-tweet{flex-basis:22%;margin:.5rem;min-width:250px;box-shadow:0 6px 8px rgba(0,0,0,.15);border-radius:12px;transition:box-shadow .3s ease;display:none}.twitter-tweet-loaded{display:block}.twitter-feed-section .twitter-tweet:hover{box-shadow:0 8px 10px rgba(0,0,0,.3)}.twitter-feed-section .read-more-btn{margin-top:1rem;float:right;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem;font-size:.8rem;background-color:var(--md-primary-fg-color);color:var(--description-font-light);border:1px solid var(--description-font-light)}.twitter-feed-section .read-more-btn:hover{background-color:var(--button-hover-color);color:var(--md-primary-fg-color)}.poster-section .container{text-align:center;padding:20px 0}.poster-image-shadow{box-shadow:-5px 5px 25px rgba(0,0,0,.25);border-radius:5px;margin-bottom:20px}.poster-image,.poster-image-shadow{max-width:780px;width:100%;height:auto}.icon-section{padding:var(--shared-padding);text-align:center}.icon-section p{font-size:1rem}.icon-container{text-align:center;margin-top:2rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;justify-content:center;align-items:center;max-width:1000px;margin:auto}.icon-item{display:flex;flex-direction:column;align-items:center;text-align:center}.icon-item svg{width:50px;height:50px;margin-bottom:.5rem}.icon-item p{margin-top:.5rem;font-size:1rem;color:inherit}.dialogue-section{background:var(--md-primary-fg-color)}.dialogue-section,.dialogue-section-white{padding:var(--shared-padding);text-align:center}.dialogue-section-white p{font-size:1rem;line-height:1.6;margin-bottom:1rem;color:inherit}.dialogue-bubble{display:inline-block;background-color:#fff;border-radius:20px;padding:1rem 1.5rem;position:relative;margin:1rem;box-shadow:0 8px 10px rgba(0,0,0,.25);border:1px solid #e7e7e7}.dialogue-bubble p{font-size:1.5rem;margin:0;color:var(--description-font-dark);font-weight:700}#op-bubble{position:relative;align-items:center}#op-bubble p{align-items:center;padding-left:3rem;padding-top:6px;margin-top:0;margin-bottom:0}.dialogue-bubble::after,.dialogue-bubble::before{content:"";position:absolute;left:50%;border-width:16px;border-style:solid;transform:translateX(-50%)}.dialogue-bubble::after{bottom:-32px;border-color:#fff transparent transparent}.dialogue-bubble::before{bottom:-38px;border-color:rgba(0,0,0,.25) transparent transparent;z-index:-1;filter:blur(4px)}.callout-button-container{text-align:center;margin-top:2rem}#join-waitlist-button{background-color:var(--button-hover-color);color:var(--md-primary-fg-color);margin-top:1rem;padding:.5rem 1rem;text-decoration:none;border:2px solid var(--md-primary-fg-color);border-radius:1rem;font-size:1.2rem;display:block}#join-waitlist-button:hover{color:var(--button-hover-color);background-color:var(--md-primary-fg-color)}.avatar{width:50px;height:50px;border-radius:50%;float:left;margin-right:10px}@media screen and (min-width:76.25em){.mdx-hero__image{transform:translateX(8rem)}.videos-wrapper{flex-direction:row;justify-content:space-around}.video-container{max-width:45%;margin-bottom:0}}@media screen and (min-width:60em){.mdx-hero{align-items:stretch;display:flex}.mdx-hero__content{margin-top:3.5rem;max-width:19rem;padding-bottom:14vw}.mdx-hero__image{order:1;transform:translateX(4rem);width:38rem}.product-close-up .product-close-up-content{flex-direction:row;align-items:center;justify-content:space-between}.product-close-up .product-description,.product-close-up .product-image{flex-basis:50%}.product-close-up .product-description{padding-left:2rem;text-align:left}.product-close-up .reverse-layout{flex-direction:row-reverse}.product-close-up .reverse-layout .product-description{padding-left:0;padding-right:2rem}.icon-item img{height:60px}}@media screen and (max-width:60em){.mdx-hero{display:block}.mdx-hero__content{margin-top:1rem;max-width:none;padding-bottom:2rem;text-align:center}.mdx-hero__content .image-container{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:90%;margin:auto}.mdx-hero__content a,.mdx-hero__content img,.mdx-hero__content p{display:block;margin:.2rem auto;max-width:100%;font-size:.8rem}.mdx-hero__image{order:0;transform:none;width:auto;margin-bottom:1rem;padding-left:3rem;padding-right:3rem}.connection-row{padding-bottom:1rem}.blog,.comparison-solution,.use-cases{padding:var(--shared-padding-mobile);padding-bottom:var(--shared-padding-mobile-bottom)}.blog .read-more-btn,.comparison-solution .read-more-btn,.feature-dev-test .read-more-btn,.use-cases .read-more-btn{float:none;display:block;margin:1rem auto 0}.icon-section{margin-left:1rem;margin-right:1rem}.feature-dev-test{padding:var(--shared-padding-mobile);padding-bottom:var(--shared-padding-mobile-bottom)}.twitter-feed-section{padding-top:1rem;padding-bottom:1rem;padding-left:0;padding-right:0;overflow-x:auto}.twitter-feed-section .twitter-posts{display:flex;flex-wrap:nowrap;justify-content:normal;overflow-x:auto;scroll-snap-type:x proximity}.twitter-feed-section .twitter-tweet{flex:0 0 80%;scroll-snap-align:center;margin-left:10px}.twitter-feed-section .twitter-posts::-webkit-scrollbar{display:none}#join-waitlist-button,.twitter-feed-section .read-more-btn{float:none;display:block;margin:1rem}.icon-section{padding:2rem 0}.dialogue-section{padding:0}.dialogue-section-white{margin-left:1rem;margin-right:1rem;padding:0}.avatar{margin-right:0;width:32px;height:32px}.callout-button-container{display:grid;grid-template-columns:repeat(2,1fr);gap:0;justify-content:center}.dialogue-bubble{padding:.5rem 1rem;margin:1rem}.dialogue-bubble p{font-size:.9rem}.dialogue-bubble::after{bottom:-22px;border-width:12px}#join-waitlist-button{margin:1rem auto 0;font-size:.8rem;margin-bottom:.5rem}.icon-item img{height:40px}}.twitter-feed-md{width:100%;padding:0;overflow-x:hidden;position:relative;margin-bottom:-4rem!important}.twitter-feed-md .container{max-width:100%;margin:0;padding:0 2rem}.twitter-feed-md .twitter-posts{display:flex;flex-wrap:nowrap;gap:0;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:0;-webkit-overflow-scrolling:touch;margin-bottom:0!important}.twitter-feed-md .twitter-tweet{flex:0 0 auto;width:340px!important;min-width:340px!important;transform:scale(.85)!important;transform-origin:0 0;scroll-snap-align:start;margin:0!important}.twitter-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:all .3s ease}.twitter-nav-button:hover{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}.twitter-nav-prev{left:0}.twitter-nav-next{right:0}.twitter-nav-button::before{content:"";width:10px;height:10px;border-top:2px solid #666;border-right:2px solid #666;display:inline-block}.twitter-nav-prev::before{transform:rotate(-135deg)}.twitter-nav-next::before{transform:rotate(45deg)}.twitter-feed-md .twitter-posts::-webkit-scrollbar{display:none}.twitter-feed-md .twitter-posts{-ms-overflow-style:none;scrollbar-width:none}.gibby-container{position:fixed;bottom:30px;left:30px;z-index:1000}.gibby-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease}.gibby-avatar:hover{transform:scale(1.1)}.gibby-dialogue{display:none;position:absolute;bottom:75px;left:20px;background-color:var(--md-default-bg-color);color:var(--md-default-fg-color);padding:16px;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:280px;text-align:center;animation:fadeIn .5s ease-in-out}.gibby-dialogue p{margin:0;font-size:.9rem}.gibby-link{color:var(--md-primary-fg-color);text-decoration:none;font-weight:600}.gibby-link:hover{text-decoration:underline;color:var(--md-accent-fg-color)}@media screen and (max-width:768px){.gibby-container{bottom:20px;left:20px}.gibby-avatar{width:50px;height:50px}.gibby-dialogue{max-width:240px;bottom:65px;padding:14px}.gibby-dialogue p{font-size:.85rem}}@media screen and (max-width:480px){.gibby-container{bottom:15px;left:15px}.gibby-avatar{width:40px;height:40px}.gibby-dialogue{max-width:200px;bottom:60px;padding:12px}.gibby-dialogue p{font-size:.8rem}}.btnappstore,.btngogoleplay{color:#fff;border-radius:5px;padding:0;text-decoration:none;background-image:url(https://assets.openterface.com/images/appstore/GetItOnGooglePlay_Badge_Web_color_English.png);background-size:cover;background-position:center;display:inline-block;width:100%;aspect-ratio:3/1}.btnappstore{background-image:url(https://assets.openterface.com/images/appstore/Download_on_the_Mac_App_Store_Badge_US-UK_RGB_wht_092917.svg);aspect-ratio:4/1}.slideshow-container{max-width:100%;margin:auto;display:flex;flex-direction:column;align-items:center}.slideshow-wrapper{width:100%;position:relative}.slides{display:none;width:100%}.slides img{display:block;width:auto;max-width:100%;height:auto;max-height:400px;margin:0 auto;object-fit:contain}.slideshow-text{width:100%;padding:15px;text-align:center;color:var(--description-font-dark)}.slideshow-text p{margin:0;padding:0}.more-link{margin-top:8px;font-size:.9rem}.fade{animation-name:fade;animation-duration:1.5s}@media screen and (max-width:768px){.slideshow-text{padding:10px;font-size:14px}}@media screen and (max-width:480px){.slideshow-text{padding:8px;font-size:12px}}@media (prefers-color-scheme:dark){.slideshow-text{color:var(--description-font-light)}} \ No newline at end of file