.ho-hub-card[data-v-08cc35df]{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;padding:4px 4px 8px}@media screen and (width<=769px){.ho-hub-card[data-v-08cc35df]{padding:4px}}.ho-hub-card .custom-button[data-v-08cc35df] .button{all:unset;justify-content:center;display:flex}.ho-hub-card .custom-button[data-v-08cc35df] .button.lg{width:unset;min-width:unset}.ho-hub-card .thumbnail[data-v-08cc35df]{aspect-ratio:386/217;border-radius:4px;width:100%;margin-bottom:4px;position:relative;overflow:clip}@media (any-hover:hover){.ho-hub-card .thumbnail[data-v-08cc35df]:not(.-skeleton):hover img,.ho-hub-card .thumbnail[data-v-08cc35df]:not(.-skeleton):focus-within img{opacity:.8;transition:opacity .3s,transform .3s;transform:scale(1.1)}}.ho-hub-card .thumbnail[data-v-08cc35df] img{transform-origin:50%;border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:opacity .3s,transform .3s;display:block}.ho-hub-card .thumbnail .thumbnail-tag-wrapper[data-v-08cc35df]{pointer-events:none;z-index:2;box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;padding:8px;display:flex;position:absolute;top:0;left:0}.ho-hub-card .date[data-v-08cc35df]{color:#fff;letter-spacing:.04em;background-color:#8181ff;align-items:center;gap:4px;margin-bottom:4px;padding:4px;font-size:16px;font-weight:700;display:flex}.ho-hub-card .date[data-v-08cc35df]:has(>.text:empty){display:none}.ho-hub-card .date.-gray[data-v-08cc35df]{background-color:#949497}@media screen and (width<=769px){.ho-hub-card .date[data-v-08cc35df]{padding:4px 8px;font-size:14px}}.ho-hub-card .date>.icon[data-v-08cc35df]{width:20px}.ho-hub-card .tags[data-v-08cc35df]{flex-wrap:wrap;gap:4px;margin-bottom:4px;padding-inline:8px;display:flex}@media screen and (width<=769px){.ho-hub-card .tags[data-v-08cc35df]{padding-inline:unset}}.ho-hub-card .tags[data-v-08cc35df] li{color:#8181ff;letter-spacing:.04em;border:1px solid #8181ff;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;line-height:1}@media screen and (width<=769px){.ho-hub-card .tags[data-v-08cc35df] li{font-size:14px}}.ho-hub-card .title[data-v-08cc35df]{-webkit-line-clamp:2;line-clamp:2;letter-spacing:.04em;-webkit-box-orient:vertical;max-height:2lh;margin-bottom:4px;padding-inline:8px;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}@media screen and (width<=769px){.ho-hub-card .title[data-v-08cc35df]{padding-inline:unset}}.ho-hub-card .user-name[data-v-08cc35df]{align-items:center;gap:4px;margin-bottom:8px;display:flex}.ho-hub-card .user-name[data-v-08cc35df]:has(>.text:empty){display:none}.ho-hub-card .user-name>.text[data-v-08cc35df]{box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:#7a7a7a;letter-spacing:.04em;-webkit-box-orient:vertical;max-height:1lh;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.ho-hub-card .user-name>.user-icon[data-v-08cc35df]{aspect-ratio:1;border-radius:max(100vmax,9999px);flex-shrink:0;width:32px}.ho-hub-card .user-name>.user-icon[data-v-08cc35df] img{border-radius:inherit}.ho-hub-card .link[data-v-08cc35df]{color:#fff;text-align:center;letter-spacing:.04em;background-image:linear-gradient(#ff82c5,#ff5ab3);border-radius:8px;width:90%;max-width:276px;margin-inline:auto;padding:8px 16px;font-size:16px;font-weight:700;display:block}@media screen and (width<=769px){.ho-hub-card .link[data-v-08cc35df]{width:100%;max-width:unset}}@media (any-hover:hover){.ho-hub-card .link[data-v-08cc35df]:hover,.ho-hub-card .link[data-v-08cc35df]:focus-within{background-image:linear-gradient(#ff82c5,#dc72ff)}}