:root{--header-height:64px;--mobile-menu-top:0px}#mobile-menu{background:var(--sowal-accent);height:calc(100vh - var(--mobile-menu-top, 0px));left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:var(--mobile-menu-top,0);transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}#mobile-menu.open{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:rgba(0,31,63,.9);opacity:1;pointer-events:auto;transform:translateX(0)}#mobile-menu-container{height:100%;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding-top:var(--header-height);position:absolute;top:0;width:100%}#mobile-menu-container,#mobile-menu-container.fade-in{transform:none!important}#mobile-menu .menu-panel,#mobile-menu-container{scrollbar-color:hsla(0,0%,100%,.4) rgba(0,31,63,.9);scrollbar-width:thin}#mobile-menu .menu-panel::-webkit-scrollbar,#mobile-menu-container::-webkit-scrollbar{width:8px}#mobile-menu .menu-panel::-webkit-scrollbar-track,#mobile-menu-container::-webkit-scrollbar-track{background-color:rgba(0,31,63,.9)}#mobile-menu .menu-panel::-webkit-scrollbar-thumb,#mobile-menu-container::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.4);border-radius:4px}#mobile-menu .menu-panels{height:100%;position:relative;width:100%}#mobile-menu .menu-panel{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;height:100%;justify-content:flex-start;left:0;opacity:0;overflow-y:auto;padding:calc(var(--header-height) + .5rem) 1.25rem 2rem;position:absolute;top:0;transition:transform .3s ease,opacity .3s ease;width:100%}#mobile-menu .panel-1{opacity:1;transform:translateX(0)}#mobile-menu .panel-2,#mobile-menu .panel-3{opacity:0;transform:translateX(100%)}#mobile-menu .menu-panel.has-back-button{padding-top:5rem}#mobile-menu .menu-panel li{margin-bottom:0;opacity:0;width:100%}#mobile-menu .menu-panel .manual-links,#mobile-menu .menu-panel .sowal-post-list-items{margin:0 auto;max-width:640px;width:100%}#mobile-menu .menu-panel .manual-links{padding:0}#mobile-menu .menu-panel .manual-links>li,#mobile-menu .menu-panel .sowal-post-list-items>li{padding-left:0;padding-right:0}@keyframes menuItemEntrance{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}#mobile-menu .back-item{align-items:center;background:transparent;border:none;border-radius:9999px;cursor:pointer;display:flex;height:2.5rem;justify-content:center;left:0;margin:15px;opacity:0;position:fixed;top:0;transition:background .2s ease,opacity .3s ease;width:2.5rem;z-index:1001}#mobile-menu .back-item.show{opacity:1}#mobile-menu .back-item:hover{background:hsla(0,0%,100%,.1)}#mobile-menu .back-item i,#mobile-menu .sowal-menu-loader,#mobile-menu .sowal-menu-loader i{color:#fff}#mobile-menu .menu-panel a{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:1rem;position:relative;text-align:center;text-decoration:none;width:100%}#mobile-menu .panel-2 a,#mobile-menu .sowal-post-list-items a{font-size:1.25rem;text-align:left}#mobile-menu .menu-panel a:after{background:#fff;bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-out;width:0}#mobile-menu .menu-panel a:hover:after{width:100%}#mobile-menu .sowal-post-list-items a:after,#mobile-menu .sowal-post-list-items a:hover:after{content:none}#mobile-menu .sowal-post-list-item{align-items:flex-start;display:flex;gap:1.5rem;padding:1.25rem 0}@media (min-width:640px){#mobile-menu .sowal-post-list-item{gap:2rem}}#mobile-menu .sowal-post-list-item:not(.pagination){justify-content:space-between}#mobile-menu .sowal-post-title{padding:.5rem 0}#mobile-menu .sowal-post-title a{margin-bottom:0}#mobile-menu .sowal-post-title h3{font-size:1.25rem;font-weight:600;line-height:1.4}#mobile-menu .sowal-post-thumbnail{flex-shrink:0;padding:.375rem}#mobile-menu .sowal-post-thumbnail a{display:block}#mobile-menu .sowal-post-thumbnail .sowal-placeholder{background:linear-gradient(135deg,#0b223d,#102b52);color:hsla(0,0%,100%,.85)}#mobile-menu .sowal-post-thumbnail .sowal-placeholder__icon{font-size:1.25rem}#mobile-menu .submenu-toggle{color:#fff;cursor:pointer;font-size:1.2rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}#mobile-menu .panel-1 .sub-menu{display:none!important}