.payload-richtext{width:100%}.cards{position:relative;height:150px;transition-duration:.5s;background:none;overflow:hidden}.cards:hover{height:270px}.cards:hover .outlinePage{box-shadow:0 10px 15px #b1985e}.cards:hover .detailPage{display:flex}.outlinePage{background:linear-gradient(45deg,#fffbf0,#ffdd87);height:150px;border-radius:25px;transition-duration:.5s;z-index:2}.detailPage,.outlinePage{position:relative;width:300px}.detailPage{display:none;height:120px;background:white;top:-20px;z-index:1;transition-duration:1s;border-radius:0 0 25px 25px;overflow:hidden;align-items:center;justify-content:flex-start}.splitLine{position:absolute;width:200px;height:10px;top:100px;background-image:linear-gradient(90deg,transparent 10%,#ffe8a0 20%,#f7b733 50%,#ffe8a0 70%,transparent 90%);z-index:1}.trophy{position:absolute;right:0;top:4px;z-index:2}.ranking_number{position:relative;color:#ffc64b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:80px;left:20px;padding:0;margin:0;top:-5px}.ranking_word{position:relative;font-size:40px;color:#424c50}.userName{position:relative;font-weight:600;color:#6b7578;font-size:18px;left:6px;top:-6px}.medals{position:absolute;top:15px;right:5px}.gradesBox{position:relative;height:75px;top:10px;margin-right:10px;margin-left:15px}.gradesIcon{position:absolute;top:10px}.gradesBoxLabel{color:#424c50;letter-spacing:6px;margin-top:20px;font-size:13px}.gradesBoxLabel,.gradesBoxNum{position:relative;display:block;margin-left:60px;font-family:Arial,Helvetica,sans-serif;font-weight:800}.gradesBoxNum{font-size:25px;color:#ea9518;top:-5px}.timeNum{color:#6cabf6}.slide-in-top{animation:slide-in-top 1s cubic-bezier(.65,.05,.36,1) both}@keyframes slide-in-top{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}