.header{background:#fff;justify-content:center;align-items:center;width:100%;height:60px;padding:4px 120px;display:flex;position:relative;box-shadow:0 2px 4px #00000014}.header__container{justify-content:center;align-items:center;width:100%;max-width:1440px;display:flex}.header__container--with-nav{grid-template-columns:1fr auto 1fr;display:grid}.header__container--with-nav .header__logo{grid-column:2;justify-self:center}.header__nav{grid-column:3;justify-self:end;align-items:center;display:flex}.header__logo-link{align-items:center;height:100%;display:flex}.header__logo{flex-shrink:0;justify-content:center;align-items:center;height:28px;display:flex}.header__logo-img{object-fit:contain;width:auto;height:100%}@media (max-width:1024px){.header{padding-left:60px;padding-right:60px}}@media (max-width:768px){.header{padding-left:24px;padding-right:24px}}@media (max-width:480px){.header{padding-left:16px;padding-right:16px}}
.toggle{background-color:#f2f4f6;border-radius:8px;align-items:center;padding:4px;display:flex}.toggle__option{border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;display:flex}.toggle__option--active{background-color:#0071eb}.toggle__option--active:hover{filter:none!important}
.modal{background-color:#fff;border:none;border-radius:8px;max-width:min(680px,80vw);max-height:calc(100vh - 48px);margin:auto;overflow:hidden;box-shadow:0 20px 40px #00000026}.modal::backdrop{background-color:#0009}.modal__header{justify-content:flex-end;padding:20px 20px 0;display:flex}.modal__title-section{text-align:center;flex-direction:column;gap:16px;display:flex}.modal__body{flex-direction:column;gap:40px;display:flex}@media (max-width:600px){.modal{max-width:calc(100% - 32px)}.modal__footer .btn{width:100%}}