.justified-grid[data-v-81e34484]{position:relative}.justified-grid__panel[data-v-81e34484]{display:flex;flex-wrap:wrap;gap:var(--gap);visibility:hidden}.justified-grid__item[data-v-81e34484]{visibility:hidden}.contents-material-card-operate{position:relative;width:100%;height:100%;min-height:85px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card-operate__top-row{position:absolute;top:0;right:0;left:0;display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px}.contents-material-card-operate__top-row-left{display:flex;gap:2px;align-items:center;align-self:flex-start;margin-right:auto;overflow:hidden}.contents-material-card-operate__top-row-right{position:absolute;top:8px;right:8px;display:flex;gap:8px;align-items:center}.contents-material-card-operate__bottom-row{position:absolute;bottom:0;display:flex;gap:8px;justify-content:flex-end;width:100%;padding:8px}.contents-material-card-operate__item{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;justify-self:end}.contents-material-card-operate__item:hover{background:#e8eaec;cursor:pointer}.contents-material-card-operate__menu--title{max-width:220px;padding:var(--spacing-200, 8px);overflow:hidden;font-size:var(--font-size-100, 14px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:150%;color:var(--text-color-primary, #222529);cursor:default}.contents-material-card-operate__menu--title span{display:-webkit-box;width:100%;max-height:42px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:break-spaces;-webkit-box-orient:vertical;-webkit-line-clamp:2}.contents-material-card-operate__menu--title:hover{background:var(--color-transparent-white-900, rgba(255, 255, 255, .9))}.contents-material-card-operate__menu--item{display:flex;gap:var(--dropdown-space-gap-horizontal, 8px);align-items:center;justify-content:flex-start;width:100%;height:auto;padding:0;background:transparent;border:none;transition:none}.contents-material-card-operate__menu--item:hover{background:transparent;transition:none}.contents-material-card-operate__button--similar{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;flex-grow:1;pointer-events:auto}.contents-material-card-operate__button--similar:hover{background:#e8eaec;cursor:pointer}.contents-material-card-operate__button--group{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s}.contents-material-card-operate__button--group:hover{background:#e8eaec;cursor:pointer}.contents-material-card-operate__button--mute{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s}.contents-material-card-operate__button--mute:hover{background:#e8eaec;cursor:pointer}.contents-material-card-operate__item,.contents-material-card-operate__button--mute,.contents-material-card-operate__button--group{pointer-events:auto}.contents-material-card-operate__icon--favored{color:#faaa32}.contents-material-card-operate__label-charge{display:flex;flex-shrink:0;align-self:flex-start;pointer-events:auto}svg.contents-material-card-operate__charge-icon{--icon-font-size-inherit: 14px;width:auto}.contents-material-card-operate__charge-icon--paid{background:var(--business-mood-background-color-primary-regular, linear-gradient(90deg, #fbeedb .03%, #ffe7c4 100%));border-radius:3px}.contents-material-card-operate__aigc-icon{margin:-2px}.contents-material-card-tag{position:relative;width:100%;height:100%;border-radius:inherit;pointer-events:none}.contents-material-card-tag__tag--new{top:8px;left:8px;height:24px;font-size:12px;pointer-events:none}.contents-material-card-tag__video-duration{position:relative;padding-left:6px;margin-left:4px}.contents-material-card-tag__video-duration:before{position:absolute;top:50%;left:0;width:1px;height:8px;background:#ffffff26;content:"";transform:scaleX(.5) translateY(-50%)}.contents-design-tools-card{position:relative;display:flex;box-sizing:border-box;flex:none;flex-direction:column;width:100%;height:100%;margin-right:8px;overflow:hidden;background-color:var(--background-color-secondary-regular);border-radius:var(--border-radius-xlarge, 12px);cursor:pointer}.contents-design-tools-card__hover:hover .contents-design-tools-card__img{opacity:0}.contents-design-tools-card__hover:hover .contents-design-tools-card__hoverImg,.contents-design-tools-card__hover:hover .contents-design-tools-card__hoverVideo{opacity:1;transform:scale(1.05)}.contents-design-tools-card:hover .contents-design-tools-card__img{transform:scale(1.05)}.contents-design-tools-card__container{position:relative;width:100%;overflow:hidden}.contents-design-tools-card__img,.contents-design-tools-card__hoverImg,.contents-design-tools-card__hoverVideo{width:100%;height:100%;object-fit:cover;vertical-align:top;transition:transform .2s ease-in}.contents-design-tools-card__hoverImg,.contents-design-tools-card__hoverVideo{position:absolute;top:0;left:0;z-index:2;opacity:0}.contents-design-tools-card__bottom{display:flex;flex:auto;align-items:center;justify-content:space-between;padding:12px}.contents-design-tools-card__bottom-left{display:flex;flex:1 0 0;flex-direction:column;gap:4px;align-items:flex-start;width:100%}.contents-design-tools-card__title{display:flex;align-items:center;width:100%;font-size:var(--font-size-150, 16px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:130%;color:var(--text-color-primary, #222529)}.contents-design-tools-card__title span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contents-design-tools-card__sub-title{width:100%;overflow:hidden;font-size:var(--font-size-50, 12px);font-style:normal;font-weight:400;line-height:150%;color:var(--text-color-tertiary, var(--text-color-tertiary, #7f8792));text-overflow:ellipsis;white-space:nowrap}.contents-design-tools-card__tag{height:14px;margin-left:4px}.contents-feed-card{display:block;overflow:hidden;border-radius:var(--border-radius-xlarge);position:relative}.contents-feed-card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000005;border-radius:inherit;pointer-events:none;content:"";transition:background .3s cubic-bezier(.25,.1,.25,1)}.contents-feed-card:hover:before{background:#0003}.contents-feed-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.contents-feed-card__tag{position:absolute;bottom:8px;left:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;font-size:12px;color:#fff;white-space:nowrap;background:#0006;border-radius:18px;box-shadow:inset 0 0 0 99px #0000001f;pointer-events:none}.contents-feed-banner-card-2024{background:var(--background-color-secondary-regular);border-radius:var(--border-radius-xlarge)}.contents-feed-banner-card-2024--clickable{position:relative}.contents-feed-banner-card-2024--clickable:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000005;border-radius:inherit;pointer-events:none;content:"";transition:background .3s cubic-bezier(.25,.1,.25,1)}.contents-feed-banner-card-2024--clickable:hover:before{background:#0003}.contents-feed-banner-card-2024__image{width:100%;height:100%;object-fit:cover}.contents-ad-preview{position:relative;padding:36px 20px 20px}.contents-ad-preview .lazy-image,.contents-ad-preview .lazy-image-modern{margin-top:20px;overflow:hidden;border-radius:4px}.contents-ad-preview .lazy-image img,.contents-ad-preview .lazy-image-modern img{object-fit:cover}.contents-ad-preview__title{overflow:hidden;font-size:20px;font-weight:700;line-height:24px;color:#000;text-overflow:ellipsis;white-space:nowrap}.contents-ad-preview__description{margin-top:4px;overflow:hidden;font-size:14px;line-height:22px;color:#636c78;text-overflow:ellipsis;white-space:nowrap}.contents-ad-preview__mark{position:absolute;top:0;right:0;padding:3px 16px;font-size:12px;color:#fff;background-color:#2254f4;border-radius:0 4px}@media (max-width: 599px){.z36RB{font-size:16px!important}#L4d-2{background-color:var(--background-color-primary-regular, #fff)}}.Afk8U{transition:cubic-bezier(.2,0,0,1) .2s}.gWEym{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _650qN{0%{background-position:100% 50%}to{background-position:0 50%}}._8gvJC{display:block;overflow:hidden}.KTPgS{display:none}.ozYWK{object-fit:cover;object-position:left top}._1JduK{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--color-white, #fff);border:.5px solid rgba(0,0,0,.08);border-radius:12px}.Y9GH5{position:relative;flex:1;min-height:0;overflow:hidden}._0iCAl{display:flex;box-sizing:border-box;align-items:center;height:54px;padding:16px 12px;background:var(--color-white, #fff)}.NFDyJ{display:block;width:auto;max-width:100%;height:22px;object-fit:contain}[class*=font-preview__cover] picture,[class*=font-preview__cover] img{transition:transform .3s ease;will-change:transform}[class*=font-preview__cover]:hover picture,[class*=font-preview__cover]:hover img{transform:scale(1.1)}.contents-animated-thumb{display:block;overflow:hidden}.contents-animated-thumb__title{display:none}.contents-animated-thumb__thumb{object-fit:cover;object-position:top}.contents-animated-thumb__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill}.contents-animated-thumb__img:not(.contents-animated-thumb__img--transparent){background-color:var(--background-color-secondary-regular)}.contents-animated-thumb__img:not(.contents-animated-thumb__img--error){color:transparent}.contents-gif-preview .lazy-image,.contents-gif-preview .lazy-image-modern{position:absolute;top:0;left:0;width:100%;height:100%}.contents-scroll-preview{position:relative}.contents-scroll-preview--dark .contents-scroll-preview__img{background-color:#8f8f8f;background-image:linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%),linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%)}.contents-scroll-preview__image{width:max-content;height:100%;object-position:left top}.contents-scroll-preview__img{width:auto!important;height:100%;background-position:0 0,8px 8px;background-size:16px 16px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);transition:transform .1s}.contents-scroll-preview__img--dark{background-color:#8f8f8f;background-image:linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%),linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%)}.contents-scroll-preview__progress{position:absolute;bottom:0;left:0;width:100%;height:4px;overflow:hidden;background:#0006;pointer-events:none}.contents-scroll-preview__progress-value{height:100%;background:#ffffffe6}.contents-scroll-preview__mask{position:absolute;top:0;right:0;bottom:0;left:0}.contents-horizontal-preview{position:relative}.contents-horizontal-preview__scroll-preview{position:absolute;top:0;right:0;bottom:0;left:0}.contents-long-preview{position:relative}.contents-long-preview__background-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 75%,#0000004d)}.contents-long-preview__background-mask:hover{background:none}.contents-long-preview .contents-long-preview__detail .contents-long-preview__img{width:100%;object-fit:cover;object-position:top;transition:transform .1s;background-position:0 0,8px 8px;background-size:16px 16px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%)}.contents-long-preview .contents-long-preview__detail .contents-long-preview__img--dark{background-color:#8f8f8f;background-image:linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%),linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%)}.contents-long-preview .contents-long-preview__detail .contents-long-preview__img-panel{position:absolute;top:0;left:0;width:100%;height:auto;transition:transform .3s}.contents-long-preview__progress{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:4px;overflow:hidden;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease}.contents-long-preview__progress>div{height:inherit;background:#ffffffe6}.contents-long-preview:hover .contents-long-preview__progress{opacity:1}.contents-long-preview__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 75%,#0000004d)}.contents-long-preview__mask:hover{opacity:0}.contents-video-preview__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.contents-video-preview__zoom-in-enter{transform:scale(1)}.contents-video-preview__zoom-in-enter-active{transition:transform .3s cubic-bezier(.25,.1,.25,1);will-change:transform}.contents-video-preview__mute{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;position:absolute;bottom:8px;left:8px;z-index:1;opacity:0}.contents-video-preview__mute:hover{background:#e8eaec;cursor:pointer}.contents-video-preview__video+.contents-video-preview__mute{opacity:1}.contents-video-preview__icon{font-size:20px;color:#000}.contents-ppt-preview .contents-ppt-preview__detail .contents-ppt-preview__img-grid{position:absolute;top:0;bottom:0;left:0;display:grid;grid-auto-columns:100%;grid-auto-flow:column;width:100%;height:100%;transition:opacity .1s linear,left var(--motion-normal)}.contents-ppt-preview .contents-ppt-preview__detail .contents-ppt-preview__img{object-fit:contain;object-position:center;background:var(--background-color-tertiary-regular, #f1f2f4);transition:opacity .1s linear,object-position var(--motion-normal)}.contents-ppt-preview__mask{position:absolute;top:0;right:0;bottom:0;left:0}.contents-ppt-preview__tag{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;font-size:12px;color:#fff;white-space:nowrap;background:#0006;border-radius:18px;box-shadow:inset 0 0 0 99px #0000001f;pointer-events:none;position:absolute;bottom:8px;left:8px;font-weight:500}.contents-tool-preview{width:100%}.contents-tool-preview__preview{position:relative;width:100%;padding-top:100%}.contents-tool-preview__preview .contents-tool-preview__image{position:absolute;top:0;left:0;width:100%;height:100%}.contents-tool-preview__content{bottom:0;left:0;box-sizing:border-box;width:100%;height:116px;padding:12px 16px 18px}.contents-tool-preview__content .contents-tool-preview__title{margin-top:2px;overflow:hidden;font-size:16px;font-weight:600;color:#fff;text-overflow:ellipsis;white-space:nowrap}.contents-tool-preview__content .contents-tool-preview__desc{font-size:12px;color:#fff;opacity:.7}.contents-tool-preview__content .contents-tool-preview__check-button{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;width:94px;height:28px;padding:0 15px;margin-top:12px;font-size:12px;font-weight:500;background:#fff;border-radius:90px;cursor:pointer}.contents-tool-preview__content .contents-tool-preview__check-button .contents-tool-preview__btn-text{max-width:50px;overflow:hidden;white-space:nowrap}.contents-wide-preview .contents-wide-preview__detail .contents-wide-preview__img-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:unset}.contents-wide-preview .contents-wide-preview__detail .contents-wide-preview__img{object-fit:cover;object-position:top;transition:opacity .1s linear,object-position var(--motion-normal)}.contents-wide-preview__mask{position:absolute;top:0;right:0;bottom:0;left:0}.contents-wide-preview__tag{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;font-size:12px;color:#fff;white-space:nowrap;background:#0006;border-radius:18px;box-shadow:inset 0 0 0 99px #0000001f;pointer-events:none;position:absolute;bottom:8px;left:8px;font-weight:500}.contents-material-preview{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transform:translate(0)}.contents-material-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--border-color-overlay, rgba(0, 0, 0, .08));border-radius:inherit;pointer-events:none;content:""}.contents-material-preview img,.contents-material-preview video{pointer-events:none}.negative-feedback-list[data-v-7146c9cd]{position:absolute;right:8px;bottom:40px;font-size:0}.negative-feedback-list-title[data-v-7146c9cd]{max-width:220px;padding:var(--spacing-200, 8px);overflow:hidden;font-size:var(--font-size-100, 14px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:150%;color:var(--text-color-primary, #222529);cursor:default}.negative-feedback-list-title span[data-v-7146c9cd]{display:-webkit-box;width:100%;max-height:42px;overflow:hidden;font-family:var(--font-family-body, "pingfang SC");font-size:var(--font-size-50, 12px);font-style:normal;font-weight:400;line-height:150%;color:var(--text-color-primary, #222529);text-overflow:ellipsis;word-break:break-all;white-space:break-spaces;-webkit-box-orient:vertical;-webkit-line-clamp:2}.negative-feedback-list-title[data-v-7146c9cd]:hover{background:var(--color-transparent-white-900, rgba(255, 255, 255, .9))}.negative-feedback-list-item[data-v-7146c9cd]{display:flex;gap:var(--dropdown-space-gap-horizontal, 8px);align-items:center;align-self:stretch;height:var(--dropdown-height-loose, 40px);min-height:var(--dropdown-height-loose, 40px);padding:var(--dropdown-space-loose-vertical, 8px) var(--dropdown-space-loose-horizontal, 12px);font-family:var(--font-family-body, "pingfang SC");font-size:var(--font-size-100, 14px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:150%;color:var(--dropdown-color-hover, #222529)}.feedback-mask[data-v-49ae5394]{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:4px;background:var(--background-color-mask-secondary-regular, rgba(0, 0, 0, .12));border-radius:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-mask p[data-v-49ae5394]{padding:0 16px;font-family:var(--font-family-body, "pingfang SC");font-size:var(--font-size-100, 14px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:150%;color:#fff;text-align:center}._0ukz8{display:grid;grid-template-columns:repeat(2,56px);gap:8px}@media (max-width: 599px){._0ukz8{grid-template-columns:repeat(2,40px)}}.lazy-image-modern.l-2Cm{position:relative;width:100%;border-radius:var(--border-radius-medium, 6px)}.lazy-image-modern.l-2Cm:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-color-overlay, rgba(0, 0, 0, .08));border-radius:inherit;content:""}.vV2Ej{width:100%;height:100%;object-fit:cover;background:var(--background-color-secondary-regular, rgba(0, 0, 0, .03));border-radius:inherit}@media (max-width: 599px){.q6NNy{font-size:16px!important}#_2Zle5{background-color:var(--background-color-primary-regular, #fff)}}.-W4eG{transition:cubic-bezier(.2,0,0,1) .2s}.ibC8f{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _7BKyP{0%{background-position:100% 50%}to{background-position:0 50%}}._15fVD{position:relative;width:100%;height:100%;border:16px solid transparent}@media (max-width: 599px){.kkzqg{padding:12px 8px}}.kkzqg .oDXtl{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;margin:auto;object-fit:cover;border:.5px solid var(--border-color-overlay, rgba(0, 0, 0, .08));border-radius:var(--border-radius-small, 4px);box-shadow:5px 5px 12px #0e0e0e0a;transform:translate(-50%,-50%)}@media (max-width: 599px){.kkzqg .oDXtl{box-shadow:2.955px 2.955px 7.091px #0e0e0e0a}}.kkzqg._20g0s{padding-bottom:0}.kkzqg._20g0s .oDXtl{margin-bottom:0;border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.contents-material-card{display:grid;grid:"content" 100% / auto;position:relative;border-radius:8px}.contents-material-card--contain{border-radius:var(--border-radius-xlarge, 12px)}.contents-material-card__title{position:absolute;right:0;bottom:0;left:0;width:100%;height:64px;padding:36px var(--spacing-300, 12px) var(--spacing-200, 8px);overflow:hidden;font:var(--text-p2-regular);color:var(--static-color-white, var(--static-color-white, #fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(180deg,#0000,#0000004d 50.96%,#0009);border-radius:0 0 8px 8px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card__operations{display:contents;border-radius:inherit}.contents-material-card__preview{grid-area:content;cursor:pointer}.contents-material-card__operate-panel,.contents-material-card__tag-panel,.contents-material-card__group-preview{grid-area:content;z-index:1;pointer-events:none}.contents-material-card__operate-panel{height:100%;grid-area:content}.contents-material-card__tag-panel{transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card__ai-images{position:absolute;bottom:12px;left:12px;z-index:1;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card:hover .contents-material-card__group-preview{opacity:1}.contents-material-card:hover .contents-material-card__title,.contents-material-card:hover .contents-material-card__tag-panel,.contents-material-card:hover .contents-material-card__ai-images{opacity:0}.contents-material-card__preview--isGroup .contents-wide-preview__tag{display:none}.contents-material-card__group-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0003}.contents-material-card__feedback{grid-area:content}.contents-material-card-v2-operate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.contents-material-card-v2-operate__top-left{position:absolute;top:12px;left:12px;display:flex;gap:2px;align-items:center;align-self:flex-start;overflow:hidden;pointer-events:auto}.contents-material-card-v2-operate__top{position:absolute;top:12px;right:12px;display:flex;gap:8px;align-items:center}.contents-material-card-v2-operate__preview-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-color-primary, #222529);background:var(--static-color-white, #fff);border-radius:50%;box-shadow:0 2px 8px #0000001f;transition:background .2s ease}.contents-material-card-v2-operate__preview-icon:hover{background:var(--background-color-primary-hover, #f5f5f5)}.contents-material-card-v2-operate__preview-icon svg{width:18px;height:18px}.contents-material-card-v2-operate__vip-corner{position:absolute;right:12px;bottom:56px;z-index:1;display:flex;pointer-events:auto}.contents-material-card-v2-operate__bottom{position:absolute;right:0;bottom:0;left:0;display:flex;gap:8px;align-items:center;padding:12px}.contents-material-card-v2-operate__download-wrapper{position:relative;flex:1}.contents-material-card-v2-operate__hide{visibility:hidden}.contents-material-card-v2-operate__download-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;position:relative;width:100%;height:32px;font:var(--text-p1-regular, 14px);color:var(--button-color-tertiary-regular, #222529);box-shadow:0 2px 8px #00000014;pointer-events:auto}.contents-material-card-v2-operate__download-button:hover{background:#e8eaec;cursor:pointer}svg.contents-material-card-v2-operate__vip-icon{--icon-font-size-inherit: 14px;position:absolute;top:-4px;right:-4px;width:auto;background:var(--business-mood-background-color-primary-regular, linear-gradient(90deg, #fbeedb .03%, #ffe7c4 100%));border-radius:3px}.contents-material-card-v2-operate__icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;width:32px;height:32px;padding:4px;box-shadow:0 2px 8px #00000014;pointer-events:auto}.contents-material-card-v2-operate__icon-button:hover{background:#e8eaec;cursor:pointer}.contents-material-card-v2-operate__dropdown{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;pointer-events:auto}.contents-material-card-v2-operate__dropdown:hover{background:#e8eaec;cursor:pointer}.contents-material-card-v2-operate__menu--title{max-width:220px;padding:var(--spacing-200, 8px);overflow:hidden;font-size:var(--font-size-100, 14px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:150%;color:var(--text-color-primary, #222529);cursor:default}.contents-material-card-v2-operate__menu--title span{display:-webkit-box;width:100%;max-height:42px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:break-spaces;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.contents-material-card-v2-operate__menu--title:hover{background:var(--color-transparent-white-900, rgba(255, 255, 255, .9))}.contents-material-card-v2-operate__menu--item{display:flex;gap:var(--dropdown-space-gap-horizontal, 8px);align-items:center;justify-content:flex-start;width:100%;height:auto;padding:0;background:transparent;border:none;transition:none}.contents-material-card-v2-operate__menu--item:hover{background:transparent;transition:none}.contents-material-card-v2-operate__icon--favored{color:#faaa32}.contents-material-card-v2-operate__aigc-icon{margin:-2px}.contents-material-card-v2-un-hover-overlay{position:absolute;bottom:0;left:0;z-index:9;width:100%;padding:8px;opacity:1;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card-v2-un-hover-overlay__blur-background{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:72px;background:var(--dynamic-mask-color, #000) linear-gradient(0deg,#0003,#0003);border-bottom-right-radius:8px;border-bottom-left-radius:8px;pointer-events:none;-webkit-mask:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.5) 39.5%,rgba(255,255,255,0) 95%);mask:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.5) 39.5%,rgba(255,255,255,0) 95%)}.contents-material-card-v2-un-hover-overlay__ai-images{z-index:1;pointer-events:none}.contents-material-card-v2-un-hover-overlay__extension-tag{position:absolute;right:8px;bottom:12px;z-index:1;display:flex;align-items:center;justify-content:center;min-height:24px;padding:4px 6px;font:var(--text-p3-bold);color:var(--text-color-primary, #222529);background:var(--color-transparent-white-950, rgba(255, 255, 255, .9));border-radius:var(--border-radius-xxlarge, 16px);pointer-events:none}.contents-material-card-v2-author-info{display:flex;align-items:center;justify-content:space-between;padding:6px 4px}.contents-material-card-v2-author-info__detail{display:flex;flex:1;gap:4px;align-items:center;min-width:0;color:inherit;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.contents-material-card-v2-author-info__detail:hover{opacity:.7}.contents-material-card-v2-author-info__name{overflow:hidden;font:var(--text-p2-regular);color:var(--text-color-primary, #222529);text-overflow:ellipsis;white-space:nowrap}.contents-material-card-v2-author-info__dropdown{flex-shrink:0}.contents-material-card-v2-author-info__more-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--text-color-secondary, #646a73);background:transparent;border:none;border-radius:var(--border-radius-medium, 6px);cursor:pointer;transition:background .2s ease,color .2s ease}.contents-material-card-v2-author-info__more-btn:hover{color:var(--text-color-primary, #222529);background:var(--background-color-primary-hover, #f5f5f5)}.contents-material-card-v2-author-info__more-btn svg{width:16px;height:16px}.contents-material-card-v2-author-info__menu--title{max-width:220px;padding:var(--spacing-200, 8px);overflow:hidden;font-size:var(--font-size-100, 14px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:150%;color:var(--text-color-primary, #222529);cursor:default}.contents-material-card-v2-author-info__menu--title span{display:-webkit-box;width:100%;max-height:42px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:break-spaces;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.contents-material-card-v2-author-info__menu--title:hover{background:var(--color-transparent-white-900, rgba(255, 255, 255, .9))}.contents-material-card-v2-author-info__menu--item{display:flex;gap:var(--dropdown-space-gap-horizontal, 8px);align-items:center;justify-content:flex-start;width:100%;height:auto;padding:0;background:transparent;border:none;transition:none}.contents-material-card-v2-author-info__menu--item:hover{background:transparent;transition:none}.contents-material-card-v2-author-info__icon--favored{color:#faaa32}.contents-material-card-v2{display:grid;grid:"content" 100% / auto;position:relative;border-radius:8px}.contents-material-card-v2__root{height:100%;display:flex;flex-direction:column}.contents-material-card-v2__root>*:first-child{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.contents-material-card-v2__root>*:first-child>*{flex:1;min-height:0}.contents-material-card-v2--contain{border-radius:var(--border-radius-xlarge, 12px)}.contents-material-card-v2__title{position:absolute;right:0;bottom:0;left:0;width:100%;height:64px;padding:36px var(--spacing-300, 12px) var(--spacing-200, 8px);overflow:hidden;font:var(--text-p2-regular);color:var(--static-color-white, var(--static-color-white, #fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(180deg,#0000,#0000004d 50.96%,#0009);border-radius:0 0 8px 8px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card-v2__operations{display:contents;border-radius:inherit}.contents-material-card-v2__preview{grid-area:content;cursor:pointer}.contents-material-card-v2__operate-panel,.contents-material-card-v2__tag-panel,.contents-material-card-v2__group-preview{grid-area:content;z-index:1;pointer-events:none}.contents-material-card-v2__operate-panel{height:100%;opacity:0;transition:opacity .2s cubic-bezier(.25,.1,.25,1) .1s;animation:material-operate-fade-in .2s cubic-bezier(.25,.1,.25,1) .1s 1 backwards alternate;grid-area:content}.contents-material-card-v2__tag-panel{transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card-v2__un-hover-overlay{opacity:1;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-card-v2:hover .contents-material-card-v2__operate-panel,.contents-material-card-v2:hover .contents-material-card-v2__group-preview{opacity:1}.contents-material-card-v2:hover .contents-material-card-v2__title,.contents-material-card-v2:hover .contents-material-card-v2__tag-panel,.contents-material-card-v2:hover .contents-material-card-v2__un-hover-overlay,.contents-material-card-v2:hover .contents-material-card-v2__video-icon{opacity:0}.contents-material-card-v2__preview--isGroup .contents-wide-preview__tag{display:none}.contents-material-card-v2__group-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0003}.contents-material-card-v2__feedback{grid-area:content}.contents-material-card-v2__video-icon{position:absolute;top:8px;left:8px;z-index:4;width:fit-content;height:24px;padding:0 8px;font:var(--text-p3-bold);line-height:24px;color:var(--text-color-primary, #222529);text-align:center;background:var(--color-transparent-white-950, rgba(255, 255, 255, .9));border-radius:var(--border-radius-xxlarge, 16px);opacity:1;pointer-events:none;transition:opacity .3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contents-font-card{display:grid;grid:"content" 100% / auto;position:relative;border-radius:8px}.contents-font-card--contain{border-radius:var(--border-radius-xlarge, 12px)}.contents-font-card__title{position:absolute;right:0;bottom:0;left:0;width:100%;height:64px;padding:36px var(--spacing-300, 12px) var(--spacing-200, 8px);overflow:hidden;font:var(--text-p2-regular);color:var(--static-color-white, var(--static-color-white, #fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(180deg,#0000,#0000004d 50.96%,#0009);border-radius:0 0 8px 8px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-font-card__operations{display:contents;border-radius:inherit}.contents-font-card__preview{grid-area:content;cursor:pointer}.contents-font-card__operate-panel,.contents-font-card__tag-panel,.contents-font-card__group-preview{grid-area:content;z-index:1;pointer-events:none}.contents-font-card__operate-panel{height:100%;grid-area:content}.contents-font-card__tag-panel{transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-font-card__ai-images{position:absolute;bottom:12px;left:12px;z-index:1;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-font-card:hover .contents-font-card__group-preview{opacity:1}.contents-font-card:hover .contents-font-card__title,.contents-font-card:hover .contents-font-card__tag-panel,.contents-font-card:hover .contents-font-card__ai-images{opacity:0}.contents-font-card__preview--isGroup .contents-wide-preview__tag{display:none}.contents-font-card__group-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0003}.contents-font-card__feedback{grid-area:content}.contents-material-card-material-operate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.contents-material-card-material-operate__top-box{position:absolute;top:0;right:0;left:0;display:flex;column-gap:8px;padding:8px}.contents-material-card-material-operate__top--left{display:flex;gap:2px;align-items:center;margin-right:auto}.contents-material-card-material-operate__top--right{position:absolute;top:8px;right:8px;display:flex;gap:8px;align-items:center}.contents-material-card-material-operate__favorite{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;border:none}.contents-material-card-material-operate__favorite:hover{background:#e8eaec;cursor:pointer}.contents-material-card-material-operate__bottom-box{position:absolute;bottom:0;display:flex;column-gap:8px;align-items:center;justify-content:flex-end;width:100%;padding:8px}.contents-material-card-material-operate__icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;width:32px;height:32px;padding:0;pointer-events:auto}.contents-material-card-material-operate__icon-button:hover{background:#e8eaec;cursor:pointer}.contents-material-card-material-operate__text-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;flex-grow:1;pointer-events:auto}.contents-material-card-material-operate__text-button:hover{background:#e8eaec;cursor:pointer}.contents-material-card-material-operate__dropdown{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#fff;border:none;border-radius:var(--border-radius-medium, 6px);box-shadow:0 4px 12px #0000000a,0 0 2px #00000014;transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s;pointer-events:auto}.contents-material-card-material-operate__dropdown:hover{background:#e8eaec;cursor:pointer}.contents-material-card-material-operate__menu--item{display:flex;gap:var(--dropdown-space-gap-horizontal, 8px);align-items:center;justify-content:flex-start;width:100%;height:auto;padding:0;background:transparent;border:none;transition:none}.contents-material-card-material-operate__menu--item:hover{background:transparent;transition:none}.contents-material-card-material-operate__label-charge{top:8px;left:8px;display:flex;margin-right:auto;pointer-events:auto}svg.contents-material-card-material-operate__charge-icon{--icon-font-size-inherit: 14px;width:auto}.contents-material-card-material-operate__charge-icon--paid{background:var(--business-mood-background-color-primary-regular, linear-gradient(90deg, #fbeedb .03%, #ffe7c4 100%));border-radius:3px}.contents-material-card-material-operate__aigc-icon{margin:-2px}.contents-material-card-tag{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.contents-material-card-tag__tag{position:absolute}.contents-material-card-tag__tag--type{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;font-size:12px;color:#fff;white-space:nowrap;background:#0006;border-radius:18px;box-shadow:inset 0 0 0 99px #0000001f;pointer-events:none;bottom:8px;left:8px}.contents-material-card-tag__tag--group{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;font-size:12px;color:#fff;white-space:nowrap;background:#0006;border-radius:18px;box-shadow:inset 0 0 0 99px #0000001f;pointer-events:none;top:initial;bottom:8px;left:8px}.contents-material-card-tag__tag--new{--icon-font-size-inherit: 24px;margin-top:-4px}.contents-material-card-tag__tag--new-badge{top:0;left:0;height:24px;padding:0 6px;font-size:12px;font-weight:500;line-height:24px;color:#fff;text-align:center;background:linear-gradient(225deg,#4d7cff,#61cdff);border-top-left-radius:inherit;border-bottom-right-radius:8px;pointer-events:none}.contents-material-card-tag .contents-material-card-tag__tag--group+.contents-material-card-tag__tag--type{left:52px}.contents-material-card-tag__page-count{position:relative;padding-left:6px;margin-left:4px}.contents-material-card-tag__page-count:before{position:absolute;top:50%;left:0;width:1px;height:8px;background:#ffffff26;content:"";transform:scaleX(.5) translateY(-50%)}.contents-real-material-card{background-position:0 0,8px 8px;background-size:16px 16px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%)}.contents-real-material-card__preview--dark{background-color:#8f8f8f;background-image:linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%),linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%)}.contents-real-material-card__operate-panel,.contents-real-material-card__group-preview{opacity:0;transition:opacity .2s cubic-bezier(.25,.1,.25,1) .1s;animation:material-operate-fade-in .2s cubic-bezier(.25,.1,.25,1) .1s 1 backwards alternate}.contents-real-material-card__tag-panel{transition:opacity .2s cubic-bezier(.25,.1,.25,1);will-change:transform}.contents-real-material-card__ai-images{position:absolute;bottom:8px;left:8px;z-index:1;width:56px;height:56px;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-real-material-card__preview:hover .contents-real-material-card__operate-panel,.contents-real-material-card__preview:hover .contents-real-material-card__group-preview{opacity:1}.contents-real-material-card__preview:hover .contents-real-material-card__tag-panel,.contents-real-material-card__preview:hover .contents-real-material-card__ai-images{opacity:0}.contents-real-material-card__preview--isGroup .contents-wide-preview__tag{display:none}.contents-real-material-card__group-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background-color:#0003}.contents-real-material-card__group-link{display:flex;align-items:center;justify-content:center;height:32px;padding:0 16px;font-size:12px;font-weight:700;color:#000;background:#ffffffe6;border:none;border-radius:8px;cursor:pointer}.contents-real-material-card__feedback{position:absolute;top:0;left:0;z-index:2}.contents-real-material-card__title{position:absolute;right:0;bottom:0;left:0;width:100%;height:64px;padding:36px var(--spacing-300, 12px) var(--spacing-200, 8px);overflow:hidden;font:var(--text-p2-regular);color:var(--static-color-white, var(--static-color-white, #fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(180deg,#0000,#0000004d 50.96%,#0009);border-radius:0 0 8px 8px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.chessboard-background{background-position:0 0,8px 8px;background-size:16px 16px}.chessboard-light{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%)}.chessboard-dark{background-color:#8f8f8f;background-image:linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%),linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%)}@keyframes material-operate-fade-in{0%{opacity:0}to{opacity:1}}.contents-real-material-card-v2{background-position:0 0,8px 8px;background-size:16px 16px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%)}.contents-real-material-card-v2__preview{cursor:pointer}.contents-real-material-card-v2__preview--dark{background-color:#8f8f8f;background-image:linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%),linear-gradient(45deg,#9e9e9e 25%,transparent 25%,transparent 75%,#9e9e9e 75%)}.contents-real-material-card-v2__operate-panel,.contents-real-material-card-v2__group-preview{opacity:0;transition:opacity .2s cubic-bezier(.25,.1,.25,1) .1s;animation:material-operate-fade-in .2s cubic-bezier(.25,.1,.25,1) .1s 1 backwards alternate}.contents-real-material-card-v2__tag-panel{transition:opacity .2s cubic-bezier(.25,.1,.25,1);will-change:transform}.contents-real-material-card-v2__ai-images{position:absolute;bottom:8px;left:8px;z-index:1;width:56px;height:56px;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-real-material-card-v2__extension-tag{position:absolute;right:12px;bottom:12px;z-index:1;display:flex;align-items:center;justify-content:center;min-height:24px;padding:4px 6px;font:var(--text-p3-bold);color:var(--text-color-primary, #222529);background:var(--color-transparent-white-950, rgba(255, 255, 255, .9));border-radius:var(--border-radius-xxlarge, 16px);pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-real-material-card-v2__un-hover-overlay{opacity:1;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-real-material-card-v2__preview:hover .contents-real-material-card-v2__operate-panel,.contents-real-material-card-v2__preview:hover .contents-real-material-card-v2__group-preview{opacity:1}.contents-real-material-card-v2__preview:hover .contents-real-material-card-v2__tag-panel,.contents-real-material-card-v2__preview:hover .contents-real-material-card-v2__ai-images,.contents-real-material-card-v2__preview:hover .contents-real-material-card-v2__un-hover-overlay,.contents-real-material-card-v2__preview:hover .contents-real-material-card-v2__extension-tag{opacity:0}.contents-real-material-card-v2__preview--isGroup .contents-wide-preview__tag{display:none}.contents-real-material-card-v2__group-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background-color:#0003}.contents-real-material-card-v2__group-link{display:flex;align-items:center;justify-content:center;height:32px;padding:0 16px;font-size:12px;font-weight:700;color:#000;background:#ffffffe6;border:none;border-radius:8px;cursor:pointer}.contents-real-material-card-v2__feedback{position:absolute;top:0;left:0;z-index:2}.contents-real-material-card-v2__title{position:absolute;right:0;bottom:0;left:0;width:100%;height:64px;padding:36px var(--spacing-300, 12px) var(--spacing-200, 8px);overflow:hidden;font:var(--text-p2-regular);color:var(--static-color-white, var(--static-color-white, #fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(180deg,#0000,#0000004d 50.96%,#0009);border-radius:0 0 8px 8px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.contents-material-placeholder{position:relative;overflow:hidden;background-color:var(--color-gray-300);border-radius:12px!important}.contents-recommend-keyword-card{text-align:center}.contents-recommend-keyword-card__title{display:block;margin-bottom:12px;font-size:16px;font-weight:500;line-height:20px;color:#000}.contents-recommend-keyword-card__keyword{display:block;height:40px;line-height:40px;color:#000;text-align:center;background:#f6f7f9;border-radius:8px}.contents-recommend-keyword-card__keyword:hover{cursor:pointer}.contents-recommend-keyword-card__keyword+.contents-recommend-keyword-card__keyword{margin-top:8px}@media (max-width: 599px){.material-list-single-line .grid-container{--grid-column-min-width: calc((100vw - var(--container-layout-padding-right, 12px) * 2 - var(--grid-gap-size, 12px)) / 2)}}.ORmLy{display:grid;grid-template-rows:1fr;grid-auto-flow:column;gap:16px;height:calc(var(--height) + var(--extra-height, 0px))}._5lHd0{--height: 320px}.So6Pc{--height: 220px}.T0q0J{--height: 180px}._7h38e{--height: 380px}.qClTs{--height: 320px}@media (max-width: 599px){._5lHd0{--height: 240px}.So6Pc{--height: 160px}.T0q0J{--height: 130px}._7h38e{--height: 240px}.qClTs{--height: 220px}}.GTEI4{flex:none;width:calc(var(--height) / var(--data-ratio));height:calc(var(--height) + var(--item-extra-height, var(--extra-height, 0px)))}@media (max-width: 599px){.GD5rW{font-size:16px!important}#JLCbQ{background-color:var(--background-color-primary-regular, #fff)}}.ahNTP{transition:cubic-bezier(.2,0,0,1) .2s}.edR6H{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes v5ZY9{0%{background-position:100% 50%}to{background-position:0 50%}}.GjdWw{gap:4px;width:100%}.-F8iZ{display:grid}.BHuoy{column-gap:4px;columns:2}.BHuoy .uvZVl{margin-bottom:4px}.w9GjK{display:grid;grid-template-columns:repeat(2,calc((100% - 4px)/2));align-items:start}.w9GjK .uvZVl{aspect-ratio:1}.uvZVl{background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:8px!important}.uvZVl._8to6t .dI-al{object-position:left}.uvZVl.eNQGH .dI-al,.uvZVl.za4kM .dI-al{object-position:top}.uvZVl.kEW1U{aspect-ratio:3}.dI-al{width:100%;height:100%;object-fit:cover}@media (max-width: 599px){.YKR1U{font-size:16px!important}#XfTlW{background-color:var(--background-color-primary-regular, #fff)}}.tkA9K{transition:cubic-bezier(.2,0,0,1) .2s}.HSLTL{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes SucZt{0%{background-position:100% 50%}to{background-position:0 50%}}.mOZpQ{height:100%;overflow:hidden;background:var(--color-transparent-black-400, rgba(0, 0, 0, .12));border-radius:12px;aspect-ratio:.5819209;display:grid;grid:"content" 100% / auto;cursor:pointer}._7EAC3{z-index:1;display:flex;gap:4px;align-items:flex-start;align-self:end;padding:12px 8px;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-area:content}._035pd{font:var(--text-h6-bold);color:var(--static-color-white, #fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fh02x{flex:none;margin:2px;font-size:var(--size-400, 16px);color:var(--static-color-white);opacity:.6}.fAdvA{padding:4px;grid-area:content}@media (max-width: 599px){.ACoHB{font-size:16px!important}#Q5wJl{background-color:var(--background-color-primary-regular, #fff)}}._6kSA5{transition:cubic-bezier(.2,0,0,1) .2s}.MP0nA{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes Jw93p{0%{background-position:100% 50%}to{background-position:0 50%}}.GR4wq{place-items:center center;display:grid;grid:"content" 100% / auto}.GR4wq.fhTXy{align-items:flex-start}._329vN{grid-area:content;object-fit:cover;object-position:top;border-radius:8px!important;box-shadow:4.751px 4.751px 11.402px #6b6b6b1f}._329vN:nth-child(3){z-index:1;width:39.38356164%;transform:rotate(-6deg) translate(-70%)}._329vN:nth-child(2){z-index:2;width:42.12328767%;transform:rotate(0) translate(-15%)}._329vN:nth-child(1){z-index:3;width:43.83561644%;margin-bottom:5%;transform:rotate(6deg) translate(55%)}.P7OyZ{width:100%;height:100%;object-fit:cover;object-position:top;background-color:var(--background-color);border:2px solid #fff;aspect-ratio:var(--aspect-ratio)}@media (max-width: 599px){.z7uso{font-size:16px!important}#qEYDK{background-color:var(--background-color-primary-regular, #fff)}}.rER8z{transition:cubic-bezier(.2,0,0,1) .2s}._8rqHj{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes PiTGH{0%{background-position:100% 50%}to{background-position:0 50%}}.fmPl4{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;height:100%;padding:24px 40px 24px 44px;overflow:hidden;background:#f0f3f5;background-size:cover;border-radius:var(--border-radius-large, 8px)}@media (max-width: 599px){.fmPl4{padding:16px;grid-template-columns:3fr 2fr}}.NPq7q{display:grid;gap:8px;align-content:center}.o6Ots{font-size:var(--font-size-450, 28px);font-weight:700;line-height:130%;color:var(--text-color-primary, #222529);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 599px){.o6Ots{font-size:var(--font-size-300, 24px)}}.rrgTL{font-size:var(--font-size-100, 14px);font-weight:400;line-height:150%;color:var(--color-transparent-black-700, rgba(0, 0, 0, .45))}@media (max-width: 599px){.rrgTL{font-size:var(--font-size-100, 15px)}}.XB-yR{height:24px}.TrK1j{position:absolute;top:0;width:100%;height:100%;object-fit:contain;object-position:right center}.OpMhn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;color:transparent}.OpMhn:hover{color:transparent}.Xi613{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background:var(--color-transparent-black-500, rgba(0, 0, 0, .2));border:.5px solid var(--color-transparent-white-600, rgba(255, 255, 255, .35));border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.Xi613:hover{background:var(--color-transparent-black-400, rgba(0, 0, 0, .12))}.ifR1r{font-size:24px}.rEaSF{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background:var(--color-transparent-black-500, rgba(0, 0, 0, .2));border:.5px solid var(--color-transparent-white-600, rgba(255, 255, 255, .35));border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.rEaSF:hover{background:var(--color-transparent-black-400, rgba(0, 0, 0, .12))}.kg0tg{font-size:24px}@media (max-width: 599px){.Aa-MX{font-size:16px!important}#nD0v9{background-color:var(--background-color-primary-regular, #fff)}}.qSzFW{transition:cubic-bezier(.2,0,0,1) .2s}.nEbTn{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes Ar5b1{0%{background-position:100% 50%}to{background-position:0 50%}}._45bwe{height:100%;display:grid;grid:"content" 100% / auto}._45bwe:hover .nJKxN{opacity:1}._8CJ2O{grid-area:content;height:100%;opacity:0;transition:transform 1ms .3s,opacity 1ms .3s;transform:translateY(-100%)}._8CJ2O.tllRk{z-index:1;opacity:1;transition:opacity .3s,transform 0s;transform:translateY(0)}.QpTla{z-index:6;display:flex;grid-area:content;align-self:end;justify-content:center;padding-left:0;pointer-events:none}._5fd5y{display:inline-flex;box-sizing:content-box;align-items:center;justify-content:center;width:auto;padding:12px 2px;background:none;border:none;opacity:1;pointer-events:auto;cursor:pointer}._5fd5y:hover{opacity:.8}._5fd5y.tllRk:after{background:var(--color-transparent-black-800, rgba(0, 0, 0, .6));opacity:1}._5fd5y:after{transition:cubic-bezier(.2,0,0,1) .2s;display:block;width:22px;height:3px;background:var(--color-transparent-black-500, rgba(0, 0, 0, .2));border-radius:2px;content:""}.nJKxN{transition:cubic-bezier(.2,0,0,1) .2s;z-index:1;grid-area:content;align-self:center;margin:8px;opacity:0}@media (pointer: coarse) and (hover: none){.nJKxN{display:none}}.ToVUh{justify-self:end}.qdNQK{justify-self:start}.HSSVk{flex:none;background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:8px}.contents-material-list__thumb{position:relative}.contents-material-list__thumb:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000005;border-radius:inherit;pointer-events:none;content:"";transition:background .3s cubic-bezier(.25,.1,.25,1)}@media (max-width: 599px){.contents-material-list .js-waterfall__waterfall-panel{gap:var(--container-layout-padding-right)}}.contents-skeleton-material-list-css{grid-auto-rows:32px}@media (max-width: 959px){.contents-skeleton-material-list-css{grid-template-columns:repeat(var(--columns, 3),1fr)}}.contents-skeleton-material-list-css__item:nth-child(7n+1){grid-row:span 7}.contents-skeleton-material-list-css__item:nth-child(7n+2){grid-row:span 7}.contents-skeleton-material-list-css__item:nth-child(7n+3){grid-row:span 6}.contents-skeleton-material-list-css__item:nth-child(7n+4){grid-row:span 7}.contents-skeleton-material-list-css__item:nth-child(7n+5){grid-row:span 7}.contents-skeleton-material-list-css__item:nth-child(7n+6){grid-row:span 6}.contents-skeleton-material-list-css__item:nth-child(7n+7){grid-row:span 5}@media (max-width: 959px){.contents-skeleton-material-list-css__item:nth-last-child(-n+20){display:none}}.contents-skeleton-material-list-css__item:nth-child(n+30):nth-last-child(-n+9){grid-row:span 4}.contents-skeleton-material-list-css__item:nth-child(n+30):nth-last-child(-n+6){grid-row:span 3}.contents-skeleton-material-list-css__item:nth-child(n+30):nth-last-child(-n+3){grid-row:span 2}.contents-similar-template-dialog-v1__header{display:flex;gap:20px;align-items:center}.contents-similar-template-dialog-v1 .gda-divider-horizontal{left:6px;width:calc(100vw - 132px);min-width:calc(100vw - 132px);margin:1px 20px 20px}.contents-similar-template-dialog-v1__header--left{width:80px;height:80px;overflow:hidden;border-radius:8px}.contents-similar-template-dialog-v1__header--left .contents-similar-template-dialog-v1__header--img-container{display:flex;gap:0;align-items:center;justify-content:center;width:100%;height:100%;padding:4px 14px}.contents-similar-template-dialog-v1__header--left .contents-similar-template-dialog-v1__header--img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:4px}.contents-similar-template-dialog-v1__header--left .contents-similar-template-dialog-v1__header--img-container-horizontal{display:flex;gap:0;align-items:center;justify-content:center;width:100%;height:100%;padding:14px 4px}.contents-similar-template-dialog-v1__header--left .contents-similar-template-dialog-v1__header--img-horizontal{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:4px}.contents-similar-template-dialog-v1__header--left .contents-similar-template-dialog-v1__header--img-container-square{display:flex;gap:0;align-items:center;justify-content:center;width:100%;height:100%;padding:10px}.contents-similar-template-dialog-v1__header--left .contents-similar-template-dialog-v1__header--img-square{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:4px}.contents-similar-template-dialog-v1__header--right{width:90px;margin-right:36px}.contents-similar-template-dialog-v1__header--center{display:flex;flex:1;flex-direction:column;gap:12px;align-items:flex-start;justify-content:space-between}.contents-similar-template-dialog-v1__header--center .contents-similar-template-dialog-v1__header--center-title{overflow:hidden;font-family:var(--font-family-body, "pingfang SC");font-size:var(--font-size-150, 16px);font-style:normal;font-weight:var(--font-weight-bold, 600);line-height:130%;color:var(--text-color-primary, var(--text-color-primary, #222529));text-overflow:ellipsis}.contents-similar-template-dialog-v1__header--center .contents-similar-template-dialog-v1__header--center-description{overflow:hidden;font-size:var(--font-size-50, 12px);font-weight:400;line-height:150%;color:var(--text-color-tertiary, var(--text-color-tertiary, #7f8792));text-overflow:ellipsis}.contents-similar-template-dialog-v1__header--center .contents-similar-template-dialog-v1__header--center-description span{display:flex;gap:8px;align-items:center}.contents-similar-template-dialog-v1 .contents-similar-template-dialog-v1__header--icon{font-size:var(--font-size-100, 14px);cursor:pointer}.contents-similar-template-dialog-v1 .gda-modal-body{height:calc(100vh - 152px);padding:0;overflow-y:auto}.contents-similar-template-dialog-v1 .gda-modal-content{border-radius:var(--modal-border-radius) var(--modal-border-radius) 0 0}.contents-similar-template-dialog-v1__content{margin:0 24px}.contents-group-template-list{position:relative}.contents-group-template-list__name{margin-bottom:24px;font-size:20px;font-weight:500;line-height:30px;color:#000}@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-material-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.contents-material-detail-modal__tools{display:flex;flex:none;align-items:center;justify-content:flex-end;height:56px;padding:0 40px;background:#f6f7f9;border-bottom:1px solid #e8eaec}.contents-material-detail-modal__detail{flex:1;overflow-y:scroll}.contents-material-detail-modal__group-btn{position:absolute;top:0;right:0}