*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;min-height:100vh}#root{margin:auto;max-width:600px;padding:10px;font-family:Sour Gummy}.swipe-container{display:flex;overflow:auto;overflow-x:scroll;scroll-snap-type:x mandatory}.swipe-container::-webkit-scrollbar{display:none}.swipe-element{border:1px solid lightgrey;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;scroll-snap-align:start}.action,.swipe-element{min-width:100%;padding:8px;margin-top:5px}.action{display:flex;align-items:center;margin-left:1px;margin-right:1px}.left{background-color:#ffe}.right{justify-content:flex-end;background-color:#eff}.date-marker{display:flex;align-items:center;gap:10px;margin:18px 0 6px;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.date-marker:before,.date-marker:after{content:"";flex:1;height:1px;background:#e5e7eb}.date-marker:first-child{margin-top:4px}