.contents-resource-card{display:grid;grid:"content" 125px "footer" auto / 100%;overflow:hidden;background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:12px}.contents-resource-card__content-full,.contents-resource-card__background{grid-area:1 / 1 / -1 /-1}.contents-resource-card__content{display:flex;grid-area:content;justify-content:center;overflow:hidden;transition:.3s}.contents-resource-card__footer{position:relative;display:flex;flex-direction:column;grid-area:footer;gap:4px;align-items:center;justify-content:center;padding:0 16px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.contents-resource-card__footer:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--background-color-tertiary-regular, #f1f2f4);opacity:.8;content:""}.contents-resource-card__title{width:100%;overflow:hidden;font:var(--text-p1-bold);font-size:12px;color:var(--text-color-primary, #222529);text-overflow:ellipsis;white-space:nowrap}.contents-resource-card__description{width:100%;overflow:hidden;font:var(--text-p2-regular);font-size:12px;color:var(--text-color-secondary, #4c535c);text-overflow:ellipsis;white-space:nowrap}.contents-resource-card .contents-resource-card__content--zoom-feedback{transition:transform .3s cubic-bezier(.25,.1,.25,1)}.contents-resource-card:hover .contents-resource-card__content--zoom-feedback{transform:scale(1.05)}.contents-resource-card .contents-resource-card__content-full--zoom-feedback{transition:transform .3s cubic-bezier(.25,.1,.25,1)}.contents-resource-card:hover .contents-resource-card__content-full--zoom-feedback{transform:scale(1.05)}.contents-recommend-card-materials{display:grid;grid:"content" auto / auto;align-items:flex-start;width:142px;height:100%;padding-top:24px;margin:0 auto;will-change:transform}.contents-recommend-card-materials__vertical-item{grid-area:content;width:88px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials__vertical-item:nth-child(1){z-index:1}.contents-recommend-card-materials__vertical-item:nth-child(2n){justify-self:flex-end;margin-top:12px}.contents-recommend-card-materials .contents-recommend-card-materials__image{border-radius:var(--border-radius-medium, 6px)}.contents-recommend-card-materials__side-item{grid-area:content;width:156px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials__side-item:nth-child(1){z-index:1;margin-top:14px;margin-left:-14px}.contents-recommend-card-materials__side-item:nth-child(2n){justify-self:flex-end}.contents-recommend-card-materials-daily{display:flex;gap:4px;justify-content:center;height:100%;padding-top:24px;overflow:hidden}.contents-recommend-card-materials-daily__column{display:grid;gap:4px;align-content:start;width:88px;border-radius:var(--border-radius-medium, 6px)}.contents-recommend-card-materials-daily__column:nth-child(2n){margin-top:20px}.contents-recommend-card-materials-daily-skeleton{display:grid;grid-template-columns:repeat(4,88px);grid-auto-flow:column;gap:4px;justify-content:center;height:100%;padding-top:24px;overflow:hidden;filter:drop-shadow(0 12px 48px rgba(0,0,0,.08))}.contents-recommend-card-materials-daily-skeleton__item:nth-child(2n){margin-top:20px}.contents-recommend-card-materials-skeleton{display:grid;grid:"content" auto / auto;align-items:flex-start;width:142px;height:100%;padding-top:24px;margin:0 auto;will-change:transform}.contents-recommend-card-materials-skeleton__item{grid-area:content;width:88px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials-skeleton__item:nth-child(1){z-index:1}.contents-recommend-card-materials-skeleton__item:nth-child(2n){justify-self:flex-end;margin-top:12px}@media (max-width: 599px){.gda-breadcrumb{font-size:16px!important}#router-view{background-color:var(--background-color-primary-regular, #fff)}}.transition-small{transition:cubic-bezier(.2,0,0,1) .2s}.transition-medium{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes gda-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.contents-recommend-card__background{height:100%}.contents-recommend-card__image{width:100%}
