.contents-feedback{display:flex;justify-content:center;width:100%;height:34px;margin-top:32px}.contents-feedback__background{display:flex;align-items:center;justify-content:center;min-width:472px;padding:0 14px;text-align:center;background:#f1f2f499;border-radius:8px}.contents-feedback__tip span{color:#000}.contents-feedback__tip em{font-style:normal;color:var(--link-regular, #2254f4)}.contents-feedback__tip em:hover{color:var(--link-hover, #4d7cff)}@media (max-width: 599px){.contents-feedback .contents-feedback__background{min-width:initial;background:var(--background-color-primary-regular, #fff)}}.contents-filter-label{position:relative;display:flex;gap:4px;align-items:center;height:32px;padding:0 8px;font-size:var(--font-size-100, 14px);font-weight:var(--font-weight-bold, 600);color:var(--text-color-emphasis, #2254f4);background-color:var(--background-color-transparent-emphasis-regular);border-radius:var(--border-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--motion-normal)}.contents-filter-label:hover{background-color:var(--background-color-transparent-emphasis-regular)}.gdesign-icon.contents-filter-label__icon-arrow{width:var(--tag-withicon-icon-size-medium, 20px);height:var(--tag-withicon-icon-size-medium, 20px);color:var(--tag-color-checked, #2254f4)}.gdesign-icon.contents-filter-label__icon-arrow-clear{width:var(--tag-withicon-icon-size-medium, 20px);height:var(--tag-withicon-icon-size-medium, 20px);margin-left:4px;color:var(--tag-color-checked, #2254f4)}.contents-filter-dropdown__dropdown{margin-right:8px;background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-dropdown__dropdown:hover{background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-dropdown__menu-list{display:grid;grid-template-columns:repeat(6,auto);gap:4px;padding:16px}.contents-filter-dropdown__menu-item:hover{color:var(--text-color-emphasis, #2254f4);background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-dropdown__menu-item--active{font-size:var(--font-size-100, 14px);font-weight:var(--font-weight-bold, 600);color:var(--text-color-emphasis, #2254f4);background-color:var(--background-color-transparent-emphasis-regular)}.contents-filter-button-more{padding:0 8px}.contents-filter-button-more .gdesign-icon{margin-right:-4px;font-size:16px;color:#9da3ac;transition:transform .2s}.contents-filter-button-more--collapsed>.contents-filter-button-more__icon{transform:rotate(-180deg)}.contents-filter-tags{display:flex;flex:1}.contents-filter-tags__container{display:grid;gap:12px}.contents-filter-tags__container.contents-filter-tags__container--no-options{display:none}.contents-filter-tags__label{flex:none;min-width:2em;margin-right:40px;font:var(--text-p1-regular);line-height:var(--button-height-medium, 32px);color:var(--text-color-tertiary);white-space:nowrap}.contents-filter-tags__list{display:flex;flex:1;flex-wrap:wrap;gap:12px 8px}.contents-filter-tags__list--collapsed{height:var(--button-height-medium, 32px);overflow:hidden}.contents-filter-tags__toggle{margin-left:8px}.contents-filter-tags__child-filters{display:contents}.contents-filter-tags__filter-row-enter{opacity:0;transform:translateY(-4px)}.contents-filter-tags__filter-row-leave-to{opacity:0}.contents-filter-tags__filter-row-enter-active{transition:cubic-bezier(.2,0,0,1) .3s}.contents-filter-tags__filter-row-leave-active{transition:0s}.contents-filter-tags a.gda-btn:visited{color:inherit}@media (max-width: 599px){._gda-breadcrumb_x516z_2{font-size:16px!important}}._transition-small_x516z_6{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_x516z_9{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_x516z_1{0%{background-position:100% 50%}to{background-position:0 50%}}._filter-chip_x516z_20{position:relative;display:flex;gap:4px;align-items:center;align-self:stretch;height:40px;padding:var(--spacing-0, 0) 12px;font-size:var(--button-font-size-medium, 14px);font-weight:500;color:var(--button-color-tertiary-regular, #222529);white-space:nowrap;border:1px solid var(--border-color-primary-regular, #e8eaec);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:cubic-bezier(.2,0,0,1) .2s}._filter-chip_x516z_20:hover{background:var(--background-color-transparent-primary-hover, rgba(0, 0, 0, .04))}.gda-btn-icon-only._button-close_x516z_41{position:absolute;top:0;right:0;font-size:16px;color:var(--text-color-placeholder);border-radius:50%;opacity:0;transform:translate(50%,-50%)}._filter-chip_x516z_20:hover ._button-close_x516z_41{opacity:1}@media (max-width: 599px){._gda-breadcrumb_1bnxp_2{font-size:16px!important}}._transition-small_1bnxp_6{transition:cubic-bezier(.2,0,0,1) .2s}._transition-medium_1bnxp_9{transition:cubic-bezier(.2,0,0,1) .3s}@keyframes _gda-skeleton-loading_1bnxp_1{0%{background-position:100% 50%}to{background-position:0 50%}}._popover_1bnxp_20.gda-popover{padding-top:4px}._popover_1bnxp_20 .gda-popover-inner-content{min-width:unset;padding:0}._columns_1bnxp_27{display:flex;max-width:100vw;overflow-x:auto}._column_1bnxp_27{display:grid;flex:none;grid-template-columns:repeat(2,auto);gap:8px;align-content:start;height:auto;max-height:calc(100vh - 168px);padding:8px}._column_1bnxp_27:not(:last-of-type){border-right:1px solid var(--cascader-dropdown-menu-background-color-divider, rgba(0, 0, 0, .08))}._column_1bnxp_27:not(:has(:nth-child(2))){grid-template-columns:repeat(1,auto)}._item_1bnxp_48{display:flex;flex-shrink:0;gap:4px;align-items:center;justify-content:space-between;min-width:96px;min-width:118px;height:32px;padding:0 var(--switch-height-dot-small, 10px);text-align:center;white-space:nowrap;border:none;border-radius:var(--border-radius-large, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}._item_1bnxp_48:hover{background:var(--background-color-primary-hover, #f6f7f9)}._item_1bnxp_48:active{background:var(--background-color-primary-active, #f1f2f4)}._item_1bnxp_48._active_1bnxp_71{font-weight:400;background:var(--background-color-primary-active, #f1f2f4)}._item_1bnxp_48._active_1bnxp_71:hover{font-weight:400}._icon_1bnxp_78{font-size:16px;color:var(--text-color-tertiary);pointer-events:none}.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}.contents-similar-template-dialog .gda-modal-body{height:calc(100vh - 256px);padding:0;overflow-y:auto}.contents-similar-template-dialog__content{margin:0 24px}.contents-group-template-dialog .gda-modal{height:613px}.contents-group-template-dialog .gda-modal .gda-modal-content{display:flex;flex-direction:column;overflow:hidden}.contents-group-template-dialog .gda-modal .gda-modal-content .gda-modal-header{height:56px}.contents-group-template-dialog .gda-modal .gda-modal-content .gda-modal-body{height:557px;padding:0;overflow-y:auto}.contents-group-template-dialog__preview{display:flex;flex-direction:row;width:100%;height:485px;padding:16px 24px;background:#fff}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area{width:120px;height:100%;overflow-y:auto}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails{width:100%;height:auto}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails .contents-group-template-dialog__thumbnail{position:relative;width:100px;height:100px;margin-bottom:8px;background:var(--background-color-secondary-regular, #f6f7f9);border:2px solid var(--background-color-secondary-regular, #f6f7f9);border-radius:8px;cursor:pointer;transition:all .2s}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails .contents-group-template-dialog__thumbnail--active{border:2px solid var(--border-color-info-primary, #2254f4)}.contents-group-template-dialog__preview .contents-group-template-dialog__thumbnail-area .contents-group-template-dialog__thumbnails .contents-group-template-dialog__thumbnail>picture{position:absolute;top:50%;left:50%;border-radius:4px;transform:translate(-50%,-50%)}.contents-group-template-dialog__preview .contents-group-template-dialog__detail{position:relative;flex:1;padding:20px;background:var(--background-color-tertiary-regular, #f1f2f4);border-radius:8px}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card-container{display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%;height:100%}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-material-preview-webpage__preview-list{display:none}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card{left:50%;max-width:100%;max-height:100%;border-radius:0!important;transform:translate(-50%)}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card .contents-material-preview,.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card .contents-material-thumb{border-radius:0!important}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card:hover .contents-group-template-dialog__materail-tag{display:none}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card--long{overflow:auto;transform:initial}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-card--long .contents-group-template-dialog__materail-tag{top:initial;bottom:20px;left:20px}.contents-group-template-dialog__preview .contents-group-template-dialog__detail .contents-group-template-dialog__materail-title{margin-bottom:0;font:var(--text-p1-regular);color:var(--text-color-tertiary, #7f8792);text-align:center}.contents-group-template-dialog__tools{display:flex;gap:8px;align-items:center;justify-content:right;width:100%;height:72px;padding:var(--modal-footer-space-vertical, 16px) var(--modal-footer-space-horizontal, 24px);border-top:1px solid var(--border-color-primary-regular, #e8eaec)}.contents-group-template-dialog__tools .gda-skeleton{width:120px;height:40px}.contents-group-template-dialog__tools .gda-skeleton .gda-skeleton-title{width:120px;height:40px;padding:0;margin:0}.contents-infinite-scroll__sentinel{height:1px}.contents-material-sort-picker{margin-right:calc(var(--tabs-space-gap-compact) * -1)}.contents-material-sort-picker__tab{display:flex;gap:4px;align-items:center}.contents-material-sort-picker__icon-tag-new{width:28px;height:14px;background-image:url(https://cdn.dancf.com/fe-assets/img/8a091eb3c0332b02ead2ba0ff97f885b.svg);background-size:cover}.contents-property-filter-label{position:relative;display:flex;gap:4px;align-items:center;height:32px;padding:0 8px;color:var(--text-color-primary);border-radius:var(--border-radius-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--motion-normal)}.contents-property-filter-label:hover{background-color:var(--background-color-transparent-primary-hover)}.gdesign-icon.contents-property-filter-label__icon-arrow{margin-right:-4px;font-size:16px;color:var(--text-color-placeholder)}.gdesign-icon.contents-property-filter-label__icon-clear{position:absolute;top:0;right:0;font-size:16px;color:var(--text-color-placeholder);opacity:0;transition:var(--motion-normal);transform:translate(50%,-50%)}.contents-property-filter-label--selected,.contents-property-filter-label--selected:hover{background-color:var(--background-color-transparent-primary-active)}.contents-property-filter-label--active,.contents-property-filter-label--active:hover{background-color:var(--actionbutton-quiet-background-color-checked-active)}.contents-property-filter-label--active .contents-property-filter-label__icon-clear,.contents-property-filter-label:hover .contents-property-filter-label__icon-clear{opacity:1}.contents-filetype-filter__menu-item{display:flex;gap:8px;align-items:center;justify-content:space-between}.contents-format-filter__menu-item{display:flex;gap:8px;align-items:center;justify-content:space-between}.contents-group-only-toggle{display:flex;gap:8px;align-items:center;height:32px;cursor:pointer;-webkit-user-select:none;user-select:none}.contents-style-filter__menu-list{display:grid;grid-template-columns:repeat(6,auto);gap:4px;padding:8px}.contents-material-property-filter{position:relative;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.contents-material-property-filter__group{display:grid;grid-auto-flow:column;gap:8px;white-space:nowrap}.contents-material-list-with-infinite-scroll{padding-bottom:40px}.contents-material-list-with-infinite-scroll__loading,.contents-material-list-with-infinite-scroll__tools{display:flex;align-items:center;justify-content:center;height:72px}.contents-material-list-with-infinite-scroll__full-loaded-bottom{display:flex;justify-content:center;margin-top:16px}.contents-material-list-with-infinite-scroll__sentinel{height:1px}.contents-material-list-with-pagination__pagination{width:fit-content;margin:24px auto 0}.contents-material-list-with-pagination__empty-not{margin-top:24px;text-align:center}.contents-scenes-tab-item{position:relative;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--spacing-100, 4px);align-items:flex-start;width:120px;height:60px;padding:0;background:var(--background-color-secondary-regular, #f6f7f9);border-radius:var(--border-radius-large, 8px);transition:cubic-bezier(.2,0,0,1) .3s}.contents-scenes-tab-item:hover:not(.contents-scenes-tab-item--active){background:var(--background-color-secondary-hover, #f1f2f4)}.contents-scenes-tab-item--active{background:var(--theme-color, var(--brand-500, #4d7cff))}.contents-scenes-tab-item--active .contents-scenes-tab-item__title{color:var(--static-color-white, #fff)}.contents-scenes-tab-item--active .contents-scenes-tab-item__sub-title{color:var(--static-color-white, #fff);opacity:.4}.contents-scenes-tab-item--active .contents-scenes-tab-item__image{opacity:1}.contents-scenes-tab-item--active .contents-scenes-tab-item__content:before{opacity:.2}.contents-scenes-tab-item__content{width:100%;height:100%;padding:var(--spacing-300, 12px) var(--spacing-400, 16px) 0;border-radius:var(--border-radius-large, 8px)}.contents-scenes-tab-item__content:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 12px 28px 0 var(--theme-color, var(--brand-500, #4d7cff)),0 8px 20px 0 var(--theme-color, var(--brand-500, #4d7cff)),0 4px 8px 0 var(--theme-color, var(--brand-500, #4d7cff));opacity:0;content:"";transition:cubic-bezier(.2,0,0,1) .3s}.contents-scenes-tab-item__title{margin-bottom:var(--spacing-100, 4px);font:var(--text-h7-bold);color:var(--text-color-primary, #222529);transition:cubic-bezier(.2,0,0,1) .3s}.contents-scenes-tab-item__sub-title{max-width:100%;font-size:12px;line-height:18px;color:var(--text-color-disabled, #b4b8bf);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contents-scenes-tab-item__image{position:absolute;right:-12px;bottom:-12px;width:56px;height:56px;opacity:0;pointer-events:none}.contents-scenes-tab-item__badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:top;justify-content:flex-end}@media (max-width: 599px){.contents-scenes-tab-item{width:170px}}.contents-scenes-tab-item-badge{display:flex;align-items:center;justify-content:center;padding:4px;font-size:12px;font-style:normal;font-weight:700;line-height:1;border-radius:var(--border-radius-small, 4px);transform:scale(.83333333);transform-origin:top right}.scenes-guide-highlight-item{position:relative}.scenes-guide-highlight-item .contents-scenes-tab-item__content{padding:calc(var(--spacing-300, 12px) - 0px) calc(var(--spacing-400, 16px) - 0px) 0}.scenes-guide-highlight-item .contents-scenes-tab-item__content:before{box-shadow:initial}.scenes-guide-highlight-item .contents-scenes-tab-item__badge{z-index:500}.scenes-guide-highlight-onlyOne.scenes-guide-highlight-item{border:2px solid var(--border-color-emphasis);box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff}.scenes-guide-highlight-onlyOne.scenes-guide-highlight-item .contents-scenes-tab-item__content{padding:calc(var(--spacing-300, 12px) - 2px) calc(var(--spacing-400, 16px) - 2px) 0}.scenes-guide-highlight-onlyOne.scenes-guide-highlight-item.contents-scenes-tab-item .contents-scenes-tab-item__image{right:-14px;bottom:-14px}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-start{position:relative}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-start:before{position:absolute;top:-1px;left:-1px;z-index:100;width:calc(100% + var(--spacing-400, 16px) / 2 + 2px);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-right-radius:initial;border-bottom-right-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-start:after{position:absolute;top:-1px;left:calc(100% + var(--spacing-400, 16px) / 2 - 1px);z-index:200;width:2px;height:calc(100% + 2px);background:var(--border-color-emphasis);content:""}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-end{position:relative}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-end:before{position:absolute;top:-1px;right:-1px;z-index:100;width:calc(100% + var(--spacing-400, 16px) / 2);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-onlyTwo.scenes-guide-highlight-item.scenes-guide-highlight-end:after{position:absolute;top:1px;right:calc(100% + var(--spacing-400, 16px) / 2 - 4px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-item:not(.scenes-guide-highlight-start):not(.scenes-guide-highlight-end){position:relative}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-item:not(.scenes-guide-highlight-start):not(.scenes-guide-highlight-end):before{position:absolute;top:-1px;left:calc(calc(var(--spacing-400, 16px) / 2) * -1);z-index:100;width:calc(100% + var(--spacing-400, 16px));height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:initial;box-shadow:0 -2px #bdccfc,0 2px #bdccfc,inset 0 -1px #fff,inset 0 1px #fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-item:not(.scenes-guide-highlight-start):not(.scenes-guide-highlight-end):after{position:absolute;top:1px;left:calc(-1 * var(--spacing-400, 16px) / 2 - 4px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-start{position:relative}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-start:before{position:absolute;top:-1px;left:-1px;z-index:100;width:calc(100% + var(--spacing-400, 16px) / 2 + 2px);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-right-radius:initial;border-bottom-right-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-start:after{position:absolute;top:1px;left:calc(100% + var(--spacing-400, 16px) / 2 - 1px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-end{position:relative}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-end:before{position:absolute;top:-1px;right:-1px;width:calc(100% + var(--spacing-400, 16px) / 2 + 2px);height:calc(100% + 2px);background:transparent;border:2px solid var(--border-color-emphasis);border-radius:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;box-shadow:0 0 0 2px #bdccfc,inset 0 0 0 1px #fff;content:""}.scenes-guide-highlight-more.scenes-guide-highlight-item.scenes-guide-highlight-end:after{position:absolute;top:1px;left:calc(-1 * var(--spacing-400, 16px) / 2 - 4px);z-index:200;width:8px;height:calc(100% - 2px);background:#fff;content:""}.contents-scenes-tab{--scenes-tab-swiper-top: 16px;overflow:hidden}.contents-scenes-tab__item{scroll-margin-inline:calc(var(--container-layout-padding-left) + 40px)}.contents-scenes-tab__item:not(:last-of-type){margin-right:var(--spacing-400, 16px)}@media (max-width: 599px){.contents-scenes-tab{--scenes-tab-swiper-top: var(--container-layout-padding-top)}.contents-scenes-tab .contents-scenes-tab__item:not(:last-of-type){margin-right:var(--container-layout-padding-right)}}.contents-page-banner{display:grid;grid:"content" 112px / auto;overflow:hidden;color:var(--static-color-white, #fff);background:var(--background-color-secondary-regular);border-radius:var(--border-radius-xlarge, 12px)}.contents-page-banner__background{grid-area:content}.contents-page-banner__content{z-index:1;display:grid;grid-area:content;gap:8px;align-content:center;padding:0 24px;font:var(--text-p1-regular)}.contents-page-banner__title{font:var(--text-h4-bold)}.contents-page-banner__description{opacity:.7}.contents-page-banner__background-image{width:100%;height:100%;object-fit:cover;object-position:right center}.contents-page-section-more-link__link{display:flex;align-items:center;color:var(--text-color-tertiary, #7f8792);white-space:nowrap;transition:cubic-bezier(.2,0,0,1) .2s;transform:translateZ(0)}.contents-page-section-more-link__link:hover{color:var(--text-color-primary, #222529)}.contents-page-section-more-link__icon{font-size:16px}.contents-page-section__header{display:flex;gap:var(--spacing-600, 24px);align-items:center;margin-bottom:var(--spacing-400, 16px)}.contents-page-section__title-wrapper{display:flex;gap:var(--spacing-200, 8px);align-items:center}.contents-page-section__header-content{flex:1;overflow-x:auto;scrollbar-width:none}.contents-page-section__header-content::-webkit-scrollbar{display:none}.contents-page-section__title{margin:0;font:var(--text-h5-bold);white-space:nowrap}@media (max-width: 599px){.contents-page-section .contents-page-section__header{gap:var(--container-layout-padding-top);margin-bottom:var(--container-layout-padding-bottom)}.contents-page-section .contents-page-section__title{font:var(--text-h6-bold)}}.contents-page-section-skeleton{flex:none}.contents-page-section-skeleton__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-400, 16px)}.main-area-span{--main-area-span: 2}@media screen and (min-width: 1408px){.main-area-span{--main-area-span: 3}}@media screen and (min-width: 1632px){.main-area-span{--main-area-span: 4}}.contents-page-section-group{--main-area-span: 2;row-gap:var(--spacing-1000, 40px)}@media screen and (min-width: 1408px){.contents-page-section-group{--main-area-span: 3}}@media screen and (min-width: 1632px){.contents-page-section-group{--main-area-span: 4}}@media screen and (max-width: 1152px){.contents-page-section-group{display:flex;flex-direction:column}}.contents-page-section-group--incomplete{display:flex;flex-direction:column}.contents-page-section-group>*:nth-child(n+1){grid-column:span var(--main-area-span)}.contents-page-section-group>*:nth-child(2n){grid-column:calc(var(--main-area-span) + 1) / -1}.contents-column-materials__material-list-wrapper{width:100%}.contents-material-column{background:var(--body-background-color-primary)}.contents-material-column__title{display:grid;grid-auto-flow:column;gap:var(--spacing-100, 4px);align-items:center;font:var(--text-h5-bold);color:currentcolor;white-space:nowrap}.contents-material-column__title:hover{color:currentcolor}.contents-material-column__title-icon{font-size:var(--icon-size-large, 24px)}.contents-material-column__links{display:flex;gap:var(--spacing-200, 8px)}.contents-material-column__tag-pinned{display:inline-block;width:28px;height:14px;color:transparent;background:center / contain url(https://cdn.dancf.com/fe-assets/20240228/2dcb98b6ef3cfd91c4ad9e1e68392789.png);-webkit-user-select:none;user-select:none}@media (max-width: 599px){.contents-material-column__title{font:var(--text-h6-bold)}}.contents-transition-list-move,.contents-transition-list-enter-active,.contents-transition-list-leave-active{transition:.5s}.contents-transition-list-enter,.contents-transition-list-leave-to{opacity:0}.contents-material-column-menu__menu-item{display:grid;grid-auto-flow:column;gap:var(--spacing-200, 8px);align-items:center;justify-content:flex-start}.contents-material-column-menu__menu-item .gdesign-icon{font-size:var(--icon-suffix-size-xsmall, 16px)}.contents-material-column-list{position:relative;display:grid;gap:var(--spacing-1000, 40px)}.contents-material-column-list .contents-transition-list-move:first-child{position:relative;z-index:1}.contents-recommend-card-materials{display:grid;grid:"content" auto / auto;align-items:flex-start;width:142px;height:100%;padding-top:24px;margin:0 auto;will-change:transform}.contents-recommend-card-materials__vertical-item{grid-area:content;width:88px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials__vertical-item:nth-child(1){z-index:1}.contents-recommend-card-materials__vertical-item:nth-child(2n){justify-self:flex-end;margin-top:12px}.contents-recommend-card-materials .contents-recommend-card-materials__image{border-radius:var(--border-radius-medium, 6px)}.contents-recommend-card-materials__side-item{grid-area:content;width:156px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials__side-item:nth-child(1){z-index:1;margin-top:14px;margin-left:-14px}.contents-recommend-card-materials__side-item:nth-child(2n){justify-self:flex-end}.contents-recommend-card-materials-daily{display:flex;gap:4px;justify-content:center;height:100%;padding-top:24px;overflow:hidden}.contents-recommend-card-materials-daily__column{display:grid;gap:4px;align-content:start;width:88px;border-radius:var(--border-radius-medium, 6px)}.contents-recommend-card-materials-daily__column:nth-child(2n){margin-top:20px}.contents-recommend-card-materials-daily-skeleton{display:grid;grid-template-columns:repeat(4,88px);grid-auto-flow:column;gap:4px;justify-content:center;height:100%;padding-top:24px;overflow:hidden;filter:drop-shadow(0 12px 48px rgba(0,0,0,.08))}.contents-recommend-card-materials-daily-skeleton__item:nth-child(2n){margin-top:20px}.contents-recommend-card-materials-skeleton{display:grid;grid:"content" auto / auto;align-items:flex-start;width:142px;height:100%;padding-top:24px;margin:0 auto;will-change:transform}.contents-recommend-card-materials-skeleton__item{grid-area:content;width:88px;border-radius:var(--border-radius-small, 4px);box-shadow:0 12px 48px 2px #00000014,0 2px 8px #0000000a}.contents-recommend-card-materials-skeleton__item:nth-child(1){z-index:1}.contents-recommend-card-materials-skeleton__item:nth-child(2n){justify-self:flex-end;margin-top:12px}.contents-recommend-card__background{height:100%}.contents-recommend-card__image{width:100%}.feedback-questionnaire{position:relative;overflow:hidden;border-radius:var(--border-radius-xlarge, 12px)}.feedback-questionnaire img{width:100%;height:auto;cursor:pointer}.feedback-questionnaire:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;opacity:0;pointer-events:none;cursor:pointer;content:"";transition:opacity .3s}.feedback-questionnaire:hover:before{opacity:1}.feedback-questionnaire__modal .gda-modal-body{height:80vh}.feedback-questionnaire__modal iframe{width:100%;height:100%;border:none}@keyframes material-operate-fade-in{0%{opacity:0}to{opacity:1}}.contents-suit-material-card{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden;border-radius:12px!important}.contents-suit-material-card__image{overflow:hidden;border-radius:12px!important;cursor:pointer}.contents-suit-material-card__image img{transition:all .3s ease}.contents-suit-material-card__preview:hover .contents-suit-material-card__image img{transform:scale(1.05)}.contents-suit-material-card__info{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 400px){.contents-suit-material-card__info .contents-suit-material-card__count{display:none}}.contents-suit-material-card__info .contents-suit-material-card__name{max-width:158px;overflow:hidden;font:var(--text-p2-bold);line-height:1.7;color:var(--text-color-primary, #222529);text-overflow:ellipsis;white-space:nowrap}.contents-suit-material-card__info .contents-suit-material-card__count{font:var(--text-p2-regular);color:var(--text-color-placeholder, #9da3ac)}.contents-suit-material-card__group-link{position:absolute;top:50%;left:50%;width:initial;height:32px;padding:10px 16px;font:var(--text-p2-bold);transform:translate(-50%,-50%)}@media (max-width: 599px){.gda-breadcrumb{font-size:16px!important}}.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-link-list{flex:none;gap:var(--spacing-200, 8px);height:120px;padding:var(--spacing-200, 8px);background:var(--background-color-secondary-regular, #f6f7f9);border-radius:var(--border-radius-xlarge, 12px)}.contents-material-link-list .swiper-list-with-grid__content{border-radius:var(--border-radius-medium, 6px)}