.td-bottom-nav{z-index:70;width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));max-width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));height:calc(68px + env(safe-area-inset-bottom,0px));padding:10px 0 calc(10px + env(safe-area-inset-bottom,0));box-sizing:border-box;pointer-events:none;transition:width var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1)), max-width var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1)), background var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1)), backdrop-filter var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1));will-change:width, max-width, background;align-items:center;gap:10px;margin-left:auto;margin-right:auto;display:flex;position:fixed;bottom:10px;left:0;right:0}.td-bottom-nav__pill,.td-bottom-nav__tools{pointer-events:auto}.td-bottom-nav__pill{isolation:isolate;background:0 0;border:none;border-radius:999px;flex:1;justify-content:space-between;align-items:center;min-height:52px;padding:6px 14px;display:flex;position:relative}.td-bottom-nav__pill:before,.td-bottom-nav__tools:before{content:"";border-radius:inherit;box-sizing:border-box;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1;pointer-events:none;z-index:0;transition:opacity var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1));background:#0003;border:1px solid #ffffff24;position:absolute;inset:0}.td-bottom-nav__pill>*,.td-bottom-nav__tools>*{z-index:1;position:relative}.td-bottom-nav__link{color:#b4efefb8;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:color .2s,background .2s,transform .15s;display:flex;position:relative}.td-bottom-nav__link:active{transform:scale(.94)}.td-bottom-nav__link.is-active{color:#e8ffff}.td-bottom-nav__icon{width:27px;height:27px;display:block;position:relative}.td-bottom-nav__icon-img{object-fit:contain;mix-blend-mode:soft-light;-webkit-mix-blend-mode:soft-light;width:100%;height:100%;display:block}.td-bottom-nav__icon-img--layer{position:absolute;top:0;left:0}.td-bottom-nav__badge-dot{background:#ff7676;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:8px}.td-bottom-nav__tools{isolation:isolate;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:54px;text-decoration:none;transition:color .2s,transform .15s;display:flex;position:relative}.td-app-shell:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}.td-app-shell:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}.td-app-shell:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}.td-app-shell:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}.td-app-shell:has(.td-bottom-drawer.is-fully-expanded:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}.td-app-shell:has(.td-bottom-drawer.is-fully-expanded:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}body:has(.td-bottom-drawer-backdrop.is-open:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}body:has(.td-bottom-drawer-backdrop.is-open:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}body:has(.td-photo-send-sheet.is-presented:not(.is-closing)) .td-bottom-nav__pill:before{opacity:0}body:has(.td-photo-send-sheet.is-presented:not(.is-closing)) .td-bottom-nav__tools:before{opacity:0}.td-bottom-nav:before{content:"";opacity:0;pointer-events:none;z-index:4;will-change:opacity;height:1px;transition:opacity var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1));background:#ffffff24;position:absolute;top:0;left:0;right:0;transform:translateZ(0)}.td-app-shell:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav:before{opacity:1;transition:opacity var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1))}.td-app-shell:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav:before{opacity:1;transition:opacity var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1))}body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav:before{opacity:1;transition:opacity var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1))}body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav:before{opacity:1;transition:opacity var(--td-nav-timing,.32s cubic-bezier(.4, 0, .2, 1))}.td-app-shell:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav{z-index:9999;bottom:calc((16px * (1 - var(--td-drawer-expand,0))) + env(safe-area-inset-bottom,0px));width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));max-width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));height:calc(68px + env(safe-area-inset-bottom,0px));background:var(--meko-sheet-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:bottom var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), max-width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), border-radius var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), background var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), backdrop-filter var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1));will-change:bottom, width, max-width, border-radius, --td-drawer-expand;padding-top:0;padding-bottom:0;border-radius:0 0 20px 20px!important}.td-app-shell:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav{z-index:9999;bottom:calc((16px * (1 - var(--td-drawer-expand,0))) + env(safe-area-inset-bottom,0px));width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));max-width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));height:calc(68px + env(safe-area-inset-bottom,0px));background:var(--meko-sheet-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:bottom var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), max-width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), border-radius var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), background var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), backdrop-filter var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1));will-change:bottom, width, max-width, border-radius, --td-drawer-expand;padding-top:0;padding-bottom:0;border-radius:0 0 20px 20px!important}body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav{z-index:9999;bottom:calc((16px * (1 - var(--td-drawer-expand,0))) + env(safe-area-inset-bottom,0px));width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));max-width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));height:calc(68px + env(safe-area-inset-bottom,0px));background:var(--meko-sheet-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:bottom var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), max-width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), border-radius var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), background var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), backdrop-filter var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1));will-change:bottom, width, max-width, border-radius, --td-drawer-expand;padding-top:0;padding-bottom:0;border-radius:0 0 20px 20px!important}body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav{z-index:9999;bottom:calc((16px * (1 - var(--td-drawer-expand,0))) + env(safe-area-inset-bottom,0px));width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));max-width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));height:calc(68px + env(safe-area-inset-bottom,0px));background:var(--meko-sheet-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:bottom var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), max-width var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), border-radius var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), background var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1)), backdrop-filter var(--td-nav-timing,.28s cubic-bezier(.32, .72, 0, 1));will-change:bottom, width, max-width, border-radius, --td-drawer-expand;padding-top:0;padding-bottom:0;border-radius:0 0 20px 20px!important}:is(body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav__tools,body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav__tools){width:44px;height:44px;padding-right:14px}:is(body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav__tools span,body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav__tools span){width:27px;height:27px}.td-app-shell:has(.td-bottom-drawer.is-fully-expanded:not(.is-dragging):not(.is-closing)) .td-bottom-nav{border-radius:0!important}body:has(.td-bottom-drawer.is-fully-expanded:not(.is-dragging):not(.is-closing)) .td-bottom-nav{border-radius:0!important}.td-app-shell:has(.td-bottom-drawer.is-dragging) .td-bottom-nav{border-radius:0 0 20px 20px!important;transition:none!important}body:has(.td-bottom-drawer.is-dragging) .td-bottom-nav{border-radius:0 0 20px 20px!important;transition:none!important}.td-bottom-nav__tools:active{transform:scale(.94)}.td-bottom-nav__icon--tools{width:25px;height:25px}@media (min-width:640px){.td-bottom-nav{max-width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));width:calc(100% - 28px * (1 - var(--td-drawer-expand,0)));height:calc(76px + env(safe-area-inset-bottom,0px));gap:12px}.td-app-shell:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav{height:calc(76px + env(safe-area-inset-bottom,0px))}.td-app-shell:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav{height:calc(76px + env(safe-area-inset-bottom,0px))}body:has(.td-bottom-drawer.is-presented:not(.is-closing)) .td-bottom-nav{height:calc(76px + env(safe-area-inset-bottom,0px))}body:has(.td-bottom-drawer.is-open:not(.is-closing)) .td-bottom-nav{height:calc(76px + env(safe-area-inset-bottom,0px))}.td-bottom-nav__pill{min-height:56px;padding:0 28px}.td-bottom-nav__tools{width:56px;height:56px}.td-bottom-nav__icon{width:24px;height:24px}}