body.my-plan-drawer-open{overflow:hidden}
.my-plan-drawer{position:fixed;inset:0;z-index:1200}
.my-plan-drawer[hidden]{display:none}
.my-plan-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(8,28,48,.46);cursor:pointer}
.my-plan-drawer-panel{position:absolute;top:0;right:0;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(720px,94vw);height:100%;background:#f7fafc;box-shadow:-18px 0 45px rgba(10,38,65,.24);animation:my-plan-slide-in .24s ease-out}
.my-plan-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid #dce5ed;background:#fff}
.my-plan-drawer-header small{display:block;margin-bottom:2px;color:#078270;font-size:.72rem;font-weight:800}
.my-plan-drawer-header h2{margin:0;color:#102f53;font-size:1.35rem}
.my-plan-drawer-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cad8e5;border-radius:50%;background:#fff;color:#173a5c;font-size:1.65rem;line-height:1;cursor:pointer}
.my-plan-drawer-frame{display:block;width:100%;height:100%;border:0;background:#f7fafc}
@keyframes my-plan-slide-in{from{transform:translateX(42px);opacity:.65}to{transform:translateX(0);opacity:1}}
@media(max-width:700px){.my-plan-drawer-panel{width:100vw}.my-plan-drawer-header{padding:13px 15px}.my-plan-drawer-header h2{font-size:1.18rem}}
@media(prefers-reduced-motion:reduce){.my-plan-drawer-panel{animation:none}}