.contents-material-card-operate{display:grid;grid:". . . top-right" auto "bottom-left bottom-left bottom-left bottom-right" auto / auto auto 1fr auto;gap:8px;align-content:space-between;justify-items:start;height:100%;padding:8px;pointer-events:none;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.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:#ffffffe6;border:none;border-radius:var(--border-radius-large, 8px);transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s}.contents-material-card-operate__item:hover{background:#e8eaece6;cursor:pointer}.contents-material-card-operate__item--more{grid-area:top-right;justify-self:end}.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__bottom-left{display:flex;grid-area:bottom-left;gap:8px;align-items:center;justify-content:flex-start}.contents-material-card-operate__button--similar{display:flex;gap:var(--button-icon-space-gap-small, 4px);align-items:center;justify-content:center;min-width:72px;height:var(--button-height-medium, 32px);padding:6px var(--button-space-horizontal-medium, 12px) 6px var(--button-space-horizontal-small, 8px);font-size:var(--button-font-size-medium, 14px);font-weight:400;line-height:22px;color:var(--button-color-primary-regular, #fff);text-align:center;background:var(--button-background-color-primary-regular, #2254f4);border:1px solid var(--button-border-color-primary-regular, rgba(0, 0, 0, 0));border-radius:var(--button-border-radius-small, 6px);pointer-events:auto}.contents-material-card-operate__button--similar:hover{color:var(--button-color-primary-regular, #fff);background:var(--button-background-color-primary-hover, #1641d1);border:1px solid var(--button-border-color-primary-hover, rgba(0, 0, 0, 0))}.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:#ffffffe6;border:none;border-radius:var(--border-radius-large, 8px);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:#e8eaece6;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:#ffffffe6;border:none;border-radius:var(--border-radius-large, 8px);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:#e8eaece6;cursor:pointer}.contents-material-card-operate__item,.contents-material-card-operate__button--mute,.contents-material-card-operate__button--group{background:var(--color-transparent-white-900, rgba(255, 255, 255, .8));border:1px solid var(--button-border-color-tertiary-regular, #e8eaec);border-radius:var(--button-border-radius-small, 6px);pointer-events:auto}.contents-material-card-operate__icon--favored{color:#faaa32}.contents-material-card-operate__fee{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;grid-area:bottom-right;align-self:end}.contents-material-card-operate__icon-fee{font-size:18px;color:#fbca4e}.contents-material-card-tag{position:relative;width:100%;height:100%;border-radius:inherit;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%)}.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-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}.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__img{object-fit:cover;transition:cubic-bezier(.2,0,0,1) .3s}.contents-scroll-preview__image{position:absolute!important;top:0;left:0;width:100%;height:100%}.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-material-thumb{display:block;overflow:hidden}.contents-material-thumb__title{display:none}.contents-material-thumb__thumb{object-fit:cover;object-position:top}.contents-horizontal-preview{position:relative}.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{object-fit:cover;object-position:top;transition:opacity .1s linear}.contents-long-preview .contents-long-preview__detail .contents-long-preview__img-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:unset}.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{background:none}.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:#ffffffe6;border:none;border-radius:var(--border-radius-large, 8px);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:#e8eaece6;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:1px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer;transform:translate(0)}.contents-material-preview img,.contents-material-preview video{pointer-events:none}.negative-feedback-list[data-v-0e0e2d06]{position:absolute;top:40px;right:40px;font-size:0}.feedback-mask[data-v-cca6f4b4]{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));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:inherit}.feedback-mask p[data-v-cca6f4b4]{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}@media (max-width: 599px){._gda-breadcrumb_1bmhb_2{font-size:16px!important}#_router-view_1bmhb_1{background:var(--background-color-primary-regular, #fff)}}._transition-small_1bmhb_9{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_1bmhb_12{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_1bmhb_1{0%{background-position:100% 50%}to{background-position:0 50%}}._imageWrapper_1bmhb_23{position:relative;width:100%;height:100%;border:16px solid transparent}@media (max-width: 599px){._image_1bmhb_23{padding:12px 8px}}._image_1bmhb_23 ._img_1bmhb_34{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){._image_1bmhb_23 ._img_1bmhb_34{box-shadow:2.955px 2.955px 7.091px #0e0e0e0a}}._image_1bmhb_23._long_1bmhb_52{padding-bottom:0}._image_1bmhb_23._long_1bmhb_52 ._img_1bmhb_34{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 12px 12px;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:hover .contents-material-card__operate-panel,.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{opacity:0}.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}._active_h7xzo_1{color:#faaa32}.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__trademark{position:absolute;top:8px;left:8px;width:66px;height:22px;padding:0 6px;background:#000000b3;border-radius:20px}.contents-material-card-material-operate__trademark-icon{display:block;width:100%;height:100%;background:url(//cdn.dancf.com/fe-assets/img/c56d85bd006fcce417b1b2ef95ebc683.png) center center no-repeat;background-size:contain}.contents-material-card-material-operate__bottom-box{position:absolute;bottom:0;display:flex;column-gap:10px;align-items:center;justify-content:flex-end;width:100%;padding:10px}.contents-material-card-material-operate__icon-button{width:32px;height:32px;padding:0;pointer-events:auto}.contents-material-card-material-operate__bottom{pointer-events:auto}.contents-material-card-material-operate__favorite{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;color:var(--static-color-black);background:#ffffffe6;border:none;border-radius:var(--border-radius-large, 8px);transition:background .3s cubic-bezier(.25,.1,.25,1),opacity .4s cubic-bezier(.25,.1,.25,1) .1s}.contents-material-card-material-operate__favorite:hover{background:#e8eaece6;cursor:pointer}.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{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%)}@keyframes material-operate-fade-in{0%{opacity:0}to{opacity:1}}.contents-material-card__operate-panel,.contents-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-material-card__tag-panel{transition:opacity .2s cubic-bezier(.25,.1,.25,1);will-change:transform}.contents-material-card__preview:hover .contents-material-card__operate-panel,.contents-material-card__preview:hover .contents-material-card__group-preview{opacity:1}.contents-material-card__preview:hover .contents-material-card__tag-panel{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;z-index:2;display:flex;align-items:center;justify-content:center;background-color:#0003}.contents-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-material-card__feedback{position:absolute;top:0;left:0;z-index:2}.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)}}@media (max-width: 599px){._gda-breadcrumb_8ugsn_2{font-size:16px!important}#_router-view_8ugsn_1{background:var(--background-color-primary-regular, #fff)}}._transition-small_8ugsn_9{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_8ugsn_12{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_8ugsn_1{0%{background-position:100% 50%}to{background-position:0 50%}}._templates-recommend-card-templates_8ugsn_23{gap:4px;width:100%}._list_8ugsn_27{display:grid}._masonry_8ugsn_30{column-gap:4px;columns:2}._masonry_8ugsn_30 ._item_8ugsn_34{margin-bottom:4px}._grid_8ugsn_37{display:grid;grid-template-columns:repeat(2,calc((100% - 4px)/2));align-items:start}._grid_8ugsn_37 ._item_8ugsn_34{aspect-ratio:1}._item_8ugsn_34{background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:8px!important}._item_8ugsn_34._landscape_8ugsn_49 ._img_8ugsn_49{object-position:left}._item_8ugsn_34._portrait_8ugsn_52 ._img_8ugsn_49{object-position:top}._item_8ugsn_34._landscape-wide_8ugsn_55{aspect-ratio:3}._img_8ugsn_49{width:100%;height:100%;object-fit:cover}@media (max-width: 599px){._gda-breadcrumb_1domq_2{font-size:16px!important}#_router-view_1domq_1{background:var(--background-color-primary-regular, #fff)}}._transition-small_1domq_9{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_1domq_12{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_1domq_1{0%{background-position:100% 50%}to{background-position:0 50%}}._card_1domq_23{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}._footer_1domq_33{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}._title_1domq_44{font:var(--text-h6-bold);color:var(--static-color-white, #fff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._icon_1domq_52{flex:none;margin:2px;font-size:var(--size-400, 16px);color:var(--static-color-white);opacity:.6}._media_1domq_59{padding:4px;grid-area:content}@media (max-width: 599px){._gda-breadcrumb_1d5rb_2{font-size:16px!important}#_router-view_1d5rb_1{background:var(--background-color-primary-regular, #fff)}}._transition-small_1d5rb_9{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_1d5rb_12{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_1d5rb_1{0%{background-position:100% 50%}to{background-position:0 50%}}._container_1d5rb_23{align-items:center;justify-items:center;display:grid;grid:"content" 100% / auto}._container_1d5rb_23._portrait_1d5rb_29{align-items:flex-start}._image_1d5rb_32{grid-area:content;object-fit:cover;object-position:top;border-radius:8px!important;box-shadow:4.751px 4.751px 11.402px #6b6b6b1f}._image_1d5rb_32:nth-child(3){z-index:1;width:39.38356164%;transform:rotate(-6deg) translate(-70%)}._image_1d5rb_32:nth-child(2){z-index:2;width:42.12328767%;transform:rotate(0) translate(-15%)}._image_1d5rb_32:nth-child(1){z-index:3;width:43.83561644%;margin-bottom:5%;transform:rotate(6deg) translate(55%)}._img_1d5rb_55{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){._gda-breadcrumb_1sbw4_2{font-size:16px!important}#_router-view_1sbw4_1{background:var(--background-color-primary-regular, #fff)}}._transition-small_1sbw4_9{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_1sbw4_12{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_1sbw4_1{0%{background-position:100% 50%}to{background-position:0 50%}}._card_1sbw4_23{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){._card_1sbw4_23{padding:16px;grid-template-columns:3fr 2fr}}._content_1sbw4_41{display:grid;gap:8px;align-content:center}._title_1sbw4_46{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){._title_1sbw4_46{font-size:var(--font-size-300, 24px)}}._description_1sbw4_62{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){._description_1sbw4_62{font-size:var(--font-size-100, 15px)}}._badge_1sbw4_74{height:24px}._image_1sbw4_77{position:absolute;top:0;width:100%;height:100%;object-fit:contain;object-position:right center}._link_1sbw4_85{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;color:transparent}._link_1sbw4_85:hover{color:transparent}._button_y03pg_1{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}._button_y03pg_1:hover{background:var(--color-transparent-black-400, rgba(0, 0, 0, .12))}._icon_y03pg_17{font-size:24px}@media (max-width: 599px){._gda-breadcrumb_cmk9f_2{font-size:16px!important}#_router-view_cmk9f_1{background:var(--background-color-primary-regular, #fff)}}._transition-small_cmk9f_9{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_cmk9f_12{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_cmk9f_1{0%{background-position:100% 50%}to{background-position:0 50%}}._carousel_cmk9f_23{height:100%;display:grid;grid:"content" 100% / auto}._carousel_cmk9f_23:hover ._flip-button_cmk9f_28{opacity:1}._item_cmk9f_31{grid-area:content;height:100%;opacity:0;transition:transform 1ms .3s,opacity 1ms .3s;transform:translateY(-100%)}._item_cmk9f_31._active_cmk9f_38{z-index:1;opacity:1;transition:opacity .3s,transform 0s;transform:translateY(0)}._controller-container_cmk9f_44{z-index:6;display:flex;grid-area:content;align-self:end;justify-content:center;padding-left:0;pointer-events:none}._controller-button_cmk9f_53{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}._controller-button_cmk9f_53:hover{opacity:.8}._controller-button_cmk9f_53._active_cmk9f_38:after{background:var(--color-transparent-black-800, rgba(0, 0, 0, .6));opacity:1}._controller-button_cmk9f_53: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:""}._flip-button_cmk9f_28{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){._flip-button_cmk9f_28{display:none}}._next-button_cmk9f_95{justify-self:end}._previous-button_cmk9f_98{justify-self:start}.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)}}._ske_1c5p3_1{flex:none;background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:8px}.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: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}