.my-login-section-title{border-left:6px solid rgb(177,152,106);padding-left:18px;font-size:24px;font-weight:400;color:#0f2d70;margin:24px 0}.my-login-card{border:1px solid rgb(207,200,216);border-radius:5px;background:transparent;padding:20px}.my-login-button,.my-line-button{display:flex;align-items:center;justify-content:center;margin:24px auto;width:240px;height:64px;padding:0;border:none;border-radius:32px;background:linear-gradient(85.06deg,#003973 16.02%,#578d8d 103.64%);color:#fff;font-size:20px;font-weight:700;line-height:20px;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s}.my-login-button:hover,.my-line-button:hover{opacity:.85}.my-login-separator{text-align:center;margin:24px 0;color:#000;font-size:16px}.my-login-label{display:block;font-size:18px;font-weight:400;margin-bottom:8px;color:#000}.my-login-label .required{color:#c00;margin-left:2px}.my-login-input{display:block;box-sizing:border-box;width:100%;padding:16px;border:2px solid #e2e2e2;border-radius:8px;font-size:24px;background:#fff}.my-login-input:focus{outline:2px solid #578d8d;border-color:#578d8d}.my-menu-cards{display:flex;gap:16px;margin:24px 0}.my-menu-card{flex:1;display:block;border:1px solid rgb(207,200,216);border-radius:5px;background:#fff;padding:20px;text-decoration:none;transition:box-shadow .2s}.my-menu-card:hover{box-shadow:0 2px 8px #00397326}.my-menu-card-title{display:block;font-size:18px;font-weight:700;color:#003973}.my-menu-card-desc{display:block;font-size:13px;color:#666;margin-top:4px}@media screen and (max-width:768px){.my-menu-cards{flex-direction:column}}.my-login-card .my-login-note{font-size:14px;line-height:1.7;color:#666;text-align:center;margin-top:16px;word-break:keep-all;overflow-wrap:anywhere}@media screen and (max-width:768px){.my-login-input{font-size:20px}}.my-login-message{padding:12px 16px;border-radius:8px}.my-login-card .my-login-message{font-size:15px;line-height:1.6;margin:0 0 16px}.my-login-message[tabindex="-1"]:focus{outline:none}.my-login-message--error{background:#fdecea;color:#b3261e;border:1px solid #f3b8b3}.my-login-message--info{background:#eef4f8;color:#003973;border:1px solid #c9dbe8}.my-link-button{display:block;margin:-10px auto;background:none;border:none;padding:10px 0;color:#003973;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.my-login-label--spaced{margin-top:16px}.my-login-label--wrap{word-break:keep-all;overflow-wrap:anywhere;line-height:1.4}.my-login-button--gray{background:var(--gradient-cta-gray);color:var(--color-brand-navy);filter:drop-shadow(var(--shadow-cta))}.my-login-button:disabled,.my-line-button:disabled{opacity:.5;cursor:default}.my-passkey-list{list-style:none;padding:0;margin:0 0 8px;container-type:inline-size}.my-passkey-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e2e2e2}.my-passkey-info{flex:1 1 16em;min-width:0;overflow-wrap:anywhere}.my-passkey-meta{display:block;font-size:13px;color:#666;margin-top:2px}:root{--my-passkey-date-gap: 6px;--my-passkey-date-line: 13px;--my-passkey-date-height: calc(var(--my-passkey-date-gap) + var(--my-passkey-date-line))}.my-passkey-info .my-passkey-meta{margin-top:var(--my-passkey-date-gap);line-height:var(--my-passkey-date-line)}.my-passkey-name-input{display:block;box-sizing:border-box;width:100%;padding:8px 12px;border:2px solid #e2e2e2;border-radius:8px;font-size:16px;background:#fff}.my-passkey-name-input:focus{outline:2px solid #578d8d;border-color:#578d8d}.my-passkey-actions{display:flex;flex:none;gap:8px;margin-left:auto}@container (min-width: calc(16em + 170px)){.my-passkey-item--editing .my-passkey-actions{margin-top:calc(var(--my-passkey-date-height) / -2);margin-bottom:calc(var(--my-passkey-date-height) / 2)}}.my-passkey-action{flex:none;background:none;border:1px solid;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:14px;white-space:nowrap}.my-passkey-action:disabled{opacity:.5;cursor:default}.my-passkey-action--outline{border-color:#003973;color:#003973}.my-passkey-action--filled{border-color:#003973;background:#003973;color:#fff}.my-passkey-action--danger{border-color:#c00;color:#c00}.my-card-wrap{width:100%;display:flex;justify-content:center;margin:24px 0;perspective:1000px}.my-card{position:relative;width:min(400px,100%);aspect-ratio:85.6 / 53.98;transition:transform 1s;transform-style:preserve-3d}.my-card.is-flipped{transform:rotateY(180deg)}.my-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;backface-visibility:hidden;-webkit-backface-visibility:hidden}.my-card-front{transform:translateZ(1px)}.my-card-back{transform:rotateY(180deg)}.my-card-header{width:100%;height:50px;box-sizing:border-box;background-color:#c0ac83;display:flex;justify-content:center;align-items:center;padding:10px 0;font-size:30px;font-weight:700;color:#fff}.my-card-body{box-sizing:border-box;width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px 0;text-align:left}.my-card-kv{display:flex;flex-direction:column;padding:0 20px}.my-card-value{width:100%;display:flex;align-items:center;font-size:35px;font-weight:700;line-height:1.1;color:#000}.my-card-value--small{font-size:30px}.my-card-value--small{container-type:inline-size}.my-card-value--small>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:min(30px,calc((100cqw - 60px) / 9.2))}html.wf-active .my-card-value--small>span{font-size:30px}@container (max-width: 291.98px){html.wf-active .my-card-value--small>span{font-size:calc((100cqw - 60px) / 7.9)}}.my-card-value--name{font-size:32px}.my-card-value--name>span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-card-label{font-size:15px;color:#a6a6a6;margin-top:5px;margin-bottom:10px}.my-card-flip{flex:none;margin-left:auto;padding:0 15px;height:40px;display:flex;align-items:center;background:none;border:none;cursor:pointer;transition:opacity .2s ease-out}.my-card-flip:hover{opacity:.4}.my-card-flip img{display:block;width:30px;height:auto}.my-card--code{display:grid;aspect-ratio:auto}.my-card--code>.my-card-face{position:relative;inset:auto;grid-area:1 / 1}.my-card--code .my-card-value--name,.my-card--code .my-card-value--small{min-height:40px}.my-card-code{display:flex;flex-direction:column;align-items:center;padding:0 20px}.my-card-code-symbol{display:block;flex:none}.my-card-code-caption{margin-top:5px;font-size:14px;line-height:1.7;color:#666;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
