.my-view{position:absolute;inset:0;margin:auto;width:min(100%,480px);min-height:100vh;background:var(--paper);z-index:13;padding:20px}.my-view[hidden]{display:none}.my-view>header{display:flex;justify-content:space-between;align-items:center}.my-view>header button{border:0;background:none;font-size:25px}.my-view h1{font:27px "Jua"}.my-profile{display:flex;gap:15px;align-items:center;padding:22px 7px}.my-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#cfe49c;font:24px "Jua"}.my-profile small{color:var(--green)}.my-profile h2{font:22px "Jua";margin:2px 0}.my-profile p{font-size:10px;color:var(--muted);margin:0}.my-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:17px;padding:12px 4px;margin-bottom:25px}.my-stats button{border:0;border-right:1px solid #ddd;background:none;display:grid;gap:3px}.my-stats button:last-child{border:0}.my-stats b{font:21px "Jua";color:var(--green)}.my-stats span{font-size:9px}.my-view>h3{font:18px "Jua"}.my-event{display:grid;grid-template-columns:44px 1fr 12px;gap:10px;align-items:center;background:#fff;border-radius:15px;padding:12px}.my-event>span{font-size:25px;color:var(--green)}.my-event div{display:grid}.my-event small{color:#d68b28}.my-event p{margin:2px 0;color:var(--muted);font-size:9px}.my-menu{display:grid;background:#fff;border-radius:17px;margin-top:22px}.my-menu button{display:grid;grid-template-columns:30px 1fr 12px;text-align:left;border:0;border-bottom:1px solid #eee;background:none;padding:14px;color:var(--green)}.my-menu span{display:grid;color:var(--ink);font:13px "Jua"}.my-menu small{color:var(--muted);font:9px "Gowun Dodum"}
