.photo-viewer[data-v-0bbc25c2]{width:100%}.photo-toolbar[data-v-0bbc25c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:8px}.photo-toolbar .photo-count[data-v-0bbc25c2]{margin-left:auto;color:#909399;font-size:12px}.photo-grid[data-v-0bbc25c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.photo-item[data-v-0bbc25c2]{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--el-fill-color-lighter);cursor:pointer}.photo-item .el-image[data-v-0bbc25c2]{position:absolute;top:0;left:0;width:100%;height:100%}.select-mark[data-v-0bbc25c2]{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff}.select-mark.selected[data-v-0bbc25c2]{background:#409eff}.image-slot[data-v-0bbc25c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:12px}