body.modal-open{overflow:hidden}body.modal-open:before{background:rgba(0,0,0,.7);content:"";inset:0;opacity:1;pointer-events:auto;position:fixed;z-index:998}.header-logo-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transform:scale(.95);transition:all .25s ease;visibility:hidden;z-index:10000}.header-logo-modal.active{opacity:1;transform:scale(1);visibility:visible}.header-logo-modal-wrapper{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;max-width:600px;padding:30px;transform:translateY(10px);transition:transform .25s ease;width:calc(100% - 40px)}.header-logo-modal.active .header-logo-about,.header-logo-modal.active .header-logo-img{transform:translateY(0)}.header-logo-modal-wrapper{width:424px}.header-logo-img{margin-bottom:32px}.header-logo-btn{align-items:center;border-radius:0 0 5px 5px;cursor:pointer;display:flex;justify-content:center;left:0;opacity:.95;padding:7px 15px;pointer-events:none;position:absolute;top:100%;transform:translateX(-140px);transition:transform .25s ease,opacity .25s ease}.header__logo:hover .header-logo-btn{left:auto;pointer-events:auto;transform:translateX(0)}.header-logo-close{cursor:pointer;position:absolute;right:20px;top:20px;z-index:10001}.header-logo img{line-height:0}@media (max-width:900px){.header-logo img{max-height:40px;width:auto}.header-logo-modal-wrapper{margin:0 15px}}