.mission-wrapper{width:100%;margin:0 0 10px;position:relative}.mission-wrapper .mission-item{border:solid 1px var(--borderBg15);background-color:var(--colorBg02);border-radius:14px;width:100%;padding:16px;overflow:hidden;box-shadow:0 4px 10px #00000029}.mission-wrapper .mission-item.stemp{opacity:.5}.mission-wrapper .mission-item .top{align-items:center;justify-content:initial;gap:6px;margin-bottom:7px;display:flex;position:relative}.mission-wrapper .mission-item .top .status{letter-spacing:-.3px;background-color:#fbf5e0;border-radius:39px;height:24px;margin:0 6px 0 0;padding:3px 8px;font-size:12px}.mission-wrapper .mission-item .top .status.wait{background-color:var(--colorBg_mission_wait);color:var(--colorFg_mission_wait)}.mission-wrapper .mission-item .top .status.success{background-color:var(--colorBg_mission_success);color:var(--colorFg_mission_success)}.mission-wrapper .mission-item .top .status.fail{background-color:var(--colorBg_mission_fail);color:var(--colorFg_mission_fail)}.mission-wrapper .mission-item .top .status.running{background-color:var(--colorBg_mission_running);color:var(--colorFg_mission_running)}.mission-wrapper .mission-item .top .status.hidden{color:#4d5153;background-color:#eaeaf0}.mission-wrapper .mission-item .top .status.cancel{background-color:var(--colorBg_mission_cancel);color:var(--colorFg_mission_cancel)}.mission-wrapper .mission-item .top .date{font-size:13px}.mission-wrapper .mission-item .top .date>div{color:var(--colorFgD01)}.mission-wrapper .mission-item .top .date .min{color:var(--baseFg)}.mission-wrapper .mission-item .top .date .min>span{color:var(--colorFg09)}.mission-wrapper .mission-item .top .wait-timer{color:var(--colorFg_mission_wait);font-size:13px;display:block;position:absolute;top:0;right:0}.mission-wrapper .mission-item .mission-subject{color:var(--baseFg);margin-bottom:7px;font-size:15px;font-weight:500}.mission-wrapper .mission-item .middle{align-items:center;justify-content:initial;cursor:pointer;gap:6px;height:24px;display:flex}.mission-wrapper .mission-item .middle .nikname{color:var(--colorFg09);margin-left:5px;font-size:13px}.mission-wrapper .mission-item .heart{letter-spacing:-.38px;color:var(--baseFg);justify-content:end;align-items:center;font-size:15px;line-height:1.4;display:flex}.mission-wrapper .mission-item .heart.addMb{margin-bottom:4px}.mission-wrapper .mission-item .heart div>span{letter-spacing:-.58px;font-size:23px}.mission-wrapper .mission-item .heart{gap:3px}.mission-wrapper .mission-item .heart>.heartBtn{cursor:pointer;color:#1a73e8;border:1px solid #1a73e8;border-radius:39px;margin-left:6px;padding:0 6px;font-size:12px;line-height:24px;display:inline-block}.mission-wrapper .mission-item .bottom-btn{justify-content:space-between;align-items:center;gap:8px;display:flex}.mission-wrapper .mission-item .bottom-btn>button{border-radius:8px;flex:1;height:34px}.mission-wrapper .mission-item .past-mission-btn{background-color:#f2f2f2;justify-content:center;align-items:center;gap:5px;width:100%;height:30px;font-size:12px;display:flex}.mission-wrapper .mission-item .past-mission-btn .text{justify-content:center;align-items:center;gap:5px;display:flex}.mission-wrapper .mission-item .past-mission-btn .text>span{color:#1a73e8;font-weight:700}.mission-wrapper .mission-item-status{z-index:99;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}
