How to make snipcart modal appear from the left?

Support
#1

I think the title says it all,

I can’t figure it out, I am quite new to css but in all honesty snipcarts documentation is not very clear about how to customize this. The best I got was something like this:

@media (min-width: 768px) {
    .snipcart-cart-summary--edit.snipcart-modal__container {
        right: 240px !important;
        width: 40% !important; 
    }

But this only appears some extent of where snipcart is from the right side of the screen.

#2 
    #snipcart {
  position: fixed;

}
@media (min-width: 768px) {
    .snipcart-cart-summary--edit.snipcart-modal__container {
        right: auto !important;
        left: 240px !important;
        width: 40% !important; 
    }
}
@keyframes slideIn {
  0% {
      transform: translateX(-110%);
  }

  100% {
      transform: translateX(0);
  }