.learning-guide-entry{-webkit-backdrop-filter:blur(5.55556vw);backdrop-filter:blur(5.55556vw);appearance:none;cursor:pointer;text-align:left;background:linear-gradient(185deg,#0b3106 36%,#2b730b 90%) padding-box padding-box,linear-gradient(#ffe5b9 0%,#fffbf400 100%) border-box;border:1px solid #0000;border-radius:2.22222vw;justify-content:space-between;align-items:stretch;width:100%;margin-top:3.33333vw;padding:0;display:flex;position:relative;overflow:hidden}.learning-guide-entry__content{flex:1;align-items:center;min-width:0;padding:4.16667vw 0 4.16667vw 4.16667vw;display:flex}.learning-guide-entry__label{color:#fff8c6;text-align:left;max-width:100%;font-size:3.88889vw;line-height:5.55556vw;display:block}.learning-guide-entry__title{word-break:break-word;font-size:3.88889vw;line-height:5.55556vw;display:inline}.learning-guide-entry__title-normal{color:#fff8c6cc}.learning-guide-entry__title-highlight{color:#fff8c6}.learning-guide-entry__arrow-icon{vertical-align:-1px;flex-shrink:0;width:3.33333vw;height:3.33333vw;margin-left:1.11111vw;display:inline-block}.learning-guide-entry__visual{opacity:1;background-position:100%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:21.1111vw;min-height:19.4444vw;position:absolute;top:0;right:0}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){.learning-guide-entry{text-align:left;border-radius:8px;margin-top:12px}.learning-guide-entry__content{padding:20px 0 20px 20px}.learning-guide-entry__label{font-size:20px;line-height:1.4}.learning-guide-entry__title{font-size:20px;line-height:28px}.learning-guide-entry__arrow-icon{vertical-align:-3px;width:16px;height:16px;margin-left:10px}.learning-guide-entry__visual{background-position:100%;background-size:contain;width:160px;min-height:68px}}
.px-10{padding:0 2.77778vw}.card{margin-top:-4.16667vw}.personal{padding:0 5.55556vw 22.2222vw}.personal .user-info{background-image:url(https://global-image-pub.guazistatic-global.com/qnbdp1066xb83875b9c21c412482312a69cf67ac751755258668.png);background-position:69.4444vw 0;background-repeat:no-repeat;background-size:19.4444vw;padding-top:1.38889vw}.personal .user-info h1{letter-spacing:0;margin:0;padding:0 0 1.66667vw;font-size:5vw;font-weight:500;line-height:7.22222vw}.personal .user-info p{color:#666;font-size:3.88889vw;line-height:5.55556vw}.personal .editBuyerInfo{color:#009d3e;cursor:pointer;align-items:center;gap:1.11111vw;padding:2.22222vw 0;font-size:3.33333vw;display:flex}.personal .handle{grid-template-columns:1fr 1fr;gap:3.33333vw;padding-top:5.55556vw;display:grid}.personal .handle li{-webkit-backdrop-filter:blur(2.77778vw);backdrop-filter:blur(2.77778vw);cursor:pointer;background:#ffffffe6;border-radius:2.22222vw;flex-direction:column;justify-content:center;align-items:center;width:42.7778vw;height:27.7778vw;display:flex;box-shadow:0 0 2.77778vw #0000000d,inset 0 0 5.55556vw #fff}.personal .handle li img{width:6.66667vw;height:6.66667vw}.personal .handle li p{color:#009b3f;padding-top:1.66667vw;font-size:3.88889vw;font-weight:500}.personal .handle li p span{color:#666;padding-left:1.38889vw;font-weight:400}.personal .handle li:active{background:#e9e9e9e6}.personal .handle li.disabled{background:#f9f9f9e6}.personal .handle li.disabled img,.personal .handle li.disabled p{opacity:.38;filter:hue-rotate(152deg)saturate(0)brightness(70%)contrast(140%)}.personal .setlings-title{padding-top:8.33333vw;font-size:5vw;font-weight:500}.personal .setlings-wrap li{align-items:center;padding-top:5.55556vw;display:flex}.personal .setlings-wrap li p{cursor:pointer;flex:1}.personal .setlings-wrap li img{cursor:pointer;width:3.88889vw;height:3.88889vw}.personal .logout{background-color:#fff;border:.5px solid #009b3f;border-radius:5.55556vw;justify-content:center;align-items:center;width:88.8889vw;height:11.1111vw;margin:8.33333vw 0;line-height:11.1111vw;display:flex}.personal .logout img{width:4.44444vw;height:4.44444vw;padding-right:1.38889vw}.personal .logout span{color:#009b3f;font-size:3.88889vw;font-weight:500}.personal .relative{position:relative}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){.px-10{padding:0 10px}.card{margin-top:0}.personal-container .approval-notification{max-width:1024px}.personal{padding:0 20px}.personal .user-info{background-position:250px 0;background-size:70px;padding-top:5px}.personal .user-info h1{letter-spacing:0;margin:0;padding:0 0 6px;font-size:18px;font-weight:500;line-height:26px}.personal .user-info p{font-size:14px;line-height:20px}.personal .editBuyerInfo{color:#009d3e;cursor:pointer;align-items:center;gap:4px;padding:8px 0;font-size:12px;display:flex}.personal .handle{grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}.personal .handle li{width:inherit;border-radius:8px;height:100px}.personal .handle li img{width:24px;height:24px}.personal .handle li p{padding-top:6px;font-size:14px;font-weight:500}.personal .handle li p span{padding-left:5px}.personal .setlings-title{padding-top:30px;font-size:18px;font-weight:500}.personal .setlings-wrap li{padding-top:20px}.personal .setlings-wrap li p{flex:1}.personal .setlings-wrap li img{width:14px;height:14px}.personal .logout{cursor:pointer;border:.5px solid #009b3f;border-radius:20px;width:880px;height:40px;margin:50px auto;line-height:40px}.personal .logout img{width:16px;height:16px;padding-right:5px}.personal .logout span{font-size:14px;font-weight:500}}@media screen and (min-width:1440px) and (hover:hover) and (pointer:fine){.personal-container .approval-notification{max-width:1440px}}