.component-page-panel--contianer{width:100%}.componnet-page-panel__fixed,.componnet-page-panel-Tdesign__fixed{position:fixed;z-index:3;background:#fff;left:0;width:100%;padding:0 336px;opacity:1;transition:opacity .2s ease-in-out}@media screen and (max-width: 1440px){.componnet-page-panel__fixed,.componnet-page-panel-Tdesign__fixed{padding:0 80px}}@media screen and (max-width: 470px){.componnet-page-panel__fixed,.componnet-page-panel-Tdesign__fixed{padding:0 24px}}.componnet-page-panel__fixed.is-scroll,.componnet-page-panel-Tdesign__fixed.is-scroll{box-shadow:0 10px 12px #19191a0a}.componnet-page-panel__fixed{top:192px}.componnet-page-panel-Tdesign__fixed{top:237px}@media screen and (max-width: 470px){.componnet-page-panel-Tdesign__fixed{top:256px}}.componnet-page-panel-desktop__fixed{top:178px}.component-detail--page-select--box{width:100%;margin:24px 0;display:inline-flex;align-items:center;position:relative;z-index:2}.component-detail--page{width:100%;display:flex;flex-direction:row;align-items:center;cursor:pointer}.component-detail--page span{max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:28px;margin-right:4px;font-weight:600;color:var(--v2--color-text-primary)}.component-detail--page-select--panel{position:absolute;top:44px;left:0;min-width:240px;max-width:312px;max-height:388px;overflow:auto;padding:4px;box-shadow:0 0 1px #19191a14,0 2px 8px #19191a1f;border-radius:8px;background:var(--v2--color-bg-dropdown)}.component-detail--page-select--panel::-webkit-scrollbar{width:4px;height:4px}.component-detail--page-select--panel::-webkit-scrollbar-thumb{border-radius:4px;height:4px;background:var(--v2--color-bg-scrollbar-normal)}.component-detail--page-select--item{width:100%;padding:5px 8px 5px 28px;position:relative;display:flex;align-items:center;border-radius:6px}.component-detail--page-select--item span{white-space:nowrap;margin-left:4px}.component-detail--page-select--item:hover{background:var(--v2--color-bg-hover)}.component-detail--page-select--icon{position:absolute;left:8px;top:50%;margin-top:-8px}.library--item-container .library--item--components{grid-template-columns:repeat(auto-fit,minmax(184px,1fr));grid-gap:12px 8px}.library--item--page{display:flex;flex-direction:row;align-items:center;padding-bottom:16px}.library--item--page-name{width:100%;display:flex;flex-direction:row;align-items:center}.library--item--page-title{width:auto;max-width:100%;font-size:20px;line-height:28px;font-weight:600;color:var(--v2--color-text-primary);padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library--item--page-num{display:block;padding:0 12px;box-sizing:border-box;background:var(--v2--color-bg-body);border:1px solid var(--v2--color-border-primary);color:var(--v2--color-text-primary);text-align:center;border-radius:59px;min-width:34px}@media screen and (max-width: 470px){.library--item--page{padding-bottom:12px}.library--item--page-title{font-size:16px;line-height:24px;padding-right:0}.library--item--page-num{padding:0 10px;margin-left:4px}.library--item-container .library--item--components{grid-template-columns:repeat(2,minmax(158px,1fr));grid-gap:11px}}.component-detail--info-card{width:100%;margin-bottom:32px}.componnet-detail__iframe{margin-top:99px}.componnet-detail__fixed,.componnet-detail-Tdesign__fixed{margin-top:204px}.library-box{width:100%;overflow-y:auto;position:relative}.file-detail--canvas-wrapper--cover,.file-detail--loading-box{width:100%;height:100%;position:absolute;top:0;left:0}.file-detail--loading-box{display:flex;justify-content:center;align-items:center}.file-detail--loading-box__loading{position:static;min-height:500px;height:500px}.library--item{padding-bottom:36px}.library--item:last-child{padding-bottom:0}