.plan-modal{position:fixed;background-color:#fff;pointer-events:none;left:0;bottom:0;transform:translate(0,100%);opacity:0;padding:20px;transition:all 300ms ease-in-out;border-top-left-radius:12px;border-top-right-radius:12px;z-index:9999}.plan-modal.open{transform:translate(0,0);opacity:1;pointer-events:all}.back-drop{position:fixed;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;z-index:9998;pointer-events:none;transition:all 300ms ease-in-out;background-color:rgba(0,0,0,70%)}.back-drop.open{opacity:1;pointer-events:all}@media (max-width:768px){.plan-modal{width:100%!important;height:90vh!important;overflow:auto!important}}@media (min-width:768px){.plan-modal{max-width:50vw;border-radius:12px;bottom:50%;left:50%;transform:translate(-50%,100%);width:25%}.plan-modal.open{transform:translate(-50%,50%)}}