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