.modal-fixed{position:fixed;padding:0!important;margin:auto;width:40vw;height:100%;overflow:hidden;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}@media(max-width:1199px){.modal-fixed{width:45vw}}@media(max-width:991px){.modal-fixed{width:60vw}}@media(max-width:767px){.modal-fixed{width:100%}}.modal-fixed.left{left:0}.modal-fixed.left .modal-dialog{left:-40vw;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}.modal-fixed.left.show .modal-dialog{left:0}.modal-fixed.right{right:0;left:auto}.modal-fixed.right .modal-dialog{right:-40vw;-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out}.modal-fixed.right.show .modal-dialog{right:0}.modal-fixed .modal-dialog{margin:0;max-width:100%}.modal-fixed .modal-content{height:100vh;overflow-y:auto;border-radius:0;border:none}.modal-fixed .modal-header .close{width:40px;height:40px;position:fixed;display:inline-block;top:1.875rem;right:2.5rem;z-index:99;opacity:1;border-radius:50%;transition:all .3s ease}.modal-fixed .modal-header .close:after,.modal-fixed .modal-header .close:before{content:"";display:block;position:absolute;left:5px;bottom:18px;width:30px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background:linear-gradient(135deg,#247cff,#024ec0 58%)}.modal-fixed .modal-header .close:before{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.modal-fixed .modal-header .close:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-48deg)}.modal-fixed .modal-header .close:hover{background:#fff;opacity:1}.modal-fixed .modal-body{padding:1.25rem}