.drawer{position:fixed;left:0;bottom:0;width:100%;height:80dvh;z-index:999;padding:1rem;display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #0003;transform:translateY(100%);transition:transform .3s ease}.drawer[data-state=open]{transform:translateY(0)}.drawer__header{display:inline-flex;flex-shrink:0;padding:1rem 0}.drawer__close{border:1px solid #031E10;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1/1;cursor:pointer}.drawer__handle{width:40px;height:4px;background:#ccc;border-radius:999px;margin:12px auto}.drawer__content{flex:1;min-height:0;overflow-y:auto}.drawer__content :global(.menu-list){display:flex}.drawer__overlay{position:fixed;inset:0;background:#0006}.drawer__button{display:none}.drawer__button .button{text-align:left;white-space:normal;text-wrap:balance}@media(max-width:1279px){.drawer__button{display:flex}}.menu-list{display:flex;flex-direction:column;height:fit-content;border-radius:1rem}@media(max-width:1279px){.menu-list[data-variant=aside]{display:none}}.menu-list__item{position:relative}.menu-list__item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;pointer-events:none}.menu-list__item:last-child:after{display:none}.menu-list__item:has(.menu-list__link[data-active=true]):after{display:none}.menu-list__link{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;background:#f2f3f8;text-decoration:none;transition:all .2s ease}.menu-list__link:hover{background:#e5e7f0}.menu-list__link[data-active=true]{background:#053e7b;color:#fff;border-radius:16px}.menu-list__item:first-child .menu-list__link{border-top-left-radius:1rem;border-top-right-radius:1rem}.menu-list__item:last-child .menu-list__link{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.menu-list__item:has(+.menu-list__item .menu-list__link[data-active=true]):after{display:none}.menu-list__item:has(+.menu-list__item .menu-list__link[data-active=true]) .menu-list__link{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.menu-list__item:has(.menu-list__link[data-active=true])+.menu-list__item .menu-list__link{border-top-left-radius:16px;border-top-right-radius:16px}.menu-list__label{font-weight:500;line-height:1.2}
