.tdesign-demo-image-viewer__ui-image[data-v-7e8b3c75][data-v-7e8b3c75]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-7e8b3c75][data-v-7e8b3c75]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-7e8b3c75][data-v-7e8b3c75]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-7e8b3c75][data-v-7e8b3c75]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-7e8b3c75][data-v-7e8b3c75]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-7e8b3c75][data-v-7e8b3c75]{flex:1}.tdesign-demo-popup__reference[data-v-7e8b3c75][data-v-7e8b3c75]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-7e8b3c75][data-v-7e8b3c75]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-7e8b3c75][data-v-7e8b3c75]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer__ui-image[data-v-2828a913][data-v-2828a913]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-2828a913][data-v-2828a913]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-2828a913][data-v-2828a913]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-2828a913][data-v-2828a913]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-2828a913][data-v-2828a913]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-2828a913][data-v-2828a913]{flex:1}.tdesign-demo-popup__reference[data-v-2828a913][data-v-2828a913]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-2828a913][data-v-2828a913]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-2828a913][data-v-2828a913]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer__ui-image[data-v-e7194507][data-v-e7194507]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-e7194507][data-v-e7194507]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-e7194507][data-v-e7194507]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-e7194507][data-v-e7194507]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-e7194507][data-v-e7194507]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-e7194507][data-v-e7194507]{flex:1}.tdesign-demo-popup__reference[data-v-e7194507][data-v-e7194507]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-e7194507][data-v-e7194507]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-e7194507][data-v-e7194507]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer__ui-image[data-v-3f54ef36][data-v-3f54ef36]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-3f54ef36][data-v-3f54ef36]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-3f54ef36][data-v-3f54ef36]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-3f54ef36][data-v-3f54ef36]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-3f54ef36][data-v-3f54ef36]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-3f54ef36][data-v-3f54ef36]{flex:1}.tdesign-demo-popup__reference[data-v-3f54ef36][data-v-3f54ef36]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-3f54ef36][data-v-3f54ef36]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-3f54ef36][data-v-3f54ef36]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer__ui-image[data-v-3eb6f4e5][data-v-3eb6f4e5]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-3eb6f4e5][data-v-3eb6f4e5]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-3eb6f4e5][data-v-3eb6f4e5]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-3eb6f4e5][data-v-3eb6f4e5]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-3eb6f4e5][data-v-3eb6f4e5]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-3eb6f4e5][data-v-3eb6f4e5]{flex:1}.tdesign-demo-popup__reference[data-v-3eb6f4e5][data-v-3eb6f4e5]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-3eb6f4e5][data-v-3eb6f4e5]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-3eb6f4e5][data-v-3eb6f4e5]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer-wrapper[data-v-9ccdd879][data-v-9ccdd879]{display:flex}.tdesign-demo-image-viewer__ui-image[data-v-9ccdd879][data-v-9ccdd879]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-9ccdd879][data-v-9ccdd879]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-9ccdd879][data-v-9ccdd879]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-9ccdd879][data-v-9ccdd879]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-9ccdd879][data-v-9ccdd879]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-9ccdd879][data-v-9ccdd879]{flex:1}.tdesign-demo-popup__reference[data-v-9ccdd879][data-v-9ccdd879]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-9ccdd879][data-v-9ccdd879]{cursor:pointer}.tdesign-demo-image-viewer__error[data-v-9ccdd879][data-v-9ccdd879]{background-color:var(--td-bg-color-component-disabled);border-radius:4px;color:var(--td-text-color-disabled);cursor:inherit}.tdesign-demo-image-viewer__error--content[data-v-9ccdd879][data-v-9ccdd879]{position:absolute;height:100%;width:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;align-content:center;font-size:14px}.tdesign-demo-image-viewer__base[data-v-9ccdd879][data-v-9ccdd879]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer__ui-image[data-v-27dfcde1][data-v-27dfcde1]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-27dfcde1][data-v-27dfcde1]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-27dfcde1][data-v-27dfcde1]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-27dfcde1][data-v-27dfcde1]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-27dfcde1][data-v-27dfcde1]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-27dfcde1][data-v-27dfcde1]{flex:1}.tdesign-demo-popup__reference[data-v-27dfcde1][data-v-27dfcde1]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-27dfcde1][data-v-27dfcde1]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-27dfcde1][data-v-27dfcde1]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.tdesign-demo-image-viewer__ui-image[data-v-88d94b9d][data-v-88d94b9d]{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;border-radius:var(--td-radius-small);overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover[data-v-88d94b9d][data-v-88d94b9d]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover[data-v-88d94b9d][data-v-88d94b9d]{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img[data-v-88d94b9d][data-v-88d94b9d]{width:auto;height:auto;max-width:100%;max-height:100%;cursor:pointer;position:absolute}.tdesign-demo-image-viewer__ui-image--footer[data-v-88d94b9d][data-v-88d94b9d]{padding:0 16px;height:56px;width:100%;line-height:56px;font-size:16px;position:absolute;bottom:0;color:var(--td-text-color-anti);background-image:linear-gradient(0deg,#0006,#0000);display:flex;box-sizing:border-box}.tdesign-demo-image-viewer__ui-image--title[data-v-88d94b9d][data-v-88d94b9d]{flex:1}.tdesign-demo-popup__reference[data-v-88d94b9d][data-v-88d94b9d]{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon[data-v-88d94b9d][data-v-88d94b9d]{cursor:pointer}.tdesign-demo-image-viewer__base[data-v-88d94b9d][data-v-88d94b9d]{width:160px;height:160px;margin:10px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}