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