.vuu8qp0{position:relative}
.vuu8qp1{justify-content:space-between;align-items:center;display:flex}
.vuu8qp2{align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:150%;display:flex}
.vuu8qp3{letter-spacing:0%;text-align:right;color:#fff;align-items:center;gap:9px;font-size:12px;font-weight:600;line-height:130%;display:flex}
.vuu8qp4{flex-direction:column;gap:16px;max-height:620px;margin-top:24px;margin-bottom:42px;display:flex;overflow-y:auto}
.vuu8qp5{position:relative}
.vuu8qp5:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#ffffffe6 0%,#fff0 100%);width:64px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}
.vuu8qp5:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(270deg,#4f8095e6 0%,#4f809500 100%);width:64px;height:100%;transition:opacity .2s;position:absolute;top:0;right:0}
.vuu8qp6:before{opacity:1}
.vuu8qp7:after{opacity:1}
.vuu8qp8{flex:none;transition:opacity .2s}
.vuu8qpa{display:none}
.vuu8qpb{background-color:#e4eef2;border:1px solid #93b0bb;border-radius:8px;flex-direction:column;width:100%;min-height:138px;padding:16px;display:flex;overflow:hidden}
.vuu8qpc{align-items:center;gap:20px;display:flex}
.vuu8qpd{display:none}
.vuu8qpe{cursor:pointer;background:#4f8095;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}
.vuu8qpe:disabled{opacity:.5;cursor:default}
.vuu8qpf{transform:rotate(180deg)}
.vuu8qpg{display:none}
.vuu8qph{display:none}
.vuu8qpi{text-align:center;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}
.vuu8qpj{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding-top:81px;padding-bottom:117px;display:flex}
.vuu8qpk{background-color:#35697e;border-radius:50%;justify-content:center;align-items:center;width:129px;height:129px;display:flex}
.vuu8qpl{letter-spacing:0;text-align:center;color:#fff;font-size:16px;font-weight:600;line-height:180%}
.vuu8qpm{color:#033c5f;cursor:pointer;background:#c3d7de;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}
.vuu8qpm:hover{background:#d0e2e9}
.vuu8qpn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s;display:flex}
.vuu8qpn:hover{background:#ffffff1a}
@media screen and (min-width:1024px){.vuu8qp0{background-color:#4f8095;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:40px 50px 0}.vuu8qp0:before{content:"";pointer-events:none;z-index:1;background-image:url(/images/mypage-waves-dark.svg);background-position:0 0;background-repeat:no-repeat;background-size:100%;width:100%;height:80px;position:absolute;top:-80px;left:0}}
@media screen and (max-width:1023px){.vuu8qp0{background-color:#fff;border-radius:10px;padding:32px 16px 1px}}
@media (min-width:1024px){.vuu8qp2{color:#fff;font-size:18px}.vuu8qp4{flex-direction:row;gap:24px;height:auto;overflow-x:auto}.vuu8qp5{overflow:hidden}.vuu8qp9{opacity:.5;filter:blur(1.6px);pointer-events:none}.vuu8qpa{color:#fff;cursor:pointer;z-index:2;background:#4f8095;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 6px 18px #00000026}.vuu8qpa:hover{opacity:.9;transform:translateY(-50%)scale(1.03)}.vuu8qpa:disabled{opacity:.4;cursor:default;transform:translateY(-50%)}.vuu8qpb{width:256px}.vuu8qph{display:flex}}
@media (max-width:1023px){.vuu8qp2{color:#033c5f}.vuu8qpd{align-items:center;gap:8px;display:flex}.vuu8qpg{flex-direction:column;gap:16px;max-height:none;display:flex;overflow:visible}}