:where(.motile-sheet__overlay){position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color .3s ease;overscroll-behavior:contain;display:flex}:where(.motile-sheet__overlay--left){justify-content:flex-start}:where(.motile-sheet__overlay--right){justify-content:flex-end}:where(.motile-sheet__overlay--visible){background-color:#0006}:where(.motile-sheet__content){position:fixed;top:0;bottom:0;margin:0;width:100%;max-width:var(--sheet-max-width,600px);height:100vh;height:100dvh;background-color:#fff;box-shadow:0 0 30px #00000026;display:flex;flex-direction:column;transition:transform .3s ease;will-change:transform;overscroll-behavior:contain;box-sizing:border-box}:where(.motile-sheet__content--left){left:0;border-right:1px solid #e5e7eb;transform:translate(-100%)}:where(.motile-sheet__content--left.motile-sheet__content--visible){transform:translate(0)}:where(.motile-sheet__content--right){right:0;border-left:1px solid #e5e7eb;transform:translate(100%)}:where(.motile-sheet__content--right.motile-sheet__content--visible){transform:translate(0)}@media (max-width:768px){:where(.motile-sheet__content){max-width:none;width:100%}}:where(.motile-sheet__header){height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;flex-shrink:0;border-bottom:1px solid #e5e7eb;background-color:#fff;-moz-user-select:none;user-select:none;-webkit-user-select:none}:where(.motile-sheet__header button){color:inherit}@media (min-width:769px){:where(.motile-sheet__header){height:64px;padding:0 24px}}:where(.motile-sheet__back-button){display:flex;align-items:center;gap:12px;background:none;border:none;padding:8px 12px 8px 4px;margin-left:-4px;cursor:pointer;border-radius:8px;color:#111827;transition:all .2s ease;font-size:16px;font-weight:600}:where(.motile-sheet__back-button:hover){background-color:#f3f4f6}:where(.motile-sheet__back-button:active){transform:scale(.98)}:where(.motile-sheet__chevron){width:24px;height:24px;flex-shrink:0}:where(.motile-sheet__title){flex:1 1;min-width:0;margin:0;font-size:18px;font-weight:600;color:#111827;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){:where(.motile-sheet__title){font-size:16px}}:where(.motile-sheet__close){display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0;margin:0;background:none;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}:where(.motile-sheet__close:hover){background-color:#f3f4f6;color:#111827}:where(.motile-sheet__close:active){transform:scale(.95);background-color:#e5e7eb}:where(.motile-sheet__close:focus-visible){outline:2px solid #3b82f6;outline-offset:2px}:where(.motile-sheet__body){flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;box-sizing:border-box;background-color:#fff}@media (min-width:769px){:where(.motile-sheet__body){padding:20px 24px}}:where(.motile-sheet__body::-webkit-scrollbar){width:6px}:where(.motile-sheet__body::-webkit-scrollbar-track){background:transparent}:where(.motile-sheet__body::-webkit-scrollbar-thumb){background-color:#0003;border-radius:3px}:where(.motile-sheet__body::-webkit-scrollbar-thumb:hover){background-color:#0000004d}@media (prefers-color-scheme:dark){:where(.motile-sheet__content){background-color:#1f2937;box-shadow:0 0 30px #00000080}:where(.motile-sheet__content--left){border-right-color:#374151}:where(.motile-sheet__content--right){border-left-color:#374151}:where(.motile-sheet__header){background-color:#1f2937;border-bottom-color:#374151}:where(.motile-sheet__back-button){color:#f9fafb}:where(.motile-sheet__back-button:hover){background-color:#374151}:where(.motile-sheet__title){color:#f9fafb}:where(.motile-sheet__body){background-color:#1f2937}:where(.motile-sheet__body::-webkit-scrollbar-thumb){background-color:#fff3}:where(.motile-sheet__body::-webkit-scrollbar-thumb:hover){background-color:#ffffff4d}:where(.motile-sheet__close){color:#9ca3af}:where(.motile-sheet__close:hover){background-color:#374151;color:#f9fafb}:where(.motile-sheet__close:active){background-color:#4b5563}}@media (prefers-reduced-motion:reduce){:where(.motile-sheet__content),:where(.motile-sheet__overlay){transition:none}}@media (hover:none) and (pointer:coarse){:where(.motile-sheet__header){height:60px}:where(.motile-sheet__chevron){width:26px;height:26px}}