.article-navbar{position:fixed;top:-60px;left:0;right:0;height:60px;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:top .3s ease-in-out;z-index:99999}.article-navbar--visible{top:0}.article-navbar--hidden{top:-60px;z-index:0}.article-progress-bar{height:4px;align-self:flex-start;background:linear-gradient(45deg,#04bde4,#0253b9)}.article-blog-nav{flex:1 1;display:flex;justify-content:space-between;align-items:center;width:720px}.article-blog-nav .navbar-cta{margin-top:0;margin-bottom:0}.article-blog-nav .cta-button{padding:8px 14px;margin-right:12px}.article-blog-nav-left{display:flex;align-items:center}.article-small-logo{height:50px;margin-bottom:-6px}@media (max-width:720px){.article-small-logo{display:none}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:0;opacity:0;transition:opacity .4s ease-in-out;visibility:hidden}.backdrop--visible{opacity:1;z-index:1000000;visibility:visible}.modal{position:relative;width:540px;padding:36px;background-color:#000;color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000001;text-align:center;transform:translateY(70%);opacity:0;transition:transform .4s ease-out,opacity .4s ease-out}.modal--visible{transform:translateY(0);opacity:1;pointer-events:auto}.modal--hidden{pointer-events:none;visibility:hidden}.modal--hidden button{opacity:0;pointer-events:none}.modal-image{width:400px;border-radius:6px;margin-top:24px}.modal-list{margin:24px auto;width:300px}.modal-list li{margin-bottom:8px;font-size:16px}.modal .convo-button{background:linear-gradient(90deg,#fc5c7d,#6a82fb);color:#fff}.modal .profile-button{background:linear-gradient(45deg,#ff4087,#ffc056);color:#fff}.modal .chat-button{background:linear-gradient(90deg,#04bde4,#0253b9);color:#fff}.close-button{position:absolute;top:10px;right:10px;background:none;font-size:32px;padding:0 10px}.close-button,.signup-button{border:none;cursor:pointer;color:#fff}.signup-button{padding:10px 20px;background-color:#007bff;border-radius:4px;margin-top:20px}.signup-button:hover{background-color:#0056b3}@media (max-width:720px){.modal{width:90%}.article-blog-nav,.modal-image{width:100%}.article-blog-nav img{margin-left:12px}}