:root{--scrollbar-backgroud-color:#efeae9;--scrollbar-thumb-color:#a09fa3}.modal{background-color:#414047;color:#fff;height:100%;left:0;min-height:500px;padding:8.5rem 0;position:fixed;top:0;transition:transform .25s,opacity .25s;width:100%;z-index:15}@media (max-width:1199px){.modal{display:none}}.modal--close{opacity:0;pointer-events:none}.modal--open{opacity:1}.modal__close{cursor:pointer;height:2rem;position:fixed;right:4.5rem;top:2rem;width:2rem}.modal__close:after,.modal__close:before{background-color:#efeceb80;content:"";height:2px;left:50%;position:absolute;top:50%;transition:background-color .25s;width:1rem}.modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal__close:hover:after,.modal__close:hover:before{background-color:#fff}