.contents-skeleton-text{width:min-content;background:linear-gradient(90deg,#f5f6f7 25%,#eaedf0 37%,#f5f6f7 63%);background-size:400% 100%;animation:gda-skeleton-loading 1.4s infinite;color:transparent;-webkit-background-clip:text;background-clip:text;border-radius:2px;-webkit-user-select:none;user-select:none}.contents-material-meta__param-item{display:flex;justify-content:space-between;overflow:hidden;font-size:14px;line-height:20px}.contents-material-meta__param-item:not(:last-of-type){margin-bottom:1em}.contents-material-meta dl{margin-bottom:0}.contents-material-meta dt{display:flex;flex:none;align-items:center;font-weight:400;color:#636c78}.contents-material-meta dd{margin:0;overflow:hidden;color:var(--text-color-primary)}.contents-material-meta__param-link{color:var(--text-color-primary)}.contents-material-meta__param-icon{width:16px;height:16px;margin:0 8px 0 0;background-size:contain}.contents-material-qrcode{display:flex;align-items:center}.contents-material-qrcode__qrcode-wrapper{width:64px;height:64px;margin-right:16px}.contents-material-qrcode h3{font-size:14px;font-weight:400;line-height:24px;color:#000}.contents-material-qrcode p{margin:8px 0;font-size:12px;line-height:20px;color:#7f8792}.contents-material-info{width:360px;padding:20px 40px 0;overflow-y:auto;background:#f6f7f9}.contents-material-info__breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contents-material-info__title-container{margin-top:16px;margin-bottom:20px}.contents-material-info__title{display:inline;margin-bottom:0;font-size:20px;font-weight:500;line-height:1.5;color:#000}.contents-material-info__vip-icon{margin-left:4px;color:#fbca4e;vertical-align:-5px}.contents-material-info__tools{display:flex;gap:8px;margin:20px 0}.contents-material-info__icon-favorite--active{color:#faaa32}.contents-material-info__section{padding:20px 0;border-top:1px solid #e8eaec}.contents-material-info__tags-title{margin-bottom:16px;font-size:14px;line-height:20px;color:#636c78}.contents-material-info__tags-list{display:flex;flex-wrap:wrap;margin-right:-10px;overflow:hidden}.contents-material-info__tags-list .contents-material-info__tag{display:inline-flex;align-items:center;height:28px;padding:0 8px;margin:0 10px 10px 0;font-size:12px;color:#000;background:#e8eaec80;border-radius:8px}.contents-material-info__tags-list .contents-material-info__tag:hover{filter:brightness(1.02)}.contents-material-info__tags-list .contents-material-info__tag:active{filter:brightness(.98)}.contents-material-info__more{background-color:var(--background-color-primary-regular)}.contents-material-info__more>button{justify-content:flex-start;text-align:left}.contents-material-preview-webpage{display:flex;justify-content:space-between;min-width:min-content;overflow:hidden}.contents-material-preview-webpage--small .contents-material-preview-webpage__page-bar{right:-49px}.contents-material-preview-webpage__spin{position:absolute;top:0;left:0;z-index:99;background:#fff}.contents-material-preview-webpage__spin .g-spin__icon{margin-right:0}.contents-material-preview-webpage__preview-list{flex:none;padding-right:32px;padding-left:2px;overflow:hidden auto}.contents-material-preview-webpage__preview-list::-webkit-scrollbar{width:4px}.contents-material-preview-webpage__preview-list::-webkit-scrollbar-thumb{background:#d9dcdfcc;border-radius:2px}.contents-material-preview-webpage__preview-list::-webkit-scrollbar-track{border-radius:2px}.contents-material-preview-webpage__preview-item{width:120px;margin:20px 0;scroll-margin:20px 0;border-radius:8px;aspect-ratio:.52631579;cursor:pointer}.contents-material-preview-webpage__preview-item:not(:last-child){margin-bottom:20px}.contents-material-preview-webpage__preview-item--active{outline:2px solid #000}.contents-material-preview-webpage__preview-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.contents-material-preview-webpage__content{display:grid;flex:1;grid:". content tools" auto / 1fr auto 1fr;align-items:center;justify-content:center;padding:0 16px}.contents-material-preview-webpage__iframe{grid-area:content}.contents-material-preview-webpage__page-button-group{display:flex;flex-direction:column;grid-area:tools;width:40px;margin:20px;overflow:hidden;font-size:14px;font-weight:500;line-height:22px;color:#33383e;text-align:center;background:#fff;border-radius:40px;box-shadow:0 4px 24px #0000000a,0 0 4px #0000000a}.contents-material-preview-webpage__page-button{padding:8px 0;background:#fff;border:none;cursor:pointer}.contents-material-preview-webpage__page-button[disabled]{opacity:.5;cursor:default}.contents-material-preview-webpage__page-button:active{opacity:.8}.contents-material-preview-long-webpage{display:flex;align-items:center;justify-content:center}@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{position:relative;padding-right:var(--container-layout-padding-right);padding-left:var(--container-layout-padding-left)}.contents-material-detail .gdd-gd-empty-page{height:500px}.contents-material-detail__detail{display:grid;grid:"preview info" / 1fr auto;height:80vh;min-height:654px;padding-left:40px;margin-right:calc(var(--container-layout-padding-right) * -1);margin-left:calc(var(--container-layout-padding-left) * -1);background:#f6f7f9}.contents-material-detail__preview{flex:1 1 auto}.contents-material-detail__preview-placeholder{flex:1 1 auto;order:0;height:600px;background:#f8fafc}.contents-material-detail__info{grid-area:info}.contents-material-detail__section{margin-top:32px}.contents-material-detail__seo-description{margin:24px 0;font-size:12px;font-weight:400;line-height:20px;color:#636c78}.contents-material-detail__template-link{display:block;width:140px;height:34px;margin:32px auto 0;font-size:14px;line-height:34px;color:#636c78;text-align:center;background:#f6f7f9;border-radius:90px}.contents-material-detail .gda-tabs-bar{margin-bottom:24px}