#top-header{min-height:60px;padding-top:1rem}.header-container{background:0 0;padding:0 24px;transition:background .25s ease-in-out,box-shadow .25s ease-in-out;left:0;right:0}.header-container.scrolled{background:var(--bs-body-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 12px #0000001f}.header-container .menu-toggler{color:var(--top-header-color);text-align:center;z-index:1050;cursor:pointer;border-radius:6px;display:block;position:absolute;top:1rem;left:0}.header-container .mode-toggle{position:absolute;top:1.2rem;left:50px}.header-container .mode-toggle .toggle{display:none}.header-container .mode-toggle .toggle:checked+.toggle-btn{border:2px solid var(--top-header-color);background:0 0}.header-container .mode-toggle .toggle:checked+.toggle-btn:after{background:var(--top-header-color);left:50%}.header-container .mode-toggle .toggle-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--toggle-border-color);border-radius:54px;outline:0;justify-content:space-around;align-items:center;width:47px;height:26px;transition:all .3s ease-in-out;display:flex;position:relative}.header-container .mode-toggle .toggle-btn:before,.header-container .mode-toggle .toggle-btn:after{content:"";width:50%;height:100%;display:block;position:absolute}.header-container .mode-toggle .toggle-btn:after{background:var(--toggle-ball-bg);border-radius:50%;width:16px;height:16px;transition:all .2s ease-in-out;top:2.5px;left:4px}.header-container .mode-toggle .toggle-btn .toggle-icon{color:var(--top-header-color);font-size:10.25px;display:flex}.header-container .social-list{gap:1rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.header-container .social-list li a{color:var(--nav-link-color);text-align:center;width:38px;height:38px;background:#0000001a;border-radius:50%;padding-top:6px;font-size:17px;transition:color .2s ease-in-out;display:inline-block}.header-container .social-list li a:hover{color:var(--bs-primary)}.header-container .btn-contact{color:#fff;background-color:#fe4d43;border-radius:2rem;outline:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;text-decoration:none;position:absolute;right:0}.header-container .btn-contact:hover{background:var(--primary-active);border-color:var(--primary-active)}