.drawer{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.drawer.is-open{visibility:visible}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease;cursor:pointer}.drawer.is-open .drawer__overlay{opacity:1}.drawer__inner{position:absolute;top:0;right:0;width:100%;max-width:500px;height:100%;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 12px #00000026}@media (max-width: 768px){.drawer__inner{max-width:100%}}.drawer.is-open .drawer__inner{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.drawer__header-content{display:flex;align-items:center;gap:.75rem}.drawer__header-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--Background-Lime, #edff66);flex-shrink:0}.drawer__header-icon svg{width:1.5rem;height:1.5rem;color:#374151}.drawer__heading{margin:0}.drawer__contents{flex:1;overflow-y:auto;padding:0}