dialog::backdrop{background-color:#00000080}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}dialog[open]::backdrop{animation:fadeInBackdrop .46s cubic-bezier(.18,1,.18,1) forwards}dialog{position:fixed;inset:auto 0 0;padding:0;width:100%;max-width:640px;background:transparent;border:none;transform:translateY(100%);transition:transform .4s ease,opacity .4s ease;z-index:1000;overflow:hidden;pointer-events:none;height:auto}dialog.modal-open{transform:translateY(0);opacity:1;pointer-events:auto}dialog.modal-closing{transform:translateY(100%);opacity:1;pointer-events:none}.smop--modal__sheet,.smop--modal__header,.smop--modal__content,.smop--modal__swipe__handle{pointer-events:auto;user-select:none;touch-action:none}.smop--modal__sheet{display:flex;flex-direction:column;overflow:hidden;min-height:60dvh;max-height:90dvh;transition:height .3s ease;background-color:var(--color-white);border-radius:var(--gap-lg) var(--gap-lg) 0 0;padding:0 var(--gap);overscroll-behavior:contain}.smop--modal__sheet.expanded{height:90dvh}.smop--modal__swipe__handle{position:relative;z-index:11;touch-action:pan-y;pointer-events:auto;margin:var(--gap) 0;width:100%;height:10%;cursor:grab;display:flex;align-items:center;justify-content:center}.smop--modal__swipe__handle__line{width:50px;height:6px;background:#ccc;border-radius:3px}.smop--modal__header{cursor:grab;flex-shrink:0;padding:0 var(--gap);touch-action:none}.smop--modal__header header{display:flex;justify-content:space-between;align-items:center;margin:0}.smop--modal__container h1{font-size:1.5rem}.smop--modal__close__button{background:none;border:none;color:#4a4a4a;cursor:pointer;z-index:1000}.smop--modal__content{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none;touch-action:auto;padding:0 var(--gap)}