:where(.motile-drawer__overlay){position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color .3s ease;overscroll-behavior:contain;touch-action:pan-y}:where(.motile-drawer__overlay--visible){background-color:#0006}:where(.motile-drawer__content){position:fixed;bottom:0;left:0;right:0;margin:0 auto;transform:translateY(100%);width:100%;max-width:var(--drawer-max-width,var(--drawer-width,480px));height:auto;max-height:var(--drawer-max-height,70dvh);background-color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #00000026;display:flex;flex-direction:column;transition:transform .3s ease;will-change:transform;overscroll-behavior:contain;box-sizing:border-box}:where(.motile-drawer__content--visible){transform:translateY(0)}@media (max-width:768px){:where(.motile-drawer__overlay){top:0;left:0;right:0;bottom:0;width:100%;height:100%}:where(.motile-drawer__content){left:0;right:0;margin:0;width:100%;max-width:none;border-radius:20px 20px 0 0}}:where(.motile-drawer__header){height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}:where(.motile-drawer__header:active){cursor:-webkit-grabbing;cursor:grabbing}:where(.motile-drawer__handle){width:40px;height:6px;background-color:#d1d5db;border-radius:3px;transition:background-color .2s ease}:where(.motile-drawer__header:hover .motile-drawer__handle){background-color:#9ca3af}:where(.motile-drawer__header:active .motile-drawer__handle){background-color:#6b7280}:where(.motile-drawer__title-wrapper){padding:0 24px 16px;flex-shrink:0;border-bottom:1px solid #e5e7eb;width:100%;box-sizing:border-box}:where(.motile-drawer__title){margin:0;font-size:16px;font-weight:600;color:#111827;line-height:1.4}@media (max-width:768px){:where(.motile-drawer__title){font-size:15px}}:where(.motile-drawer__body){flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;box-sizing:border-box}:where(.motile-drawer__body::-webkit-scrollbar){width:6px}:where(.motile-drawer__body::-webkit-scrollbar-track){background:transparent}:where(.motile-drawer__body::-webkit-scrollbar-thumb){background-color:#0003;border-radius:3px}:where(.motile-drawer__body::-webkit-scrollbar-thumb:hover){background-color:#0000004d}@media (prefers-color-scheme:dark){:where(.motile-drawer__content){background-color:#1f2937;box-shadow:0 -8px 30px #00000080}:where(.motile-drawer__title){color:#f9fafb}:where(.motile-drawer__title-wrapper){border-bottom-color:#374151}:where(.motile-drawer__handle){background-color:#4b5563}:where(.motile-drawer__header:hover .motile-drawer__handle){background-color:#6b7280}:where(.motile-drawer__header:active .motile-drawer__handle){background-color:#9ca3af}:where(.motile-drawer__body::-webkit-scrollbar-thumb){background-color:#fff3}:where(.motile-drawer__body::-webkit-scrollbar-thumb:hover){background-color:#ffffff4d}}@media (prefers-reduced-motion:reduce){:where(.motile-drawer__content),:where(.motile-drawer__overlay){transition:none}}@media (hover:none) and (pointer:coarse){:where(.motile-drawer__header){height:56px}:where(.motile-drawer__handle){width:48px;height:7px}}