.semi-image{border-radius:var(--semi-border-radius-small);display:inline-block;position:relative;overflow:hidden}.semi-image img{max-width:none}.semi-image-tooltip-children-wrapper{vertical-align:middle;width:fit-content;height:fit-content;display:inline-flex}.semi-image-img{vertical-align:top;border-radius:inherit;-webkit-user-select:none;user-select:none}.semi-image-img-preview{cursor:zoom-in}.semi-image-img-error{opacity:0}.semi-image-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.semi-image-status{border-radius:var(--semi-border-radius-small);background-color:var(--semi-color-fill-0);width:100%;height:100%;color:var(--semi-color-disabled-text);justify-content:center;align-items:center;display:flex}.semi-image-preview{z-index:1070;background-color:var(--semi-color-overlay-bg);width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0;overflow:hidden}.semi-image-preview-popup{position:absolute}.semi-image-preview .semi-image-preview-hide{opacity:0}.semi-image-preview-icon{cursor:pointer;width:40px;height:40px;color:var(--semi-color-white);background:#000000bf;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.semi-image-preview-prev{left:24px}.semi-image-preview-next{right:24px}.semi-image-preview-header{color:var(--semi-color-white);z-index:1;pointer-events:none;justify-content:space-between;align-items:center;height:60px;padding:0 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;display:flex;position:absolute;top:0;left:0;right:0}.semi-image-preview-header-title{flex:1}.semi-image-preview-header-close{cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.semi-image-preview-header-close:hover{background-color:#000000bf}.semi-image-preview-footer{align-items:center;display:flex}.semi-image-preview-footer-content{border-radius:var(--semi-border-radius-medium);background:#000000bf;height:48px;padding:0 16px}.semi-image-preview-footer-wrapper{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.semi-image-preview-footer-page{-webkit-user-select:none;user-select:none;color:var(--semi-color-white);margin:0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:22px}.semi-image-preview-footer .semi-icon{color:var(--semi-color-white);cursor:pointer}.semi-image-preview-footer-gap{margin-left:16px}.semi-image-preview-footer .semi-slider{width:132px;padding:0 16px}.semi-image-preview-footer .semi-slider .semi-slider-rail{color:var(--semi-color-white);height:2px}.semi-image-preview-footer .semi-slider .semi-slider-track{height:2px}.semi-image-preview-footer .semi-slider .semi-slider-handle{box-sizing:border-box;width:16px;height:16px;margin-top:8px}.semi-image-preview-footer .semi-divider{background:#ffffff80;margin:0 16px}.semi-image-preview-footer .semi-image-preview-footer-disabled{color:#f9f9f959;cursor:default;pointer-events:none}.semi-image-preview-image{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.semi-image-preview-image-img{transform:scale3d(1,1,1)var(--semi-transform-rotate-none);z-index:0;-webkit-user-select:none;user-select:none;position:absolute}.semi-image-preview-image-spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.semi-image-preview-image-spin .semi-spin-wrapper{color:#ccc}@keyframes spinner{to{transform:var(--semi-transform_rotate-clockwise360deg)}}img[src=""],img:not([src]){opacity:0}.semi-rtl .semi-image-preview,.semi-portal-rtl .semi-image-preview,.semi-rtl .semi-image-preview-group,.semi-portal-rtl .semi-image-preview-group{direction:rtl}.semi-rtl .semi-image-preview-prev,.semi-portal-rtl .semi-image-preview-prev{transform:var(--semi-transform_rotate-clockwise180deg);left:auto;right:24px}.semi-rtl .semi-image-preview-next,.semi-portal-rtl .semi-image-preview-next{transform:var(--semi-transform_rotate-clockwise180deg);left:24px;right:auto}.semi-rtl .semi-image-preview-footer-page,.semi-portal-rtl .semi-image-preview-footer-page{direction:rtl;display:flex}.semi-rtl .semi-image-preview-footer-gap,.semi-portal-rtl .semi-image-preview-footer-gap{margin-left:0;margin-right:16px}.semi-rtl .semi-image-preview-footer .semi-icon-chevron_left,.semi-portal-rtl .semi-image-preview-footer .semi-icon-chevron_left,.semi-rtl .semi-image-preview-footer .semi-icon-chevron_right,.semi-portal-rtl .semi-image-preview-footer .semi-icon-chevron_right{transform:var(--semi-transform_rotate-clockwise180deg)}