.switch-light-container{align-items:center;display:flex;justify-content:center}.light .switch-light-container .switch-track{background-color:#fff}.dark .switch-light-container .switch-track{background-color:#202020}.switch-light-container .switch-track{border-radius:999px;cursor:pointer;height:31px;overflow:hidden;position:relative;transition:background-color .3s ease;width:55px}.switch-light-container .switch-thumb{height:28px;left:1.1px;position:absolute;top:1px;transform:translate(0);transition:transform .4s ease;width:28px}.switch-light-container .switch-thumb.active{transform:translate(24.5px) rotate(1turn)}@media screen and (min-width:768px){.switch-light-container .switch-track{height:35px;width:70px}.switch-light-container .switch-thumb{height:34px;width:34px}.switch-light-container .switch-thumb.active{transform:translate(34px) rotate(1turn)}}.social-networks{align-items:center;display:flex;gap:1rem;list-style:none;padding-left:0}.social-networks li{line-height:normal}.social-networks__link .icon{height:-moz-fit-content;height:fit-content;padding:5px 0;width:20px}.light .social-networks__link .icon-yt,.light .social-networks__link .icon-yt:hover{fill:#ddd}.dark .social-networks__link .icon-yt,.dark .social-networks__link .icon-yt:hover{fill:#000}.social-networks .user-account-icon{margin-left:25px;width:40px!important}@media screen and (min-width:768px){.social-networks{gap:.5rem}.social-networks__link .icon{height:-moz-fit-content;height:fit-content;padding:15px 0;width:30px}}.header{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:space-between;padding:.4rem}.light .header{background-color:#ddd}.dark .header{background-color:#000}.header{flex-wrap:wrap}.header__logo{height:50px;width:240px}.header__interactions{display:flex;gap:10px}@media screen and (max-width:500px){.header__interactions .social-networks__link .icon{padding:0}}.header__interactions-mode-switch{border-left:1px solid grey;padding-left:10px}@media screen and (min-width:768px){.header{flex-direction:row;padding:.2rem 1rem}.header__interactions{gap:20px}.header__interactions-mode-switch{border-left:1px solid grey;padding-left:20px}}.footer{padding:20px 20px 80px;text-align:center}.light .footer{background-color:#ddd}.dark .footer{background-color:#000}@media screen and (min-width:768px){.footer{padding:20px}}.scroll-up__btn{background-color:transparent;border:none;cursor:pointer;display:inline-block;text-decoration:none;vertical-align:middle}.scroll-up__btn .arrow-up{fill:none}.light .scroll-up__btn .arrow-up{stroke:#000;height:20px;width:20px}.light .scroll-up__btn .arrow-up:hover{stroke:#eeba2b}.dark .scroll-up__btn .arrow-up{stroke:#fff;height:20px;width:20px}.dark .scroll-up__btn .arrow-up:hover{stroke:#eeba2b}.light .vertical-navbar{background-color:#ddd;border:1px solid #fff}.dark .vertical-navbar{background-color:#000;border:1px solid #202020}.vertical-navbar{border-radius:10px 0 0;bottom:0;display:flex;justify-content:space-between;opacity:1;padding:15px 15px 20px;position:fixed;transition:transform .3s ease,opacity .3s ease;width:100vw;z-index:99}.vertical-navbar.hidden{opacity:0;transform:translateY(100%)}.vertical-navbar .social-networks{justify-content:space-between;width:75vw}.vertical-navbar .social-networks .user-account-icon{margin-left:10px}@media screen and (min-width:425px){.vertical-navbar{padding:15px 20px 20px}}@media screen and (min-width:768px){.vertical-navbar{border-radius:10px 0 0;bottom:0;margin-left:auto;padding:5px 15px 20px;right:0}.vertical-navbar,.vertical-navbar .social-networks{flex-direction:column;width:-moz-fit-content;width:fit-content}.vertical-navbar .social-networks{padding-bottom:15px}.vertical-navbar .social-networks .user-account-icon{margin-left:0;margin-top:25px}}