:root{--t-fast: .14s;--t-base: .2s;--t-slow: .28s;--ease: cubic-bezier(.32, .72, .33, 1)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}body{transition:background-color var(--t-base) ease,color var(--t-base) ease}.pressable{transition:transform var(--t-fast) ease,background-color var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease}.pressable:active{transform:scale(.96)}.rise,.fresh{animation:rise var(--t-base) var(--ease)}.pop{animation:pop .26s var(--ease)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090b8c;display:flex;align-items:flex-end;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity var(--t-base) ease}.backdrop.on{opacity:1;pointer-events:auto}.sheet{width:100%;max-width:560px;padding:16px;border-radius:16px 16px 0 0;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #111);box-shadow:0 -12px 32px #0006;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;transform:translateY(100%);transition:transform var(--t-slow) var(--ease),background-color var(--t-base) ease}.backdrop.on .sheet{transform:translateY(0)}.sheet-content{animation:rise var(--t-base) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
