.ht-hub-notification-detail .custom-button[data-v-248a7a1d] .button.lg{all:unset;display:flex;justify-content:center;padding:16px;width:100%}.ht-hub-notification-detail .custom-button[data-v-248a7a1d] .button.lg .icon{height:16px;width:16px}.ht-hub-notification-detail .custom-button[data-v-248a7a1d] .text{color:#fff}.ht-hub-notification-detail .custom-button.-back[data-v-248a7a1d] .text{color:#2e3458}@media screen and (max-width:769px){.ht-hub-notification-detail .container[data-v-248a7a1d] .inner{padding-bottom:16px}}.ht-hub-notification-detail .top[data-v-248a7a1d]{align-items:center;display:flex;margin-bottom:8px}@media screen and (max-width:769px){.ht-hub-notification-detail .top[data-v-248a7a1d]{padding:16px 16px 0}}.ht-hub-notification-detail .top>.title[data-v-248a7a1d]{flex-grow:1;font-size:24px;font-weight:700;letter-spacing:.04em;line-height:1.5}@media screen and (max-width:769px){.ht-hub-notification-detail .top>.title[data-v-248a7a1d]{font-size:16px}}.ht-hub-notification-detail .top>.link[data-v-248a7a1d]{align-items:center;background-image:linear-gradient(180deg,#ff82c5,#ff5ab3);border-radius:max(100vmax,9999px);display:flex;flex-shrink:0;gap:4px;justify-content:center;padding:16px;text-align:center;width:240px}@media screen and (max-width:769px){.ht-hub-notification-detail .top>.link[data-v-248a7a1d]{display:none}}@media (any-hover:hover){.ht-hub-notification-detail .top>.link[data-v-248a7a1d]:hover{background-image:linear-gradient(180deg,#ff82c5,#dc72ff)}.ht-hub-notification-detail .top>.link[data-v-248a7a1d]:focus-within{background-image:linear-gradient(180deg,#ff82c5,#dc72ff)}}.ht-hub-notification-detail .top>.link>.text[data-v-248a7a1d]{color:#fff;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1}.ht-hub-notification-detail .tags[data-v-248a7a1d]{display:flex;flex-wrap:wrap;gap:4px}.ht-hub-notification-detail .tags .item[data-v-248a7a1d]{border:1px solid #8181ff;border-radius:4px;color:#8181ff;font-size:14px;font-weight:500;letter-spacing:.04em;line-height:1;padding:4px 8px}@media screen and (max-width:769px){.ht-hub-notification-detail .tags .item[data-v-248a7a1d]{font-size:14px}}.ht-hub-notification-detail .date[data-v-248a7a1d]{align-items:center;background-color:#8181ff;color:#fff;display:flex;font-size:16px;font-weight:700;gap:4px;letter-spacing:.04em;margin-bottom:4px;padding:8px}@media screen and (max-width:769px){.ht-hub-notification-detail .date[data-v-248a7a1d]{font-size:14px;padding:4px 8px}}.ht-hub-notification-detail .date>.icon[data-v-248a7a1d]{width:20px}.ht-hub-notification-detail .middle[data-v-248a7a1d]{align-items:flex-start;display:flex;gap:16px;position:relative}@media screen and (max-width:769px){.ht-hub-notification-detail .middle[data-v-248a7a1d]{flex-direction:column;gap:8px;padding-inline:16px}}.ht-hub-notification-detail .middle>.thumbnail[data-v-248a7a1d]{left:0;position:sticky;top:136px;width:39%}@media screen and (max-width:769px){.ht-hub-notification-detail .middle>.thumbnail[data-v-248a7a1d]{position:static;width:100%}}.ht-hub-notification-detail .middle>.information[data-v-248a7a1d]{display:flex;flex-direction:column;gap:8px;width:61%}.ht-hub-notification-detail .middle>.information>.content[data-v-248a7a1d]{font-size:16px;letter-spacing:.04em;line-height:1.5}@media screen and (max-width:769px){.ht-hub-notification-detail .middle>.information[data-v-248a7a1d]{width:100%}}.ht-hub-notification-detail .user-table[data-v-248a7a1d]{display:flex;flex-direction:column;gap:8px}.ht-hub-notification-detail .user-table>.row[data-v-248a7a1d]{display:flex;gap:8px;justify-content:center}@media screen and (max-width:769px){.ht-hub-notification-detail .user-table>.row[data-v-248a7a1d]{flex-direction:column}}.ht-hub-notification-detail .user-table>.row>.header[data-v-248a7a1d]{align-items:center;background:#f5f5f5;color:#2e3458;display:flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.56px;line-height:150%;margin:0;padding:8px 4px;width:100px}@media screen and (max-width:769px){.ht-hub-notification-detail .user-table>.row>.header[data-v-248a7a1d]{width:100%}}.ht-hub-notification-detail .user-table>.row>.content[data-v-248a7a1d]{display:flex;flex:1;gap:4px}.ht-hub-notification-detail .user-table>.row>.content>.icon[data-v-248a7a1d]{height:58px;width:58px}.ht-hub-notification-detail .user-info[data-v-248a7a1d]{display:flex;flex:1;flex-direction:column;gap:4px;overflow:hidden}.ht-hub-notification-detail .user-info>.name[data-v-248a7a1d]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;color:#2e3458;font-size:14px;font-weight:400;letter-spacing:.56px;line-height:150%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.ht-hub-notification-detail .user-info>.sns-list[data-v-248a7a1d]{display:flex;gap:8px}.ht-hub-notification-detail .user-info>.sns-list>.item[data-v-248a7a1d]{height:32px;width:32px}.ht-hub-notification-detail .user-info>.sns-list>.item>.icon[data-v-248a7a1d]{height:100%;width:100%}.ht-hub-notification-detail .bottom[data-v-248a7a1d]{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;margin-top:32px}@media screen and (max-width:769px){.ht-hub-notification-detail .bottom[data-v-248a7a1d]{display:contents}}.ht-hub-notification-detail .bottom .link[data-v-248a7a1d]{align-items:center;border-radius:max(100vmax,9999px);display:flex;gap:8px;justify-content:center;width:100%}.ht-hub-notification-detail .bottom .item[data-v-248a7a1d]{max-width:384px;width:100%}@media screen and (max-width:769px){.ht-hub-notification-detail .bottom .item[data-v-248a7a1d]{max-width:unset}.ht-hub-notification-detail .bottom .item[data-v-248a7a1d]:last-of-type{margin-inline:auto;margin-top:24px;width:calc(100% - 16px)}}.ht-hub-notification-detail .bottom .item:last-of-type>.link[data-v-248a7a1d]{border:1px solid #2e3458;color:#2e3458}