@import"https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";:root{--primary-color: #bcb8b1;--secondary-color: #8a817c;--accent-color: #463f3a;--neutral-color-light: #fafafa;--neutral-color-medium: #f1f1f1;--neutral-color-heavy: #aaaaaa;--neutral-color-dark: #181818;--success-color: #3a5a40;--success-color-light: #d9e0d3;--error-color: #9e2a2b;--error-color-light: #f0e0e0;--link-text-color: #543A14;--body: "Host Grotesk", sans-serif;--max-screen-width: 1512px;--max-screen-height: 900px;--navbar-height: 80px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--body)}body{padding-top:var(--navbar-height);background-color:var(--neutral-color-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){body{padding-top:0}}.alert{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:1005}.alert .message{padding:.7rem 2rem;display:flex;align-items:center;white-space:nowrap;border-radius:.25rem;box-shadow:2px 2px 4px #0003}.alert .message span{font-size:17px;color:var(--neutral-color-dark)}.alert .message.success{background-color:var(--success-color-light)}.alert .message.success svg{color:var(--success-color)}.alert .message.error{background-color:var(--error-color-light)}.alert .message.error svg{color:var(--error-color);transform:scale(1.15)}.alert .message svg{align-self:center;margin-left:.3rem}@media (max-width: 340px){.alert .message{font-size:.9rem}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background:#f4f3ee66;display:flex;justify-content:center;align-items:center;z-index:1003;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-spinner{width:3rem;height:3rem;border:.4rem solid var(--accent-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;width:100%}.loading-headline{font-size:1.25rem;color:var(--accent-color)}.loading-message{font-size:1rem;color:var(--neutral-color-dark);text-align:center;align-self:center;position:absolute;top:calc(100% + 1.25rem);opacity:0;transform:translateY(5px)}.loading-message.first{max-width:290px}.loading-message.third{max-width:235px}.loading-message.active{transform:translateY(0);opacity:.7;transition:opacity .2s ease-out,transform .3s ease-out}.loading-message.hidden{transform:translateY(-5px);transition:opacity .2s ease-out,transform .3s ease-out}.loading-bar{position:relative;width:180px;height:6px;border-radius:9999px;background:#bcb8b166;overflow:hidden}.loading-bar:before{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;border-radius:100%;background:linear-gradient(to right,transparent,var(--primary-color),transparent);animation:slow-shimmer 2.5s .3s linear infinite}@keyframes slow-shimmer{0%{left:-50%}60%,to{left:100%}}@media (min-width: 425px){.loading-message.first,.loading-message.third{max-width:none}}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);background:var(--primary-color);display:flex;padding:0 1rem;z-index:999;transition:opacity .3s ease,transform .5s ease}.navbar ul{list-style:none;display:flex;width:100%;justify-content:space-between}.navbar .menu-group{display:flex;align-items:flex-end}.navbar li{height:100%}.navbar .menu{margin:0 .5rem;padding:0 1.25rem;display:flex;align-items:flex-end;position:relative}.navbar .menu a,.navbar .menu button{text-decoration:none;font-size:1.25rem;font-weight:600;color:var(--accent-color);padding-bottom:22px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:4px solid transparent;height:100%;display:flex;align-items:flex-end}.navbar .menu button{border:none;border-bottom:4px solid transparent;background:transparent;cursor:pointer}.navbar .menu a:hover,.navbar .menu button:hover{font-weight:900}.navbar .menu.selected a{font-weight:900;border-bottom-color:var(--secondary-color)}.navbar .menu.disabled span{position:relative;display:flex}.navbar .menu.disabled label{color:var(--accent-color);opacity:.5;font-weight:600;font-size:1.25rem;padding-bottom:22px;border-bottom:4px solid transparent;pointer-events:auto;cursor:not-allowed;-webkit-user-select:none;user-select:none}.navbar .nav-logo{margin:0 .5rem;padding:0 1.25rem}.navbar .nav-logo a{height:100%;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:1px;font-size:1.4rem;color:var(--accent-color);position:relative;display:flex;align-items:center}.navbar .nav-logo a span{display:flex;align-items:center}.navbar .nav-logo .former:after{content:"BLOG";font-size:1.5rem;position:absolute;color:var(--secondary-color);z-index:-1;letter-spacing:normal}.navbar .nav-logo .latter{color:#69615c}.navbar .nav-logo .latter:after{content:"ORA";font-size:1.5rem;position:absolute;color:var(--secondary-color);z-index:-1;letter-spacing:normal}.navbar .tooltip:after{content:"";position:absolute;top:-8px;left:50%;transform:translateY(-50%);height:0;width:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid rgba(70,63,58,.77)}.navbar .tooltip.show:after{transform:translate(-50%) translateY(0)}.navbar.hide{opacity:0;transform:translateY(-100%);pointer-events:none}@media (max-width: 768px){.menu-icon-overlay{width:calc(1.7rem + 23px);height:calc(1.7rem + 23px);position:fixed;top:0;left:0;z-index:1000;background-color:#bcb8b1b3}.menu-icon-overlay.hidden{background-color:transparent;transition:background-color .2s ease-in-out}.menu-icon{display:flex;align-items:center;position:fixed;top:.85rem;left:.85rem;cursor:pointer;z-index:1000}.menu-icon svg{font-size:1.4rem;color:#282828}.navbar{left:-220px;width:220px;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);display:flex;align-items:flex-start;transition:left .2s ease-in-out}.navbar.show-sidebar{left:0}.sidebar-overlay{position:fixed;top:0;left:220px;width:calc(100vw - 220px);height:100vh;z-index:998}.navbar ul{display:flex;flex-direction:column;height:100%}.navbar .menu-group{display:flex;flex-direction:column;align-items:flex-start!important;padding:0!important}.navbar .menu-group:first-of-type{margin-top:50px}.navbar .menu-group:last-of-type{margin-bottom:.5rem}.navbar li{margin:0 0 .75rem!important;padding:0!important}.navbar .menu{border-radius:.25rem;width:100%}.navbar .nav-logo{width:100%}.navbar .nav-logo a,.navbar .menu a,.navbar .menu button,.navbar .menu.disabled label{width:100%;padding:1rem 2.25rem;border:none}.navbar .menu.selected{background:#ada9a3}.navbar .tooltip{display:none}}.tooltip{position:absolute;white-space:nowrap;top:50%;left:110%;background:#463f3ac4;color:var(--neutral-color-light);font-weight:500;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;opacity:0;visibility:hidden;pointer-events:none}.tooltip.show{opacity:1;visibility:visible}.session-expiration .modal-overlay{background:#000000bf;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1004;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility 0s linear .15s}.session-expiration .modal-overlay.show{opacity:1;visibility:visible;transition:opacity .15s ease-in-out}.session-expiration .modal-container{background:var(--neutral-color-medium);width:75vw;max-width:500px;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%,-60%);padding:1rem}.session-expiration .icon-bg{background:#fff;border-radius:100%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.session-expiration .icon-bg svg{color:var(--accent-color);transform:scale(.95);font-size:1.5rem;opacity:.8}.session-expiration .modal-title{font-size:1.5rem;color:var(--accent-color)}.session-expiration .modal-content{margin:.5rem 0 1.5rem;text-align:center;color:var(--neutral-color-dark)}.session-expiration .modal-content p{display:inline-block}.session-expiration .btn-container{display:flex;gap:.75rem;padding-right:11px}.session-expiration .btn-container button{font-size:1rem;padding:5px 10px;border-radius:4px;cursor:pointer;border:1px solid var(--accent-color)}.session-expiration .btn-container .cancel-btn{background:var(--neutral-color-light);color:var(--accent-color);opacity:.8}.session-expiration .btn-container .confirm-btn{background:var(--accent-color);color:var(--neutral-color-light);opacity:.9}.session-expiration .btn-container button:hover{font-weight:500;opacity:1}@media (max-width: 485px){.session-expiration .modal-container{width:85vw}}@media (max-width: 430px){.session-expiration .modal-content p{display:block}.session-expiration .modal-content p:first-of-type{margin-bottom:.1rem}}.server-error{position:absolute;top:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.server-error h2{color:var(--accent-color);font-weight:700}.server-error p{text-align:center;font-size:1rem;color:var(--neutral-color-dark);margin:0 1rem .25rem;max-width:340px}.server-error .retry-btn{width:102px;padding:.5rem;font-size:1rem;cursor:pointer;outline:none;border-radius:.25rem;border:1px solid var(--accent-color);-webkit-user-select:none;user-select:none;background-color:var(--neutral-color-light);color:var(--accent-color);opacity:.8}.server-error .retry-btn:hover{font-weight:500;opacity:1}@media (min-width: 551px){.server-error p{max-width:none}}.landing-page{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:24px}.landing-page section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-section{height:calc(100vh - var(--navbar-height));max-width:var(--max-screen-width);max-height:calc(var(--max-screen-height) - var(--navbar-height))}.hero-section .container{height:100%;width:100%;padding-inline:3rem;padding-top:2rem;padding-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative}.hero-section .hero-content{flex:1 0 50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;position:relative}.hero-section .hero-headline{font-size:2.8rem;font-weight:900;letter-spacing:.25px;color:var(--accent-color);text-align:center;margin-bottom:1rem}.hero-section .headline-lg-split,.hero-section .headline-md-split,.hero-section .headline-sm{display:none}.hero-section .hero-subtitle{font-size:1rem;color:var(--neutral-color-dark);text-align:center;margin:0 auto;margin-bottom:1.5rem}.hero-section .hero-cta{width:100%}.hero-section .hero-cta button{display:block;width:130px;margin:0 auto;padding:.5rem;font-size:1rem;cursor:pointer;outline:none;border-radius:.25rem;border:1px solid var(--accent-color);background-color:var(--accent-color);color:var(--neutral-color-light);-webkit-user-select:none;user-select:none;opacity:.9}.hero-section .hero-cta button:hover{font-weight:500;opacity:1}.hero-section .hero-visual{flex:1 2 50%;height:100%;z-index:1;position:relative;overflow:visible}.hero-section .hero-visual:before{content:"";z-index:-1;position:absolute;top:0;left:0;transform:translate(-1.5rem);width:calc(100% + 3rem);max-width:calc(var(--max-screen-width) / 2);height:100%;background:radial-gradient(circle,var(--primary-color),var(--primary-color),rgba(188,184,177,.5),rgba(188,184,177,.3),rgba(188,184,177,.1),var(--neutral-color-light),var(--neutral-color-light),rgba(250,250,250,0),rgba(250,250,250,0));pointer-events:none}.hero-section .globe-container{height:100%;display:flex;justify-content:center;align-items:center;position:relative}.hero-section .blogora-globe{object-fit:contain;display:block;width:375px;transform-origin:center}.hero-section .orbit{z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;aspect-ratio:1 / 1;border:1px solid rgba(101,92,85,.1);border-radius:100%}.hero-section .bubble-chat{z-index:2;position:absolute;font-size:1.1rem;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;background:#fafafad9;color:var(--accent-color);border-radius:.5rem;padding:.75rem 1.5rem;border:1px solid rgba(101,92,85,.15);transform-origin:center}.hero-section .bubble-chat.link{padding:0}.hero-section .bubble-chat:hover{box-shadow:0 0 8px 2px #bcb8b166;transition:box-shadow .3s ease}.hero-section .bubble-chat.first{top:5%;left:-8%}.hero-section .bubble-chat.second{top:5%;right:-8%}.hero-section .bubble-chat.third{bottom:5%;left:-9%}.hero-section .bubble-chat.fourth{bottom:5%;right:-5%}.hero-section .bubble-chat a{text-decoration:none;color:var(--accent-color);display:block;padding:.75rem 1.5rem;width:100%;height:100%}.hero-section .bubble-chat .new-tab-icon{color:var(--accent-color);opacity:.5;position:absolute;top:0;right:0}.hero-section .scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;opacity:.25}.hero-section .scroll-hint.hide{opacity:0!important;transition:opacity .2s ease-out}.hero-section .scroll-hint-icon{display:flex;justify-content:center;align-items:center;color:var(--accent-color);font-size:1.4rem;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width: 1426px){.hero-section .hero-headline{font-size:2.5rem}.hero-section .hero-subtitle{max-width:380px}.hero-section .hero-cta button{width:120px}.hero-section .blogora-globe{width:334px}}@media (max-width: 1285px){.hero-section .hero-headline{font-size:2.2rem}.hero-section .blogora-globe{width:309px}.hero-section .bubble-chat{font-size:1rem}.hero-section .bubble-chat.first{left:-12%}.hero-section .bubble-chat.second{right:-13%}.hero-section .bubble-chat.third{left:-13%}.hero-section .bubble-chat.fourth{right:-8%}}@media (max-width: 1180px){.hero-section .hero-headline{font-size:2.1rem;letter-spacing:normal}.hero-section .blogora-globe{width:281px}.hero-section .bubble-chat.first,.hero-section .bubble-chat.second{top:0}.hero-section .bubble-chat.third,.hero-section .bubble-chat.fourth{bottom:0}}@media (max-width: 1081px){.hero-section{height:auto;max-height:none}.hero-section .container{flex-direction:column;justify-content:flex-start;padding-top:5rem}.hero-section .hero-content{flex:none}.hero-section .hero-headline{font-size:2.5rem;letter-spacing:.25px;max-width:670px}.hero-section .hero-visual{flex:none;height:auto;width:660px;aspect-ratio:1 / 1}.hero-section .blogora-globe{width:375px}.hero-section .bubble-chat{font-size:1.1rem}.hero-section .bubble-chat.first{top:10%;left:-15%}.hero-section .bubble-chat.second{top:10%;right:-15%}.hero-section .bubble-chat.third{bottom:10%;left:-16%}.hero-section .bubble-chat.fourth{bottom:10%;right:-12%}.hero-section .scroll-hint{bottom:.5rem}}@media (max-width: 860px){.hero-section .hero-headline{font-size:2.2rem;max-width:590px}.hero-section .hero-visual{width:528px}.hero-section .blogora-globe{width:300px}.hero-section .bubble-chat.first{top:5%;left:-14%}.hero-section .bubble-chat.second{top:5%;right:-14%}.hero-section .bubble-chat.third{bottom:5%;left:-15%}.hero-section .bubble-chat.fourth{bottom:5%;right:-10%}}@media (max-width: 768px){.hero-section .container{padding-inline:0;overflow:hidden}.hero-section .bubble-chat{font-size:1rem}}@media (max-width: 684px){.hero-section .hero-visual{width:440px}.hero-section .blogora-globe{width:250px}.hero-section .bubble-chat.first{top:2%;left:-16%}.hero-section .bubble-chat.second{top:2%;right:-18%}.hero-section .bubble-chat.third{bottom:2%;left:-18%}.hero-section .bubble-chat.fourth{bottom:2%;right:-12%}}@media (max-width: 620px){.hero-section .headline-lg-split{display:inline}}@media (max-width: 550px){.hero-section .hero-content{width:100%;padding-left:4rem;align-items:flex-start}.hero-section .hero-headline{text-align:start;width:100%}.hero-section .headline-md-split{display:inline}.hero-section .hero-subtitle{text-align:start;margin-inline:0;max-width:330px}.hero-section .hero-subtitle.logged-in{max-width:270px}.hero-section .hero-cta button{margin:0}.hero-section .hero-cta .try-demo-btn{width:108px}.hero-section .hero-visual{width:484px}.hero-section .hero-visual:before,.hero-section .globe-container{transform:translate(160px)}.hero-section .blogora-globe{width:275px}.hero-section .bubble-chat.first{top:0;left:-5%}.hero-section .bubble-chat.second{top:31.4%;right:auto;left:-36%}.hero-section .bubble-chat.third{top:62.7%;bottom:auto;left:-35%}.hero-section .bubble-chat.fourth{bottom:0;right:auto;left:-11%}}@media (max-width: 440px){.hero-section .hero-visual:before,.hero-section .globe-container{transform:translate(200px)}.hero-section .bubble-chat.first{left:-15%}.hero-section .bubble-chat.second{left:-38%}.hero-section .bubble-chat.third{left:-34%}}@media (max-width: 414px){.hero-section .hero-content{padding-left:3rem}}@media (max-width: 385px){.hero-section .hero-content{padding-left:2.5rem}.hero-section .headline-lg{display:none}.hero-section .headline-sm{display:block}.hero-section .hero-subtitle{max-width:200px}.hero-section .subtitle-sm-hide{display:none}.hero-section .hero-cta .try-demo-btn{width:102px}}@media (max-width: 370px){.hero-section .hero-content{padding-left:3rem}.hero-section .hero-headline{max-width:250px}.hero-section .headline-sm-split{display:none}.hero-section .bubble-chat.second{left:-35%}}@media (max-width: 345px){.hero-section .bubble-chat.second,.hero-section .bubble-chat.third{left:-32%}}.try-demo-btn{width:102px;padding:.5rem;font-size:1rem;cursor:pointer;outline:none;border-radius:.25rem;border:1px solid var(--accent-color);-webkit-user-select:none;user-select:none;background-color:var(--accent-color);color:var(--neutral-color-light);opacity:.9}.try-demo-btn:hover{font-weight:500;opacity:1}@media (min-width: 386px){.try-demo-btn{width:108px}}@media (min-width: 551px){.try-demo-btn{width:120px}}@media (min-width: 1427px){.try-demo-btn{width:130px}}.features-section{height:auto;overflow:hidden;overflow-anchor:none}.features-section .container{width:100%;height:100%;padding-top:2rem;padding-bottom:2rem;display:flex;flex-direction:column;gap:3rem;overflow:hidden}.features-section .features-headline{font-size:1.8rem;font-weight:800;color:var(--accent-color);padding-left:3rem}.features-section .features-headline .brandname{background:linear-gradient(to right,var(--accent-color),var(--secondary-color),var(--primary-color));background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.features-section .features-wrapper{display:flex;gap:1.5rem;width:fit-content;height:480px}.features-section .feature-panel{min-width:100vw;height:100%;padding-block:2rem;border-radius:.75rem;border:1px solid rgba(101,92,85,.3);box-shadow:0 0 8px 2px #bcb8b14d;display:flex;flex-direction:column;gap:2rem;background-color:var(--neutral-color-light)}.features-section .feature-visual video{aspect-ratio:16 / 9;width:100%;display:block;object-fit:cover;pointer-events:none}.features-section .feature-content{padding-inline:3rem;display:flex;flex-direction:column;gap:.75rem}.features-section .feature-content .feature-subtitle{font-size:1.4rem;color:var(--accent-color)}.features-section .feature-content .feature-body{font-size:1rem;color:var(--neutral-color-dark)}.features-section .scroll-progress{align-self:center;display:flex;gap:8px;background-color:#655c551a;border:.5px solid rgba(101,92,85,.1);border-radius:20px;padding:12px 18px}.features-section .scroll-dot{width:8px;height:8px;background-color:#655c5580;border:.5px solid rgba(101,92,85,.5);border-radius:4px;transition:width .3s ease-out}.features-section .scroll-dot.active{width:28px}@media (max-width: 374px){.features-section .features-wrapper{height:485px}.features-section .feature-content{padding-inline:2.5rem}}@media (min-width: 396px){.features-section .features-wrapper{height:500px}}@media (min-width: 415px){.features-section .features-headline{padding-left:4rem}}@media (min-width: 468px){.features-section .features-wrapper{height:525px}}@media (min-width: 551px){.features-section .features-headline{text-align:center;padding-left:0}.features-section .headline-sm-split{display:none}.features-section .features-wrapper{padding-inline:2rem;gap:2rem}.features-section .feature-panel{min-width:90vw}}@media (min-width: 600px){.features-section .feature-visual{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.features-section .feature-visual:before{content:"";width:calc(100% - 4rem);height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.25rem;background-color:#655c550d;z-index:-1}.features-section .feature-visual video{width:538px;border:.5px solid rgba(101,92,85,.15)}}@media (min-width: 861px){.features-section .features-headline{font-size:2.1rem}.features-section .features-wrapper{padding-inline:3rem;gap:3rem;height:506px}}@media (min-width: 1082px){.features-section .features-wrapper{padding-inline:4rem;gap:4rem;height:416px}.features-section .feature-panel{padding-inline:3.5rem;padding-block:3.5rem;flex-direction:row;gap:3rem}.features-section .feature-visual:before{display:none}.features-section .feature-visual video{border-radius:.25rem;border-width:1px}.features-section .feature-content{padding-inline:0;gap:1rem;justify-content:center}.features-section .feature-content .feature-subtitle{font-size:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(101,92,85,.15)}.features-section .feature-content .feature-body{font-size:1.1rem}}@media (min-width: 1280px){.features-section .features-wrapper{padding-inline:8rem;gap:5rem;height:456px}.features-section .feature-panel{min-width:80vw}.features-section .feature-visual video{width:603px}}@media (min-width: 1440px){.features-section .features-wrapper{padding-inline:10rem;gap:6rem}.features-section .feature-panel{min-width:75vw}}@media (min-width: 1900px){.features-section .features-headline{font-size:2.4rem}.features-section .features-wrapper{padding-inline:14rem;gap:8rem;height:512px}.features-section .feature-panel{min-width:1400px}.features-section .feature-visual video{width:709px}.features-section .feature-content .feature-subtitle{font-size:1.8rem}.features-section .feature-content .feature-body{font-size:1.4rem}}.quicktips-section .container{width:100%;height:100%;padding-top:2rem;padding-bottom:2rem;display:flex;flex-direction:column;gap:3rem;position:relative;overflow:hidden;overflow-anchor:none}.quicktips-section .container:before,.quicktips-section .container:after{content:"";position:absolute;aspect-ratio:1 / 1;height:clamp(400px,105vw,550px);border-radius:100%;background:radial-gradient(circle,#8a817c33,#8a817c1a,#8a817c00);filter:blur(80px);z-index:-1}.quicktips-section .container:before{top:0%;left:100%;transform:translate(-42%,70%)}.quicktips-section .container:after{top:100%;right:100%;transform:translate(42%,-140%)}.quicktips-section .quicktips-headline{font-size:1.8rem;font-weight:800;color:var(--accent-color);padding-left:3rem}.quicktips-section .quicktips-cards{display:flex;flex-direction:column;align-items:center;gap:2rem;--card-width: clamp(280px, 73vw, 382px);--card-padding: 1.5rem}.quicktips-section .quicktip-card{width:var(--card-width);padding:var(--card-padding);display:flex;flex-direction:column;align-items:center;gap:var(--card-padding);box-shadow:0 0 8px 2px #bcb8b14d;border-radius:.75rem;--border-color: rgba(101, 92, 85, .3);--border-thickness: 1px;--cut-gap: var(--card-padding);background:linear-gradient(var(--border-color),var(--border-color)) left var(--cut-gap) top 0 / calc(100% - 2*var(--cut-gap)) var(--border-thickness) no-repeat,linear-gradient(var(--border-color),var(--border-color)) left var(--cut-gap) bottom 0 / calc(100% - 2*var(--cut-gap)) var(--border-thickness) no-repeat,linear-gradient(var(--border-color),var(--border-color)) left 0 top var(--cut-gap) / var(--border-thickness) calc(100% - 2*var(--cut-gap)) no-repeat,linear-gradient(var(--border-color),var(--border-color)) right 0 top var(--cut-gap) / var(--border-thickness) calc(100% - 2*var(--cut-gap)) no-repeat,var(--neutral-color-light);position:relative;opacity:.3;will-change:transform,opacity;transition:opacity .3s ease-out,transform .3s ease-out}.quicktips-section .quicktip-card:before{content:"";position:absolute;top:0;right:0;width:calc(var(--cut-gap) - var(--border-thickness));height:calc(var(--cut-gap) - var(--border-thickness));border-top-right-radius:.75rem;border:var(--border-thickness) solid var(--border-color);border-left:none;border-bottom:none;z-index:1}.quicktips-section .quicktip-card:after{content:"";position:absolute;bottom:0;left:0;width:calc(var(--cut-gap) - var(--border-thickness));height:calc(var(--cut-gap) - var(--border-thickness));border-bottom-left-radius:.75rem;border:var(--border-thickness) solid var(--border-color);border-top:none;border-right:none;z-index:1}.quicktips-section .card-visual{aspect-ratio:1 / 1;width:calc(var(--card-width) - 2 * var(--card-padding))}.quicktips-section .card-visual video{display:block;width:100%;height:100%;pointer-events:none;border:.5px solid rgba(101,92,85,.15)}.quicktips-section .card-content{font-size:1rem;color:var(--neutral-color-dark)}.quicktips-section .card-content span{font-weight:700}.quicktips-section .card-icon{display:flex;justify-content:center;align-items:center;color:var(--accent-color);opacity:.2;position:absolute;font-size:1.2rem}.quicktips-section .quicktip-card-wrapper:nth-child(1) .card-icon{top:-1.1%;left:-1.5%}.quicktips-section .quicktip-card-wrapper:nth-child(2) .card-icon{top:-1.6%;left:-1.7%;font-size:1.35rem}.quicktips-section .quicktip-card-wrapper:nth-child(3) .card-icon{top:-1.2%;left:-1.9%}.quicktips-section .quicktip-card.active{opacity:1;transform:scale(1.02);transition:opacity .3s ease-out,transform .3s ease-out}@media (min-width: 415px){.quicktips-section .container:before{transform:translate(-42%,59%)}.quicktips-section .container:after{transform:translate(42%,-131%)}.quicktips-section .quicktips-headline{padding-left:4rem}.quicktips-section .quicktips-cards{--card-padding: 2rem}.quicktips-section .card-icon{font-size:1.4rem}.quicktips-section .quicktip-card-wrapper:nth-child(2) .card-icon{font-size:1.55rem}}@media (min-width: 551px){.quicktips-section .container:before{transform:translate(-42%,43%)}.quicktips-section .container:after{transform:translate(42%,-123%)}.quicktips-section .quicktips-headline{text-align:center;padding-left:0}}@media (min-width: 861px){.quicktips-section .quicktips-headline{font-size:2.1rem}}@media (min-width: 1082px){.quicktips-section .container:before{transform:translate(-42%,45%)}.quicktips-section .container:after{transform:translate(42%,-125%)}.quicktips-section .card-content{font-size:1.1rem}}@media (min-width: 1200px){.quicktips-section .container{padding-bottom:3rem}.quicktips-section .container:before,.quicktips-section .container:after{height:300px;top:50%}.quicktips-section .container:before{transform:translate(-50%,-50%)}.quicktips-section .container:after{transform:translate(50%,-50%)}.quicktips-section .quicktips-cards{flex-direction:row;justify-content:center;--card-width: 325px;--card-padding: 1.75rem}.quicktips-section .quicktip-card{height:465px;opacity:1}.quicktips-section:has(.quicktip-card.active) .quicktip-card{opacity:.6}.quicktips-section .quicktip-card.active{--border-thickness: 1.5px;opacity:1!important}.quicktips-section .quicktip-card.active .card-content{max-width:269px}.quicktips-section .hover-hint{display:flex;justify-content:center;align-items:center;color:var(--accent-color);font-size:1.5rem;position:absolute;bottom:-2rem;right:-2rem}}@media (min-width: 1900px){.quicktips-section .quicktips-headline{font-size:2.4rem}}.reminder .container{width:100%;height:100%;padding-top:1rem;padding-bottom:5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow:hidden}.reminder .reminder-visual{position:relative;--img-height: clamp(200px, 50vw, 300px);--icon-height: 44px;--parallax-y: 24px}.reminder .reminder-visual img{object-fit:contain;display:block;aspect-ratio:1 / 1;height:var(--img-height)}.reminder .bubble-icon{position:absolute;color:var(--secondary-color);font-size:var(--icon-height);opacity:.5;display:flex;justify-content:center;align-items:center}.reminder .bubble-icon.left{top:calc(var(--img-height)/2 - var(--icon-height)/2 + var(--parallax-y));left:-18%}.reminder .bubble-icon.right{bottom:calc(var(--img-height)/2 - var(--icon-height)/2 + var(--parallax-y));right:-15%}.reminder .content-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.reminder .content-wrapper p{font-size:1rem;color:var(--neutral-color-dark);text-align:center}.reminder .explore-btn{width:102px;padding:.5rem;font-size:1rem;cursor:pointer;outline:none;border-radius:.25rem;border:1px solid var(--accent-color);-webkit-user-select:none;user-select:none;background-color:var(--accent-color);color:var(--neutral-color-light);opacity:.9}.reminder .explore-btn:hover{font-weight:500;opacity:1}@media (min-width: 551px){.reminder .container{gap:0rem}.reminder .reminder-visual{--icon-height: 55px}.reminder .content-sm-split{display:none}}@media (min-width: 768px){.reminder .reminder-visual{--icon-height: 60px}}@media (min-width: 1200px){.reminder .container{flex-direction:row;justify-content:center;gap:7rem;position:relative}.reminder .container:before{content:"";height:40%;width:100%;position:absolute;top:60%;background:linear-gradient(to bottom,var(--neutral-color-light),rgba(188,184,177,.8));z-index:-1}}.copyright{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0;left:0;width:100%;padding:3px 0;background-color:var(--accent-color)}.copyright-content{font-size:.85rem;color:var(--neutral-color-light);letter-spacing:.18px}.copyright-spacer{width:100%;height:min(env(safe-area-inset-bottom,0),14px)}.explore{padding:2rem 8rem 6rem;min-height:100dvh;position:relative}@media (max-width: 768px){.explore{padding:calc(1rem + 43px) 5rem 6rem}}@media (max-width: 560px){.explore{padding-inline:4rem}}@media (max-width: 490px){.explore{padding-inline:3rem}}@media (max-width: 389px){.explore{padding-inline:2rem}}.explore .skeleton{height:250px;width:100%;padding:1.5rem;border-bottom:1px solid var(--primary-color)}.explore .skeleton .title{height:24px;margin-block:4px;width:60%;background-color:#e0e0e0;border-radius:.25rem;position:relative;overflow:hidden}.explore .skeleton .title:after{content:"";position:absolute;top:0;left:-20%;height:100%;width:20%;background:linear-gradient(90deg,transparent,rgba(250,250,250,.8),transparent);animation:shimmer 1.4s infinite}.explore .skeleton .content-container{margin:.5rem 0 .75rem;height:132px;display:flex;flex-direction:column;justify-content:space-evenly}.explore .skeleton .content{height:1rem;width:100%;background-color:#e0e0e0;border-radius:.25rem;position:relative;overflow:hidden}.explore .skeleton .content:after{content:"";position:absolute;top:0;left:-20%;height:100%;width:20%;background:linear-gradient(90deg,transparent,rgba(250,250,250,.8),transparent);animation:shimmer 1.4s infinite;animation-delay:.15s}.explore .skeleton .footer{height:13px;margin-block:2px;width:20%;min-width:170px;background-color:#e0e0e0;border-radius:.25rem;position:relative;overflow:hidden}.explore .skeleton .footer:after{content:"";position:absolute;top:0;left:-20%;height:100%;width:20%;background:linear-gradient(90deg,transparent,rgba(250,250,250,.8),transparent);animation:shimmer 1.4s infinite;animation-delay:.3s}@keyframes shimmer{0%{left:-20%}50%,to{left:100%}}@media (max-width: 1024px){.explore .skeleton .title{width:70%}}@media (max-width: 768px){.explore .skeleton .title{width:80%}}@media (max-width: 580px){.explore .skeleton .title{width:100%}}.search-bar{display:flex;justify-content:center;align-items:center;padding:.5rem 0 2.5rem}.search-bar .container{position:relative;width:fit-content}.search-bar input{font-size:1.1rem;padding:.5rem 2.5rem .5rem 1.2rem;border:1px solid var(--neutral-color-heavy);border-radius:50px;outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light));width:40vw}.search-bar .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:default;color:var(--secondary-color);font-size:1.1rem;display:flex;align-items:center}@media (max-width: 768px){.search-bar{padding-top:0;padding-bottom:1.5rem}.search-bar input{width:65vw}}@media (min-width: 1280px){.search-bar input{width:30vw}}.welcome-tooltip{position:fixed;top:calc(var(--navbar-height) + .75rem);right:.75rem}.welcome-tooltip .container{position:relative;padding:.75rem 2rem .75rem 1rem;border-radius:.25rem;background:#463f3ac4}.welcome-tooltip .container:after{content:"";position:absolute;top:-10px;right:calc(2.25rem + 10px);height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid rgba(70,63,58,.77)}.welcome-tooltip p{font-size:.9rem;font-weight:500;color:var(--neutral-color-light)}.welcome-tooltip button{background:transparent;border:none;cursor:pointer;position:absolute;right:2px;top:2px;color:var(--neutral-color-light);font-size:24px;opacity:.7}.welcome-tooltip button:hover{opacity:1}@media (max-width: 1115px){.welcome-tooltip p span{display:block}}@media (max-width: 768px){.welcome-tooltip{top:.5rem;right:.5rem}.welcome-tooltip .container:after{display:none}.welcome-tooltip p span{display:inline}}@media (max-width: 389px){.welcome-tooltip{display:none}}.blog-snippet{padding:1.5rem;border-bottom:1px solid var(--primary-color);border-radius:.25rem .25rem 0 0}.blog-snippet .title h2{display:inline-block;font-weight:900;color:var(--accent-color);overflow-wrap:anywhere;word-break:break-word}.blog-snippet a{text-decoration:none;color:var(--accent-color);cursor:pointer;display:inline-block}.blog-snippet .content-container{margin:.5rem 0 .75rem;color:var(--neutral-color-dark);max-height:132px;position:relative;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.blog-snippet .content-container .section{margin-bottom:.25rem}.blog-snippet .content-container .section-subtitle{font-weight:500;opacity:.7;font-size:1.08rem;white-space:pre-line}.blog-snippet .content-container .section-content{opacity:.7;font-size:1rem;white-space:pre-line}.blog-snippet .content-container .fade-overlay{position:absolute;bottom:0;left:0;right:0;height:3rem;background:linear-gradient(to bottom,#fafafa00,#fafafa);pointer-events:none}.blog-snippet .footer{font-weight:400;display:flex;flex-wrap:wrap}.blog-snippet .footer .author{font-weight:800;text-decoration:none;cursor:pointer}.blog-snippet .footer .created-date{opacity:.7;color:var(--neutral-color-dark)}.blog-snippet .pin-icon{font-size:.8em;margin-right:.5rem}.back-to-top-btn{display:flex;justify-content:center;align-items:center;position:fixed;right:2rem;bottom:-2rem;font-size:1.4rem;padding:.75rem .25rem;background-color:var(--neutral-color-light);color:var(--accent-color);border:1px solid var(--neutral-color-heavy);border-radius:17px;box-shadow:1px 1px 2px #00000026;cursor:pointer;z-index:4;pointer-events:none;opacity:0}.back-to-top-btn.show{bottom:2.5rem;pointer-events:all;opacity:.75;transition:bottom .3s ease-out,opacity .5s ease-out}@media (max-width: 768px){.back-to-top-btn{padding-block:.9rem}}.blog-page{padding:3rem 8rem 6rem;min-height:calc(100dvh - var(--navbar-height) + 40px);position:relative}.blog-page .comments{padding:2rem 0 .5rem}.blog-page .comments.no-children{padding:1rem 0 .5rem}@media (max-width: 768px){.blog-page{padding:calc(3rem + 3px) 6rem 6rem;min-height:calc(100dvh + 40px)}}@media (max-width: 672px){.blog-page{padding-inline:5rem}}@media (max-width: 560px){.blog-page{padding-inline:4rem;padding-top:calc(3.5rem + 3px)}}@media (max-width: 480px){.blog-page{padding-inline:3.5rem}.blog-page .blog-content,.blog-page .add-comment{padding-inline:.5rem}}@media (max-width: 425px){.blog-page{padding-inline:3rem}}@media (max-width: 412px){.blog-page{padding-inline:2.5rem}.blog-page .blog-content,.blog-page .add-comment{padding-inline:1rem}}@media (max-width: 392px){.blog-page{padding-inline:2rem}.blog-page .blog-content,.blog-page .add-comment{padding-inline:1.5rem}}@media (max-width: 375px){.blog-page{padding-inline:1.5rem}}.not-found{text-align:center;padding:1.5rem 1.5rem 4rem}.not-found h2{margin:1rem 0;color:var(--accent-color);font-weight:700}.not-found p{padding:1.5rem;opacity:.7;font-size:1rem;color:var(--neutral-color-dark)}.not-found .return-btn{background-color:var(--neutral-color-medium);box-shadow:1px 1px 3px #00000026;border-radius:.25rem;width:200px;margin:0 auto}.not-found a{text-decoration:none;padding:1rem;display:inline-block;width:100%;height:100%;cursor:pointer;color:var(--accent-color);font-size:1.1rem}.blog-content header{padding-bottom:1rem;border-bottom:1px solid var(--neutral-color-heavy);margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;position:relative}.blog-content .title{font-size:1.8rem;font-weight:800;color:var(--accent-color);transition:opacity .14s ease-in-out;overflow-wrap:anywhere;word-break:break-word}.blog-content .title.fade{opacity:.14;transition:opacity .14s ease-in-out}.blog-content .goback-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;position:absolute;right:calc(100% + 2.5rem);font-size:1.4rem;cursor:pointer}.blog-content .goback-icon svg{color:var(--accent-color);opacity:.7}.blog-content .goback-icon:hover svg{opacity:1}.blog-content .blog-setting{position:absolute;left:calc(100% + 2.5rem);height:48px;width:48px}.blog-content .blog-setting .setting-icon{cursor:pointer;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.blog-content .blog-setting .setting-icon svg{font-size:1.5rem;color:var(--accent-color);opacity:.7}.blog-content .blog-setting .setting-icon:hover svg{opacity:1}.blog-content .blog-setting .options{list-style:none;z-index:5;position:absolute;top:50%;transform:translateY(-50%);right:calc(100% + 2.5rem);display:flex;gap:.75rem}.blog-content .blog-setting .options>*{padding:.25rem 1rem;border-radius:.25rem;cursor:pointer;font-size:1rem;color:var(--accent-color);background-color:var(--neutral-color-light);border:1px solid var(--accent-color);opacity:.8}.blog-content .blog-setting .delete-option:hover{font-weight:500;opacity:1}.blog-content .blog-setting .edit-option{text-decoration:none;color:var(--accent-color);border:1px solid var(--accent-color)}.blog-content .blog-setting .edit-option:hover{font-weight:500;opacity:1}.blog-content .modal .modal-content span{font-weight:700;overflow-wrap:anywhere;word-break:break-word}.blog-content main{font-size:1.1rem;line-height:2rem;color:var(--neutral-color-dark);overflow-wrap:anywhere;word-break:break-word}.tiptap-result :first-child{margin-top:0}.tiptap-result h1{font-size:1.5rem;font-weight:700;margin:1rem 0;color:var(--accent-color)}.tiptap-result a{text-decoration:underline;text-decoration-color:#543a1499;text-underline-offset:2px;color:var(--link-text-color);cursor:pointer}.tiptap-result a:hover{text-decoration-color:#543a14}.tiptap-result ol,.tiptap-result ul{padding-left:2rem;margin:.5rem 0}.tiptap-result ul ul,.tiptap-result ol ul{list-style-type:disc}.tiptap-result ul ul li::marker,.tiptap-result ol ul li::marker{color:#888}.tiptap-result ul ol,.tiptap-result ol ol{list-style-type:decimal}.tiptap-result ul ol li::marker,.tiptap-result ol ol li::marker{color:#555}.tiptap-result span.fake-br{display:block;width:100%;height:1em}.blog-content footer{margin:2rem 0 1rem;padding-bottom:2rem}.blog-content .author{text-decoration:none;cursor:pointer;font-weight:900;color:var(--accent-color);display:inline-block}.blog-content .timestamp{margin-top:.2rem;display:block;width:fit-content}@media (max-width: 768px){.blog-content header{position:static}.blog-content .goback-icon{top:0;left:51px}.blog-content .blog-setting{top:0;left:100%;transform:translate(calc(-100% - 26px))}.blog-content .blog-setting .options{right:calc(100% + 26px)}}@media (max-width: 672px){.blog-content .blog-setting .options{right:100%}}@media (max-width: 560px){.blog-content .blog-setting{transform:translate(calc(-100% - 12px))}}@media (max-width: 480px){.blog-content .title{font-size:1.7rem}.tiptap-result h1{font-size:1.4rem}.tiptap-result ol,.tiptap-result ul{padding-left:1.5rem}}.modal .modal-overlay{background:#000000bf;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1002;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility 0s linear .15s}.modal .modal-overlay.show{opacity:1;visibility:visible;transition:opacity .15s ease-in-out}.modal .modal-container{background:var(--neutral-color-medium);width:75vw;max-width:500px;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%,-60%);padding:1rem}.modal .icon-bg{background:#fff;border-radius:100%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.modal .icon-bg svg{color:var(--accent-color);transform:scale(.95);font-size:1.5rem;opacity:.8}.modal .icon-bg .warning-icon{transform:scale(1)}.modal .modal-title{font-size:1.5rem;color:var(--accent-color)}.modal .modal-content{margin:.5rem 0 1.5rem;text-align:center;color:var(--neutral-color-dark)}.modal .btn-container{display:flex;justify-content:space-between;gap:.75rem}.modal .btn-container button{font-size:1rem;padding:5px 10px;border-radius:4px;cursor:pointer;border:1px solid var(--accent-color)}.modal .btn-container .cancel-btn{background:var(--neutral-color-light);color:var(--accent-color);opacity:.8}.modal .btn-container .confirm-btn{background:var(--accent-color);color:var(--neutral-color-light);opacity:.9}.modal .btn-container button:hover{font-weight:500;opacity:1}@media (max-width: 480px){.modal .modal-container{width:80vw}}@media (max-width: 390px){.modal .modal-container{width:85vw}}.timestamp{cursor:default;position:relative}.timestamp label{opacity:.7;color:var(--neutral-color-dark);font-size:.8rem}.add-comment .add-comment-btn{padding:.35rem .7rem;cursor:pointer;font-size:1rem;color:var(--accent-color);border:1px solid var(--neutral-color-heavy);border-radius:17px;background-color:var(--neutral-color-light);display:flex;align-items:center;position:relative}.add-comment .add-comment-btn:hover{box-shadow:1px 1px 8px #aaa3}.add-comment .add-comment-btn.active{border-radius:17px 17px 0 0;border-bottom:none}.add-comment .add-comment-icon{display:flex;align-items:center;margin-right:.25rem}.add-comment .add-comment-btn.disabled{cursor:not-allowed}.add-comment .add-comment-btn.disabled:hover{box-shadow:none}.add-comment .add-comment-btn.disabled.no-hover{opacity:.5}@media (max-width: 768px){.add-comment .tooltip{display:none}}.comment-input{display:flex;align-items:center;border:1px solid var(--neutral-color-heavy);background:linear-gradient(to bottom,#fff,var(--neutral-color-light));padding:.5rem 2rem .5rem 1rem;position:relative}.comment-input.comment-textarea{border-radius:0 .25rem .25rem;box-shadow:2px 2px 6px #0003}.comment-input.reply-textarea{border-radius:19px;box-shadow:2px 2px 4px #0003;margin:.5rem 0 .25rem 1rem}.comment-input textarea{flex:1;font-size:1rem;outline:none;resize:none;border:none;overflow-y:auto}.comment-input.comment-textarea textarea{max-height:150px}.comment-input.reply-textarea textarea{max-height:80px;padding-right:.75rem}.comment-input .send-button{color:var(--accent-color);display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;opacity:.75;font-size:1rem;position:absolute;right:.5rem;bottom:.6rem}.comment-input .send-button:hover{opacity:1}.comment{padding:1rem 1.75rem 1rem 1rem;border-radius:.25rem;background-color:var(--neutral-color-medium);box-shadow:1px 1px 3px #00000026;border:1px solid #dddddd;position:relative}.comment.level-2{border-left:4px solid #cbc5c0}.comment.level-3{border-left:4px solid #a9a29c;margin-bottom:1.5rem}.comment.fade .comment-content,.comment.fade .comment-footer,.comment.fade .expand-toggle{opacity:.25!important}.comment-content{opacity:.9;font-size:1rem;color:var(--neutral-color-dark);margin:.25rem 0 .75rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.313;overflow:hidden;transition:max-height .2s ease-in-out}.comment-content.is-deleted{font-style:italic;opacity:.5;-webkit-user-select:none;user-select:none;margin-bottom:.25rem;padding:.35rem 0}.comment-content .reference-author{color:#463f3ad9;font-size:.95rem;font-weight:900}.comment-setting{position:absolute;right:0;top:0;height:32px;width:32px;cursor:pointer;color:var(--accent-color)}.comment-setting .setting-icon{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.comment-setting .setting-icon svg{font-size:1.1rem;opacity:.7}.comment-setting .setting-icon:hover svg{opacity:1}.comment-setting .options{list-style:none;z-index:3;position:absolute;top:50%;transform:translateY(-50%);right:calc(100% + .25rem)}.comment-setting .delete-option{padding:.2rem .6rem;border-radius:.25rem;cursor:pointer;font-size:.85rem;background-color:var(--neutral-color-light);border:1px solid var(--accent-color);opacity:.8}.comment-setting .delete-option:hover{font-weight:500;opacity:1}.expand-toggle{color:var(--accent-color);opacity:.5;position:absolute;right:1.75rem;bottom:.9rem;cursor:pointer}.expand-toggle:hover{opacity:.7}.expand-toggle span{display:flex;align-items:center;gap:.3rem}.comment-footer{display:flex;align-items:center;font-size:.85rem}.comment-footer .author{font-weight:800;text-decoration:none;cursor:pointer;color:var(--accent-color);display:flex;align-items:center}.comment-footer .blog-author-icon{display:flex;align-items:center;justify-content:center;margin-left:4px}.comment-actions{display:flex;padding:.5rem 1rem 1rem 2rem;flex-direction:column;position:relative}.comment-actions .action-btns{display:flex;align-items:center;gap:.8rem}.comment-actions .reply-btn,.comment-actions .view-reply-btn{display:flex;align-items:center;gap:.15rem;cursor:pointer;color:var(--accent-color)}.comment-actions .reply-btn .reply-icon,.comment-actions .view-reply-btn .view-reply-icon{display:flex;justify-content:center;align-items:center;opacity:.5}.comment-actions .reply-btn .reply-icon{align-self:start}.comment-actions .reply-btn:hover .reply-icon,.comment-actions .view-reply-btn:hover .view-reply-icon{opacity:.7}.comment-actions .reply-btn .reply-label,.comment-actions .view-reply-btn .view-reply-label{font-size:.85rem;opacity:.8}.comment-actions .reply-btn:hover .reply-label,.comment-actions .view-reply-btn:hover .view-reply-label{opacity:1}.comment-actions .reply-btn.disabled{cursor:not-allowed}.comment-actions .reply-btn.disabled .reply-label{opacity:.5}.comment-actions .reply-btn.disabled .reply-icon{opacity:.35}.connector--vertical{position:absolute;top:0;left:1rem;border-left:1px solid var(--neutral-color-heavy);height:100%}.connector:before{content:"";position:absolute;top:0;left:-1rem;height:100%;border-left:1px solid var(--neutral-color-heavy);z-index:-1}.connector:after{content:"";position:absolute;top:1.5rem;left:-1rem;height:1rem;width:.95rem;border-bottom:1px solid var(--neutral-color-heavy);border-left:1px solid var(--neutral-color-heavy);border-bottom-left-radius:.25rem;z-index:2}.replies{margin-left:2rem}.reply-wrapper{display:flex;align-items:flex-start;position:relative}.reply-wrapper .thread-container{flex:1}.reply-wrapper.last-reply:before{content:"";position:absolute;top:2rem;left:-1rem;width:1px;height:calc(100% - 2rem);z-index:1;border-left:3px solid var(--neutral-color-light);transform:translate(-20%)}@media (max-width: 768px){.comment-footer .timestamp .tooltip{display:none}}@media (max-width: 712px){.expand-toggle{bottom:calc(1.65rem + 18.5px);left:1rem;width:fit-content;font-weight:600}.comment-footer.sm-overflowing{margin-top:calc(21px + 1rem)}}@media (max-width: 575px){.expand-toggle{bottom:calc(1.65rem + 36px)}.comment-footer{flex-direction:column;align-items:flex-start}}@media (max-width: 456px){.comment-actions{padding-right:0}.comment-actions .comment-input.reply-textarea{margin-left:0}}@media (max-width: 355px){.comment-actions{padding-left:1.5rem}.comment-actions .action-btns{padding-left:.5rem}}.create-blog{display:flex;flex-direction:column;align-items:center;padding:2.5rem 8rem 4rem}.create-blog .headline{font-weight:700;color:var(--accent-color)}.create-blog form{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-block:1rem .5rem}.create-blog form>*{width:100%}.create-blog .title-editor{display:flex;flex-direction:column;gap:.5rem}.create-blog .title-editor input{font-size:1.1rem;padding:.5rem .75rem;border:1px solid var(--neutral-color-heavy);border-radius:.25rem;outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light))}.create-blog .form-label{color:#463f3ad9;font-weight:400;display:flex;gap:.2rem}.create-blog .form-label.active{font-weight:500}.create-blog .pen-icon{transform:scale(.6);display:flex;align-items:center}.create-blog .modal .modal-container{max-width:525px}.create-blog .modal .btn-container .confirm-btn{padding:5px 14px}.create-blog .modal .btn-container .cancel-btn{padding:5px 18px}.create-blog .popup-alert .container{max-width:400px}@media (min-width: 1100px){.create-blog{padding-inline:9rem}}@media (min-width: 1200px){.create-blog{padding-inline:10rem}}@media (min-width: 1300px){.create-blog{padding-inline:11rem}}@media (min-width: 1360px){.create-blog form{max-width:1000px}}@media (max-width: 972px){.create-blog{padding-inline:7rem}}@media (max-width: 860px){.create-blog{padding-inline:6rem}}@media (max-width: 768px){.create-blog{padding-inline:5rem}}@media (max-width: 694px){.create-blog .modal .modal-container{width:400px}.create-blog .modal .modal-content{max-width:340px}}@media (max-width: 602px){.create-blog{padding-inline:4rem}}@media (max-width: 480px){.create-blog{padding-inline:3.5rem}.create-blog .modal .modal-container{width:300px}.create-blog .modal .modal-content{max-width:280px}.create-blog .popup-alert .container{max-width:285px}}@media (max-width: 440px){.create-blog{padding-inline:3rem}}@media (max-width: 360px){.create-blog{padding-inline:2.5rem}}.text-editor{display:flex;flex-direction:column;gap:.5rem}.text-editor .textarea-container{position:relative}.text-editor .extend-toggle{position:absolute;bottom:.2rem;right:.2rem;z-index:1;cursor:pointer;display:flex;justify-content:center;align-items:center;width:32px;height:32px;color:var(--accent-color);opacity:.8}.text-editor .extend-toggle:hover{opacity:1}.text-editor .textarea-container.extended .tiptap{height:calc(100dvh - 200px);transition:height .15s ease-out}@media (max-width: 768px){.text-editor .extend-toggle{width:44px;height:44px;bottom:0;right:0}}.tiptap :first-child{margin-top:0}.tiptap p{font-size:1.1rem}.tiptap ul,.tiptap ol{padding:0 1rem;margin:.75rem .4rem}:is(.tiptap ul,.tiptap ol) li p{margin-top:.25em;margin-bottom:.25em}:is(.tiptap ul,.tiptap ol) ul{list-style-type:disc}:is(.tiptap ul,.tiptap ol) ul li::marker{color:#888}:is(.tiptap ul,.tiptap ol) ol{list-style-type:decimal}:is(.tiptap ul,.tiptap ol) ol li::marker{color:#555}.tiptap h1{margin-top:1rem;margin-bottom:.75rem;font-size:1.5rem}.tiptap a{text-decoration:underline;text-decoration-color:#543a1499;text-underline-offset:2px;color:var(--link-text-color)}.tiptap-wrapper{border:1px solid var(--neutral-color-heavy);border-radius:.25rem;overflow:hidden;position:relative;--tiptap-height: 40dvh;--menu-btn-size: 32px;--menu-pd-block: .3rem;min-height:calc(2 * var(--menu-pd-block) + var(--menu-btn-size) + var(--tiptap-height))}.menu-bar-skeleton{height:calc(2 * var(--menu-pd-block) + var(--menu-btn-size));width:100%}.tiptap-skeleton-overlay{position:absolute;top:calc(2 * var(--menu-pd-block) + var(--menu-btn-size));left:0;width:100%;height:var(--tiptap-height);z-index:4;pointer-events:all}.tiptap,.tiptap-skeleton{font-size:1.1rem;padding:1rem;border-top:1px solid var(--neutral-color-heavy);outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light));width:100%;height:var(--tiptap-height);transition:height .15s ease-out;overflow-y:auto;position:relative}.tiptap.disabled>*{opacity:.5;transition:opacity .1s ease-out}.link-input-overlay{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2}.menu-bar{display:flex;justify-content:space-between;align-items:center;padding-block:var(--menu-pd-block);padding-inline:.4rem}.menu-bar .button-group{display:flex;gap:.75rem}.menu-bar button{font-size:1rem;outline:none;border:none;background:transparent;cursor:pointer;width:var(--menu-btn-size);height:var(--menu-btn-size);display:flex;justify-content:center;align-items:center;color:var(--accent-color);opacity:.8;position:relative}.menu-bar button:hover{opacity:.9}.menu-bar button:hover:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;background-color:#8a817c1a;border-radius:.25rem}.menu-bar button.active{opacity:.9}.menu-bar button.active:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;background-color:#8a817c40;border-radius:.25rem}.link-container{position:relative;z-index:3}.link-input-panel{position:absolute;top:calc(100% + 1rem);left:0;display:flex;flex-direction:column;gap:.5rem;padding:.75rem .75rem .5rem;width:fit-content;border:1px solid var(--neutral-color-heavy);border-radius:.25rem;color:var(--accent-color);font-size:1rem;background:#fafafad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;transition:opacity .1s ease-out}.link-input-panel.show{pointer-events:all;opacity:1}.link-input-field{display:flex;flex-direction:column;gap:.3rem}.link-input-field label{color:#463f3ad9;font-weight:500}.link-input-field label span{opacity:.75;font-weight:400}.link-input-field input{font-size:1rem;padding:.4rem .6rem;border:1px solid var(--neutral-color-heavy);border-radius:.25rem;outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light));width:300px}.link-url-field{text-decoration:underline;text-decoration-color:#543a1499;text-underline-offset:2px;color:var(--link-text-color)}.link-input-actions{display:flex;justify-content:flex-end;gap:.25rem}.link-input-actions span{width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.75}.link-input-actions span:hover{opacity:1}@media (max-width: 768px){.tiptap-wrapper{--menu-btn-size: 44px;--menu-pd-block: 0rem}.menu-bar{padding-inline:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--menu-btn-size),1fr));grid-template-rows:auto;place-items:center;position:relative}.menu-bar .button-group{gap:0}.menu-bar .button-group:first-child{display:contents}.menu-bar .button-group:last-child{display:contents}.menu-bar button:hover:before,.menu-bar button.active:before{width:90%;height:80%}.link-container{position:static}.link-input-panel{top:calc(var(--menu-btn-size) + .75rem);left:50%;transform:translate(-50%)}}@media (max-width: 570px){.tiptap-wrapper{min-height:calc(2 * var(--menu-btn-size) + var(--tiptap-height))}.menu-bar-skeleton{height:calc(2 * var(--menu-btn-size));position:relative}.tiptap-skeleton-overlay{top:calc(2 * var(--menu-btn-size))}.menu-bar{grid-template-columns:repeat(5,minmax(var(--menu-btn-size),1fr))}.menu-bar:before,.menu-bar-skeleton:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:1px;background-color:#aaaaaa80}.link-input-panel{top:calc(2 * var(--menu-btn-size) + .75rem)}.link-input-field input{width:clamp(208px,60vw,280px)}}@media (max-width: 340px){.menu-bar{grid-template-columns:repeat(auto-fit,minmax(var(--menu-btn-size),1fr))}}.blog-form-btns{display:flex;gap:1.25rem;padding-top:.75rem;justify-content:center}.blog-form-btns button{font-size:1rem;width:120px;padding:.5rem .75rem;cursor:pointer;border:1px solid var(--accent-color);border-radius:.25rem;outline:none;color:var(--accent-color);background:var(--neutral-color-light);opacity:.8;display:flex;align-items:center;justify-content:center;gap:.5rem}.blog-form-btns span{display:flex;justify-content:center;align-items:center}.blog-form-btns label{font-weight:400;color:var(--accent-color);cursor:pointer}.blog-form-btns .savedraft-btn{gap:.4rem}.blog-form-btns .savedraft-btn label{white-space:nowrap}.blog-form-btns .savedraft-icon{transform:scale(1.08);margin-bottom:1px}.blog-form-btns .preview-btn{gap:.7rem}.blog-form-btns .preview-icon{position:relative;overflow:visible}.blog-form-btns .preview-icon:after{content:"";background:var(--neutral-color-light);position:absolute;top:0;left:50%;width:50%;height:50%;z-index:1}.blog-form-btns .preview-icon:before{content:"";background:var(--neutral-color-light);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;z-index:1}.blog-form-btns .eye-icon{position:absolute;font-size:.85rem;top:-25%;right:-40%;transform:translate(-5%,5%);z-index:2}.blog-form-btns .preview-btn.previewing{background:var(--accent-color);opacity:.9}.blog-form-btns .preview-btn.previewing label{color:var(--neutral-color-light)}.blog-form-btns .submit-btn{background:var(--accent-color);color:var(--neutral-color-light);opacity:.9}.blog-form-btns .submit-btn label{color:var(--neutral-color-light)}.blog-form-btns button:hover,.blog-form-btns .preview-btn.previewing:hover{opacity:1}.blog-form-btns button:hover label{font-weight:500}@media (max-width: 528px){.blog-form-btns{flex-wrap:wrap}.blog-form-btns .savedraft-btn,.blog-form-btns .discard-btn,.blog-form-btns .preview-btn{width:calc(50% - .625rem)}.blog-form-btns .submit-btn{width:100%}}@media (max-width: 348px){.blog-form-btns{flex-direction:column}.blog-form-btns button{width:100%!important}}.popup-alert .popup-overlay{background:#00000080;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1002;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility 0s linear .15s}.popup-alert .popup-overlay.show{opacity:1;visibility:visible;transition:opacity .15s ease-in-out}.popup-alert .container{background:var(--neutral-color-medium);max-width:285px;border-radius:.5rem;display:flex;flex-direction:column;gap:.7rem;position:relative;top:1.5rem;left:50%;transform:translate(-50%);padding:1rem 1.15rem;box-shadow:2px 2px 8px 2px #0003}.popup-alert p{color:var(--neutral-color-dark)}.popup-alert button{font-size:1rem;width:auto;padding:8px 12px;border-radius:4px;cursor:pointer;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--neutral-color-light);opacity:.9;align-self:flex-end}.popup-alert button:hover{font-weight:500;opacity:1}@media (min-width: 425px){.popup-alert .container{max-width:340px}}@media (min-width: 1024px){.popup-alert .container{max-width:460px}}.edit-blog{display:flex;flex-direction:column;align-items:center;padding:2.5rem 8rem 4rem}.edit-blog .headline{font-weight:700;color:var(--accent-color)}.edit-blog form{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-block:1rem .5rem}.edit-blog form>*{width:100%}.edit-blog .title-editor{display:flex;flex-direction:column;gap:.5rem}.edit-blog .title-editor input{font-size:1.1rem;padding:.5rem .75rem;border:1px solid var(--neutral-color-heavy);border-radius:.25rem;outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light))}.edit-blog .form-label{color:#463f3ad9;font-weight:400;display:flex;gap:.2rem}.edit-blog .form-label.active{font-weight:500}.edit-blog .pen-icon{transform:scale(.6);display:flex;align-items:center}.edit-blog .popup-alert .container{max-width:400px}@media (min-width: 1100px){.edit-blog{padding-inline:9rem}}@media (min-width: 1200px){.edit-blog{padding-inline:10rem}}@media (min-width: 1300px){.edit-blog{padding-inline:11rem}}@media (min-width: 1360px){.edit-blog form{max-width:1000px}}@media (max-width: 972px){.edit-blog{padding-inline:7rem}}@media (max-width: 860px){.edit-blog{padding-inline:6rem}}@media (max-width: 768px){.edit-blog{padding-inline:5rem}}@media (max-width: 602px){.edit-blog{padding-inline:4rem}}@media (max-width: 480px){.edit-blog{padding-inline:3.5rem}.edit-blog .popup-alert .container{max-width:285px}}@media (max-width: 440px){.edit-blog{padding-inline:3rem}}@media (max-width: 360px){.edit-blog{padding-inline:2.5rem}}.preview .preview-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;pointer-events:auto}.preview .blog-content .title.placeholder,.preview .tiptap-result .placeholder{font-style:italic;opacity:.5}.preview .indicator{position:fixed;right:1.25rem;bottom:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--neutral-color-light);border:1px solid rgba(188,184,177,.75);border-radius:16px;z-index:1000}.preview .indicator .outer-circle{position:absolute;height:12px;width:12px;border-radius:100%;background:var(--secondary-color);animation:ping 2.8s cubic-bezier(.25,.1,.25,1) infinite}@keyframes ping{0%{transform:scale(1);opacity:.75}75%,to{transform:scale(2.25);opacity:0}}.preview .indicator .inner-circle{height:12px;width:12px;border-radius:100%;background:var(--secondary-color);animation:breathingWave 2.8s cubic-bezier(.25,.1,.25,1) infinite}@keyframes breathingWave{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}.preview .indicator label{color:var(--accent-color);opacity:.8;font-weight:500}.preview .indicator.disconnected{background:var(--neutral-color-medium);border:1px solid var(--neutral-color-heavy)}.preview .indicator.disconnected label{opacity:1}.profile{padding-bottom:2.5rem}.profile .container{width:90vw;margin-inline:auto;padding-block:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile header{margin-top:1.5rem;text-align:center}.profile .username{color:var(--accent-color);font-weight:700}.profile .email{color:var(--neutral-color-dark);opacity:.5;text-decoration:none}.profile main{width:clamp(300px,70vw,600px);padding-block:1rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.profile .profile-card{padding:1rem;border-radius:.25rem;background-color:var(--neutral-color-medium);box-shadow:1px 1px 3px #00000026}.profile .profile-card.link{text-decoration:none;cursor:pointer}.profile.no-blog main{grid-template-columns:1fr;width:clamp(300px,60vw,500px);padding-inline:0}.profile.no-blog .profile-card{text-align:center;padding-bottom:1.5rem}.profile.no-blog .profile-card a{text-decoration:none;cursor:pointer;font-size:1.1rem;color:var(--accent-color)}.profile.no-blog .profile-card p{margin-block:.5rem;font-size:1rem;color:var(--neutral-color-dark);opacity:.7}.profile .blog-snippet{padding:0;border:none;height:100%;display:flex;flex-direction:column}.profile .blog-snippet .title h2{font-size:1.1rem;font-weight:700}.profile .blog-snippet .content-container{margin:.5rem 0}.profile .blog-snippet .content-container .section-subtitle{font-size:1.04rem}.profile .blog-snippet .content-container .fade-overlay{background:linear-gradient(to bottom,#f1f1f100,#f1f1f1);height:2rem}.profile .blog-snippet .footer{margin-top:auto}.profile .blog-snippet .footer .author,.profile .blog-snippet .footer .separator{display:none}@media (max-width: 374px){.profile main{width:280px;padding-inline:0}}@media (min-width: 1024px){.profile main{grid-template-columns:repeat(2,1fr);width:80vw;padding-inline:1rem}.profile main.single-blog{grid-template-columns:1fr;width:600px}}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - var(--navbar-height))}.login .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:70vw;max-width:425px;padding:3rem .25rem;border:1px solid rgba(170,170,170,.5);border-radius:.5rem;background-color:var(--neutral-color-medium);box-shadow:1px 1px 1px #0003}.login .headline{font-weight:700;text-align:center;color:var(--accent-color)}.login form{width:65vw;max-width:400px;padding-inline:2rem}.login .form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;width:100%}.login .form-group label{margin-bottom:.5rem;-webkit-user-select:none;user-select:none;color:var(--neutral-color-dark);opacity:.7}.login .form-group input{font-size:1.1rem;padding:.5rem .75rem;border:1px solid var(--neutral-color-heavy);border-radius:.25rem;outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light));width:55vw;max-width:100%}.login .login-btn{display:block;margin-inline:auto;width:80px;padding:.5rem;font-size:1rem;color:var(--neutral-color-light);background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:.25rem;outline:none;cursor:pointer;opacity:.9;-webkit-user-select:none;user-select:none}.login .login-btn:hover{font-weight:500;opacity:1}.login .form-group.error input{border:1px solid red}.login .form-group.error small{color:red;margin-top:.1rem}.login .password-frame{width:100%;position:relative}.login .password-frame .password-field{padding-right:2.85rem}.login .password-frame .password-icon{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:0;transform:translateY(-50%);height:100%;padding:0 1rem 0 .75rem;font-size:1.1rem;color:var(--accent-color);cursor:pointer;opacity:.7}.login .password-frame .password-icon:hover{opacity:1}.login .signup-link{-webkit-user-select:none;user-select:none;margin-top:1rem;display:flex;justify-content:center}.login .signup-link p{opacity:.7}.login .signup-link a{color:var(--accent-color);font-weight:600;cursor:pointer}@media (max-width: 768px){.login{min-height:100dvh}}@media (max-width: 608px){.login form,.login .form-group input{width:100%}}@media (max-width: 480px){.login .container{width:80vw}.login form{padding-inline:1.5rem}}@media (max-width: 400px){.login .container{width:85vw}}@media (max-width: 345px){.login form{padding-inline:1rem}.login .signup-link{flex-direction:column;align-items:center;text-align:center}}.demo-popup .popup-overlay{background:#00000080;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1002;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility 0s linear .15s;overflow-y:auto}.demo-popup .popup-overlay.show{opacity:1;visibility:visible;transition:opacity .15s ease-in-out}.demo-popup .container{background:var(--neutral-color-medium);max-width:456px;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.15rem;box-shadow:2px 2px 8px 2px #0003}.demo-popup .headline{color:var(--accent-color);font-size:1.15rem}.demo-popup main{display:flex;flex-direction:column;gap:.5rem}.demo-popup main section:last-child{margin-top:.25rem}.demo-popup .subheadline{color:var(--accent-color);font-size:1.01rem}.demo-popup main p{color:var(--neutral-color-dark);font-size:1rem}.demo-popup .plaintext{opacity:.7}.demo-popup .highlight{color:var(--accent-color);font-weight:500}.demo-popup button{font-size:1rem;padding:8px 12px;border-radius:4px;cursor:pointer;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--neutral-color-light);opacity:.9;align-self:flex-end}.demo-popup button:hover{font-weight:500;opacity:1}@media (min-width: 320px){.demo-popup .container{max-width:300px}}@media (min-width: 375px){.demo-popup .container{max-width:320px}}@media (min-width: 425px){.demo-popup .container{max-width:345px}}@media (min-width: 768px){.demo-popup .container{max-width:456px;top:15%;transform:translate(-50%)}}.signup{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - var(--navbar-height))}.signup .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:70vw;max-width:425px;padding:2rem .25rem;border:1px solid rgba(170,170,170,.5);border-radius:.5rem;background-color:var(--neutral-color-medium);box-shadow:1px 1px 1px #0003}.signup .headline{font-weight:700;text-align:center;color:var(--accent-color)}.signup form{width:65vw;max-width:400px;padding-inline:2rem}.signup .form-group{margin:0 0 1.5rem;display:flex;flex-direction:column;width:100%}.signup .form-group label{margin-bottom:.5rem;-webkit-user-select:none;user-select:none;color:var(--neutral-color-dark);opacity:.7}.signup .form-group input{font-size:1.1rem;padding:.5rem .75rem;border:1px solid var(--neutral-color-heavy);border-radius:.25rem;outline:none;background:linear-gradient(to bottom,#fff,var(--neutral-color-light));width:55vw;max-width:100%}.signup .form-group small{-webkit-user-select:none;user-select:none}.signup .signup-btn{display:block;margin:.5rem auto;width:90px;padding:.5rem;font-size:1rem;color:var(--neutral-color-light);background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:.25rem;outline:none;cursor:pointer;opacity:.9;-webkit-user-select:none;user-select:none}.signup .signup-btn:hover{font-weight:500;opacity:1}.signup .form-group.success input{border:1.5px solid green}.signup .form-group.error input{border:1px solid red}.signup .form-group.error small{color:red;padding-top:.1rem}.signup .password-frame{width:100%;position:relative}.signup .password-frame .password-field{padding-right:2.85rem}.signup .password-frame .password-icon{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:0;transform:translateY(-50%);height:100%;padding:0 1rem 0 .75rem;font-size:1.1rem;color:var(--accent-color);cursor:pointer;opacity:.7}.signup .password-frame .password-icon:hover{opacity:1}@media (max-width: 768px){.signup{min-height:100dvh}}@media (max-width: 608px){.signup form,.signup .form-group input{width:100%}}@media (max-width: 480px){.signup .container{width:80vw}.signup form{padding-inline:1.5rem}}@media (max-width: 400px){.signup .container{width:85vw}}