.wk-c-nav-drawer{&[data-v-dcd6f814]{width:100vw;min-height:40dvh;max-height:75dvh;padding-block:var(--wkui-sys-spacing-padding-md) var(--wkui-sys-spacing-padding-lg);padding-inline:var(--wkui-sys-spacing-padding-lg);transform:translateY(100dvh);display:flex;flex-direction:column;position:fixed;bottom:0;border-radius:var(--wkui-ref-elevation-lg-rounding) var(--wkui-ref-elevation-lg-rounding) 0 0;background-color:var(--wkui-ref-color-neutral-100);transition:all .3s}&[data-open=true][data-v-dcd6f814]{transform:translateY(0)}@media(min-width:640px){&[data-v-dcd6f814]{padding-block:var(--wkui-sys-spacing-padding-lg) var(--wkui-sys-spacing-padding-xl);padding-inline:var(--wkui-sys-spacing-padding-xl)}}@media(min-width:1024px){&[data-v-dcd6f814]{display:none}}}.wk-c-nav-drawer[data-v-dcd6f814]:after{content:"";display:block;width:100%;height:20rem;position:absolute;top:99%;left:0;background-color:var(--wkui-ref-color-neutral-100);z-index:10}.wk-c-nav-drawer__info[data-v-dcd6f814]{margin-bottom:1rem;display:flex;justify-content:space-between}.wk-c-nav-drawer__touch-grab[data-v-dcd6f814]{width:100%;padding-block:5px 20px;display:flex;justify-content:center}.wk-c-nav-drawer__touch-grab-line[data-v-dcd6f814]{width:140px;height:4px;border:none;border-radius:var(--wkui-ref-elevation-md-rounding);background-color:var(--wkui-ref-color-neutral-500)}.wk-c-nav-drawer__app-title[data-v-dcd6f814]{max-width:75%;color:var(--wkui-ref-color-neutral-700);font-family:var(--wkui-sys-text-copy-font),sans-serif;font-size:var(--wkui-ref-text-size-xl);line-height:var(--wkui-ref-text-line-height-base);font-weight:var(--wkui-ref-text-weight-black);letter-spacing:var(--wkui-ref-text-kerning-wide);text-transform:uppercase}.wk-c-nav-drawer__close-button[data-v-dcd6f814]{display:flex;gap:var(--wkui-sys-spacing-gap-sm);align-items:center;color:var(--wkui-ref-color-green-500);font-family:var(--wkui-sys-text-copy-font),sans-serif;font-weight:var(--wkui-ref-text-weight-bold)}.wk-c-nav-drawer__menu[data-v-dcd6f814]{padding-block-end:var(--wkui-sys-spacing-padding-md);position:relative;overflow:auto;display:grid;gap:var(--wkui-sys-spacing-gap-sm);flex-grow:1;align-content:start}.wk-c-nav-drawer__menu[data-v-dcd6f814]:after{content:"";height:40%;width:100%;display:block;position:fixed;z-index:1;bottom:-100px;background:linear-gradient(180deg,#ffffff00 0%,var(--wkui-ref-color-neutral-100) 60%);pointer-events:none}.wk-c-nav-drawer__item{&[data-v-1f72fcb4]{padding:1rem;display:flex;gap:var(--wkui-sys-spacing-gap-sm);align-items:center;border-radius:var(--wkui-ref-elevation-md-rounding);color:var(--wkui-ref-color-green-500);font-family:var(--wkui-sys-text-copy-font),sans-serif;font-weight:700}&[data-active=true][data-v-1f72fcb4]{background-color:var(--wkui-ref-color-green-100)}}.wk-c-dialog[data-v-81af7345]{scrollbar-color:var(--wkui-ref-color-neutral-700) transparent}.wk-c-dialog__content *{font-family:var(--wkui-ref-text-font-base),sans-serif}.wk-c-dialog__content p:not(:last-child){margin-bottom:.75rem}