@layer semi{.semi-image{border-radius:var(--semi-border-radius-small);display:inline-block;position:relative;overflow:hidden}.semi-image:focus-visible{outline:2px solid var(--semi-color-primary-light-active);outline-offset:-2px}.semi-image-tooltip-children-wrapper{vertical-align:middle;width:fit-content;height:fit-content;display:inline-flex}.semi-image-img{vertical-align:top;user-select:none;border-radius:inherit}.semi-image-img-preview{cursor:zoom-in}.semi-image-img-error{opacity:0}.semi-image-overlay{inset-inline-start:0;width:100%;height:100%;position:absolute;top:0}.semi-image-status{width:100%;height:100%;color:var(--semi-color-disabled-text);background-color:var(--semi-color-fill-0);border-radius:var(--semi-border-radius-small);justify-content:center;align-items:center;display:flex}.semi-image-preview{inset-inline-start:0;z-index:var(--semi-z-image_preview);background-color:var(--semi-color-overlay-bg);width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;overflow:hidden}.semi-image-preview:focus{outline:none}.semi-image-preview-popup{position:absolute}.semi-image-preview .semi-image-preview-hide{opacity:0}.semi-image-preview-icon,.semi-image-preview-header-close,.semi-image-preview-footer-button{font:inherit;border:none;margin:0;padding:0}.semi-image-preview-icon:focus-visible,.semi-image-preview-header-close:focus-visible,.semi-image-preview-footer-button:focus-visible{outline:2px solid var(--semi-color-primary-light-active)}.semi-image-preview-icon{width:40px;height:40px;color:var(--semi-color-white);cursor:pointer;background:#000000bf;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.semi-image-preview-prev{inset-inline-start:24px}.semi-image-preview-next{inset-inline-end:24px}.semi-image-preview-header{font-family:var(--semi-font-family-regular);font-size:var(--semi-font-size-regular);line-height:var(--semi-line-height-regular);inset-inline:0;z-index:var(--semi-z-image_preview_header);height:60px;color:var(--semi-color-white);pointer-events:none;justify-content:space-between;align-items:center;padding:0 24px;font-weight:400;display:flex;position:absolute;top:0}.semi-image-preview-header-title{flex:1}.semi-image-preview-header-close{width:30px;height:30px;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;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{font-family:var(--semi-font-family-regular);font-size:var(--semi-font-size-header-6);line-height:var(--semi-line-height-header-6);color:var(--semi-color-white);user-select:none;margin:0 12px}.semi-image-preview-footer .semi-icon{color:var(--semi-color-white);cursor:pointer}.semi-image-preview-footer-button{color:inherit;cursor:pointer;background:0 0;align-items:center;display:inline-flex}.semi-image-preview-footer-button[aria-disabled=true]{cursor:default}.semi-image-preview-footer-gap{margin-inline-start:16px}.semi-image-preview-footer .semi-slider{width:132px;padding:0 16px}.semi-image-preview-footer .semi-slider .semi-slider-rail{height:2px;color:var(--semi-color-white)}.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;pointer-events:none;cursor:default}.semi-image-preview-image{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.semi-image-preview-image-img{z-index:0;user-select:none;max-width:none;transform:scale3d(1, 1, 1) var(--semi-transform_rotate-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)}}.semi-image-img[src=""],.semi-image-img:not([src]){opacity:0}.semi-image-preview:dir(rtl),.semi-image-preview-group:dir(rtl){direction:rtl}.semi-image-preview-prev:dir(rtl),.semi-image-preview-next:dir(rtl){transform:translateY(-50%) var(--semi-transform_rotate-clockwise180deg)}.semi-image-preview-footer-page:dir(rtl){direction:rtl;display:flex}.semi-image-preview-footer:dir(rtl) .semi-icon-chevron_left,.semi-image-preview-footer:dir(rtl) .semi-icon-chevron_right{transform:var(--semi-transform_rotate-clockwise180deg)}}