.ho-mypage-circle-tab[data-v-13bfe1f2] .radio>.label{color:#2e3458;letter-spacing:.64px;white-space:nowrap;background-color:#fff;border:1px solid #dbdbdb;justify-content:center;align-items:center;height:56px;font-weight:700;line-height:120%;display:flex}@media screen and (width<=769px){.ho-mypage-circle-tab[data-v-13bfe1f2] .radio>.label{white-space:pre;width:auto;font-size:14px}.ho-mypage-circle-tab[data-v-13bfe1f2] .radio{width:33.3333%}}.ho-mypage-circle-tab[data-v-13bfe1f2] .radio .input:checked+.label,.ho-mypage-circle-tab[data-v-13bfe1f2] .radio .input:focus+.label,.ho-mypage-circle-tab[data-v-13bfe1f2] .radio .input:hover+.label{background:#e5f5ff;border-color:#2e3458}.ho-mypage-circle-tab[data-v-13bfe1f2] .radio:first-child>.label{border-radius:8px 0 0 8px}.ho-mypage-circle-tab[data-v-13bfe1f2] .radio:last-child>.label{border-radius:0 8px 8px 0}.ho-mypage-circles-invitations-approval-dialog[data-v-6677cc32] dialog{width:640px;height:fit-content}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog[data-v-6677cc32] dialog{width:343px}}.ho-mypage-circles-invitations-approval-dialog.-disabled[data-v-6677cc32] .open{cursor:not-allowed}.ho-mypage-circles-invitations-approval-dialog .button[data-v-6677cc32]{background:linear-gradient(#8181ff,#6666fa);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;padding:0;display:flex}.ho-mypage-circles-invitations-approval-dialog .button[data-v-6677cc32]:active,.ho-mypage-circles-invitations-approval-dialog .button[data-v-6677cc32]:focus,.ho-mypage-circles-invitations-approval-dialog .button[data-v-6677cc32]:hover{background:linear-gradient(#8181ff,#5dbdff)}.ho-mypage-circles-invitations-approval-dialog .button>.icon[data-v-6677cc32]{width:24px;height:24px}.ho-mypage-circles-invitations-approval-dialog .button>.text[data-v-6677cc32]{color:#fff;letter-spacing:.64px;font-weight:700;line-height:120%}.ho-mypage-circles-invitations-approval-dialog .header-text[data-v-6677cc32]{color:#2e3458;letter-spacing:.96px;font-size:24px;font-weight:700;line-height:150%}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .header-text[data-v-6677cc32]{letter-spacing:.64px;font-size:16px}}.ho-mypage-circles-invitations-approval-dialog .body-container[data-v-6677cc32]{flex-direction:column;gap:8px;width:100%;display:flex}.ho-mypage-circles-invitations-approval-dialog .button-wrapper[data-v-6677cc32]{flex-direction:column;justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .button-wrapper[data-v-6677cc32]{margin-top:24px}}.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.cancel[data-v-6677cc32]{cursor:pointer;color:#2e3458;letter-spacing:.64px;font-weight:400;line-height:150%}@media (any-hover:hover){.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.cancel[data-v-6677cc32]:hover,.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.cancel[data-v-6677cc32]:focus-within{color:#6666fa}}.ho-mypage-circles-invitations-approval-dialog .empty[data-v-6677cc32]{justify-content:center;align-items:center;width:100%;height:100px;display:flex}.ho-mypage-circles-invitations-decline-dialog[data-v-630da72c] dialog{width:640px;height:fit-content}@media screen and (width<=769px){.ho-mypage-circles-invitations-decline-dialog[data-v-630da72c] dialog{width:343px}}.ho-mypage-circles-invitations-decline-dialog .button[type=button][data-v-630da72c]{background:#fff;border:2px solid #fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;padding:0;transition:border .3s,background .3s;display:flex}.ho-mypage-circles-invitations-decline-dialog .button[type=button][data-v-630da72c]:active,.ho-mypage-circles-invitations-decline-dialog .button[type=button][data-v-630da72c]:focus,.ho-mypage-circles-invitations-decline-dialog .button[type=button][data-v-630da72c]:hover{background:#fff0f0;border:2px solid #da0000}.ho-mypage-circles-invitations-decline-dialog .button[type=button]>.icon[data-v-630da72c]{width:24px;height:24px}.ho-mypage-circles-invitations-decline-dialog .button[type=button]>.text[data-v-630da72c]{color:#da0000;letter-spacing:.64px;font-weight:700;line-height:120%}.ho-mypage-circles-invitations-decline-dialog .header-text[data-v-630da72c]{color:#2e3458;letter-spacing:.96px;font-size:24px;font-weight:700;line-height:150%}@media screen and (width<=769px){.ho-mypage-circles-invitations-decline-dialog .header-text[data-v-630da72c]{letter-spacing:.64px;font-size:16px}}.ho-mypage-circles-invitations-decline-dialog .body-container[data-v-630da72c]{flex-direction:column;gap:8px;width:100%;display:flex}.ho-mypage-circles-invitations-decline-dialog .button-wrapper[data-v-630da72c]{flex-direction:column;justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}@media screen and (width<=769px){.ho-mypage-circles-invitations-decline-dialog .button-wrapper[data-v-630da72c]{margin-top:24px}}.ho-mypage-circles-invitations-decline-dialog .button-wrapper>.cancel[data-v-630da72c]{cursor:pointer;color:#2e3458;letter-spacing:.64px;font-weight:400;line-height:150%}@media (any-hover:hover){.ho-mypage-circles-invitations-decline-dialog .button-wrapper>.cancel[data-v-630da72c]:hover,.ho-mypage-circles-invitations-decline-dialog .button-wrapper>.cancel[data-v-630da72c]:focus-within{color:#6666fa}}.ho-mypage-circles-invitations-decline-dialog .empty[data-v-630da72c]{justify-content:center;align-items:center;width:100%;height:100px;display:flex}.ho-mypage-circles-invitations-approval-dialog[data-v-1f5b2547] dialog{width:640px;height:fit-content}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog[data-v-1f5b2547] dialog{width:343px}}.ho-mypage-circles-invitations-approval-dialog .button[data-v-1f5b2547]{background:linear-gradient(#8181ff,#6666fa);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;padding:0;display:flex}.ho-mypage-circles-invitations-approval-dialog .button[data-v-1f5b2547]:hover{background:linear-gradient(#8181ff,#5dbdff)}.ho-mypage-circles-invitations-approval-dialog .button>.icon[data-v-1f5b2547]{width:24px;height:24px}.ho-mypage-circles-invitations-approval-dialog .button>.text[data-v-1f5b2547]{color:#fff;letter-spacing:.64px;font-weight:700;line-height:120%}.ho-mypage-circles-invitations-approval-dialog .header-text[data-v-1f5b2547]{color:#2e3458;letter-spacing:.96px;font-size:24px;font-weight:700;line-height:150%}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .header-text[data-v-1f5b2547]{letter-spacing:.64px;font-size:16px}}.ho-mypage-circles-invitations-approval-dialog .body-container[data-v-1f5b2547]{flex-direction:column;gap:8px;width:100%;display:flex}.ho-mypage-circles-invitations-approval-dialog .button-wrapper[data-v-1f5b2547]{flex-direction:column;justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .button-wrapper[data-v-1f5b2547]{margin-top:24px}}.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.circle[data-v-1f5b2547]{color:#fff;text-align:center;letter-spacing:.64px;background:linear-gradient(#8181ff,#6666fa);border-radius:56px;width:100%;height:56px;font-weight:700;line-height:120%}@media (any-hover:hover){.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.circle[data-v-1f5b2547]:hover,.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.circle[data-v-1f5b2547]:focus-within{background:linear-gradient(#8181ff,#5dbdff)}}.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.mypage[data-v-1f5b2547]{cursor:pointer;color:#2e3458;letter-spacing:.64px;font-weight:400;line-height:150%}@media (any-hover:hover){.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.mypage[data-v-1f5b2547]:hover,.ho-mypage-circles-invitations-approval-dialog .button-wrapper>.mypage[data-v-1f5b2547]:focus-within{color:#6666fa}}.ho-mypage-circles-invitations-approval-dialog .circle-card[data-v-1f5b2547]{background:#fff;border-radius:16px;align-self:stretch;align-items:center;gap:8px;width:100%;padding:16px;display:flex;box-shadow:0 0 8px #2e345840}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .circle-card[data-v-1f5b2547]{padding:8px}}.ho-mypage-circles-invitations-approval-dialog .circle-card>.image[data-v-1f5b2547]{-o-object-fit:cover;object-fit:cover;border-radius:320px;width:92px;height:92px}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .circle-card>.image[data-v-1f5b2547]{width:72px;height:72px}}.ho-mypage-circles-invitations-approval-dialog .circle-card>.info-container[data-v-1f5b2547]{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ho-mypage-circles-invitations-approval-dialog .circle-card>.info-container>.circle-name[data-v-1f5b2547]{-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-all;color:#2e3458;letter-spacing:.96px;-webkit-box-orient:vertical;font-size:24px;font-weight:700;line-height:150%;display:-webkit-box;overflow:hidden}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .circle-card>.info-container>.circle-name[data-v-1f5b2547]{letter-spacing:.64px;font-size:16px;font-weight:700}}.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container[data-v-1f5b2547]{align-self:stretch;align-items:center;gap:8px;display:flex}.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.owner[data-v-1f5b2547]{color:#2e3458;letter-spacing:.64px;font-weight:400;line-height:150%}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.owner[data-v-1f5b2547]{letter-spacing:.48px;font-size:12px;font-weight:500;line-height:100%}}.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.user-container[data-v-1f5b2547]{flex:1 0 0;align-items:center;gap:8px;display:flex}.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.user-container>.image[data-v-1f5b2547]{border-radius:164px;width:48px;height:48px}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.user-container>.image[data-v-1f5b2547]{width:42px;height:42px}}.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.user-container>.name[data-v-1f5b2547]{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;color:#2e3458;letter-spacing:.64px;-webkit-box-orient:vertical;font-weight:400;line-height:150%;display:-webkit-box;overflow:hidden}@media screen and (width<=769px){.ho-mypage-circles-invitations-approval-dialog .circle-card .owner-container>.user-container>.name[data-v-1f5b2547]{letter-spacing:.56px;font-size:14px}}.ho-mypage-circles-list-card .thumbnail-container>.thumbnail-wrapper[data-v-606918d4]{aspect-ratio:1}.ho-mypage-circles-list-card .thumbnail-container>.thumbnail-wrapper>.image[data-v-606918d4]{-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0;width:100%;height:100%}.user-container[data-v-606918d4]{flex-direction:column;gap:8px;padding:8px;display:flex}.user-container>.user-wrapper[data-v-606918d4]{justify-content:center;align-items:center;height:fit-content;margin-top:-52px;display:flex}.user-container>.user-wrapper.-skeleton[data-v-606918d4]{opacity:0}.user-container>.user-wrapper>.icon[data-v-606918d4]{background:#fff;max-width:72px;height:72px}.user-container>.user-wrapper>.icon[data-v-606918d4] .image{border-radius:50%;width:100%;padding:4px}.user-container>.user-wrapper>.name-wrapper[data-v-606918d4]{flex-direction:column;flex-grow:1;justify-content:flex-end;height:72px;display:flex}.user-container>.user-wrapper>.name-wrapper>.name[data-v-606918d4]{-webkit-line-clamp:1}.user-container>.circle-name[data-v-606918d4],.user-container>.user-wrapper>.name-wrapper>.name[data-v-606918d4]{text-overflow:ellipsis;word-break:break-all;color:#333;letter-spacing:.56px;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:150%;display:-webkit-box;overflow:hidden}.user-container>.circle-name[data-v-606918d4]{-webkit-line-clamp:2;min-height:42px}.button-container[data-v-606918d4]{border-top:1px solid #dbdbdb;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}@media screen and (width<=769px){.button-container[data-v-606918d4]{border-top:none;padding:4px}}.button-container>.button-wrapper[data-v-606918d4]{gap:8px;width:100%;display:flex}@media screen and (width<=769px){.button-container>.button-wrapper[data-v-606918d4]{flex-direction:column}}.button-container>.button-wrapper[data-v-606918d4] .hm-button{min-width:unset}.button-container>.button-wrapper .button[data-v-606918d4]{background:linear-gradient(#8181ff,#6666fa);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;padding:0;display:flex}@media screen and (width<=769px){.button-container>.button-wrapper .button[data-v-606918d4]{flex:auto;height:40px}}.button-container>.button-wrapper .button[data-v-606918d4]:active,.button-container>.button-wrapper .button[data-v-606918d4]:focus,.button-container>.button-wrapper .button[data-v-606918d4]:hover{background:linear-gradient(#8181ff,#5dbdff)}.button-container>.button-wrapper .button>.icon[data-v-606918d4]{width:24px;height:24px}.button-container>.button-wrapper .button>.text[data-v-606918d4]{color:#fff;letter-spacing:.64px;font-size:14px;font-weight:700;line-height:120%}@media screen and (width<=769px){.button-container>.button-wrapper .button>.text[data-v-606918d4]{font-size:14px}}.button-container>.button-wrapper>.approval-dialog[data-v-606918d4],.button-container>.button-wrapper>.decline-dialog[data-v-606918d4]{flex:1}.button-container>.button[data-v-606918d4]:not(.-outline){background-color:#e5f5ff;justify-content:center;align-items:center;gap:4px;width:100%;padding:0;display:flex}.button-container>.button[data-v-606918d4]:not(.-outline):active,.button-container>.button[data-v-606918d4]:not(.-outline):focus,.button-container>.button[data-v-606918d4]:not(.-outline):hover{background:#e5f5ff;border:2px solid #8181ff}.button-container>.button:not(.-outline):active>.icon[data-v-606918d4],.button-container>.button:not(.-outline):active>.text[data-v-606918d4],.button-container>.button:not(.-outline):focus>.icon[data-v-606918d4],.button-container>.button:not(.-outline):focus>.text[data-v-606918d4],.button-container>.button:not(.-outline):hover>.icon[data-v-606918d4],.button-container>.button:not(.-outline):hover>.text[data-v-606918d4]{color:#6666fa}.button-container>.button:not(.-outline)>.icon[data-v-606918d4]{color:#2e3458;width:24px;height:24px}.button-container>.button:not(.-outline)>.text[data-v-606918d4]{color:#2e3458;letter-spacing:.64px;font-size:14px;font-weight:700;line-height:120%}@media screen and (width<=769px){.button-container>.button:not(.-outline)>.text[data-v-606918d4]{font-size:14px}}.button-container .approval-button[data-v-606918d4],.button-container .decline-button[data-v-606918d4]{display:none}.ht-mypage-circles[data-v-b17a3ba3]{background-color:#fff;height:100%;display:block;position:relative}.ht-mypage-circles .page-content[data-v-b17a3ba3]{flex-direction:column;gap:8px;display:flex}.ht-mypage-circles .tab-container[data-v-b17a3ba3]{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;display:flex}@media screen and (width<=769px){.ht-mypage-circles .tab-container[data-v-b17a3ba3]{flex-direction:column;gap:8px;padding-top:40px;position:relative}}.ht-mypage-circles .tab-container>.tab[data-v-b17a3ba3]{width:60%;min-width:480px}@media screen and (width<=769px){.ht-mypage-circles .tab-container>.tab[data-v-b17a3ba3]{width:100%;min-width:unset}}.ht-mypage-circles .count-container[data-v-b17a3ba3]{justify-content:center;align-items:center;gap:16px;display:flex}.ht-mypage-circles .circle-list[data-v-b17a3ba3]{flex-wrap:wrap;gap:10px;width:100%;display:flex}@media screen and (width<=769px){.ht-mypage-circles .circle-list[data-v-b17a3ba3]{grid-template-columns:repeat(2,1fr);gap:16px 8px}}.ht-mypage-circles .circle-list .item[data-v-b17a3ba3]{width:230px}@media screen and (width<=769px){.ht-mypage-circles .circle-list .item[data-v-b17a3ba3]{width:calc(50% - 4px)}}.ht-mypage-circles .empty[data-v-b17a3ba3]{flex:1;justify-content:center;align-items:center;width:100%;display:flex}