.box[data-v-f4b0bbc7]{width:100%}.box .custom-size-jump-box[data-v-f4b0bbc7]{margin-top:10px;margin-bottom:20px}.box .header[data-v-f4b0bbc7]{align-items:center;display:flex}.box .header .title[data-v-f4b0bbc7]{color:var(--normal-font-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.box .header .unit-type[data-v-f4b0bbc7]{border-radius:3px;margin-left:auto;overflow:hidden}.box .header .unit-type .unit-item[data-v-f4b0bbc7]{text-align:center;color:#313438;cursor:pointer;float:left;background:#f5f5f5;width:38px;height:16px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.box .header .unit-type .unit-item.active[data-v-f4b0bbc7]{background:var(--primary-color);color:#fff}.box .size-option-box[data-v-f4b0bbc7]{position:relative}.box .size-option-box .horizontal-left-btn[data-v-f4b0bbc7],.box .size-option-box .horizontal-right-btn[data-v-f4b0bbc7]{z-index:2;text-align:center;cursor:pointer;background:#fff;border-radius:17px;width:34px;height:34px;line-height:34px;display:inline-block;position:absolute;top:40px;box-shadow:0 0 8px #00000014}.box .size-option-box .horizontal-left-btn .narrow[data-v-f4b0bbc7],.box .size-option-box .horizontal-right-btn .narrow[data-v-f4b0bbc7]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.box .size-option-box .horizontal-left-btn[data-v-f4b0bbc7]:hover,.box .size-option-box .horizontal-right-btn[data-v-f4b0bbc7]:hover{background:#f0f0f0;box-shadow:0 0 8px #00000029}.box .size-option-box .horizontal-left-btn[data-v-f4b0bbc7]{left:0;transform:translate(-50%,-50%)}.box .size-option-box .horizontal-right-btn[data-v-f4b0bbc7]{right:0;transform:translate(50%,-50%)}.box .horizontal-scroll[data-v-f4b0bbc7]{scroll-behavior:smooth;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;-o-scroll-behavior:smooth;width:100%;margin-top:10px;display:flex;overflow:hidden}.box .horizontal-scroll .cup-size-item[data-v-f4b0bbc7]{cursor:pointer}.box .horizontal-scroll .cup-size-item[data-v-f4b0bbc7]:not(:last-child){margin-right:10px}.box .horizontal-scroll .cup-size-item .size-title[data-v-f4b0bbc7]{color:#313438;margin-top:8px;margin-bottom:4px;font-size:12px;line-height:12px}.box .horizontal-scroll .cup-size-item .cup-size-info[data-v-f4b0bbc7]{text-align:left;color:#60656c;margin-bottom:4px;font-size:12px;font-weight:400;line-height:12px}.box .horizontal-scroll .cup-size-item .size-image-box[data-v-f4b0bbc7]{border-radius:16px;width:80px;height:80px;position:relative;overflow:hidden}.box .horizontal-scroll .cup-size-item .size-image-box.active[data-v-f4b0bbc7]{border:solid 2px var(--primary-color)}.box .horizontal-scroll .cup-size-item .size-image-box[data-v-f4b0bbc7] .image-container>img{object-fit:cover}.box .horizontal-scroll .cup-size-item .size-image-box .size-image[data-v-f4b0bbc7]{width:100%;height:100%}.box .horizontal-scroll .cup-size-item .size-image-box .size-capacity[data-v-f4b0bbc7]{color:#60656c;font-size:12px;font-weight:400;position:absolute;bottom:6px;left:6px}.box .horizontal-scroll .cup-size-item .size-image-box .size-loading[data-v-f4b0bbc7]{background-color:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.box .horizontal-scroll .cup-size-item .size-image-box .size-loading .loading[data-v-f4b0bbc7]{border:2px solid var(--primary-color);border-top-color:#0000;border-radius:100%;width:16px;height:16px;animation:.75s linear infinite circle-f4b0bbc7;position:absolute;top:40%;left:40%}@keyframes circle-f4b0bbc7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.box .upload[data-v-f4b0bbc7]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);text-align:center;cursor:pointer;background-image:linear-gradient(90deg,#fff,#fff),conic-gradient(#6dd400,#3cb672,#0091ff,#6236ff,#b620e0,#6236ff,#0091ff,#3cb672,#6dd400,#f7b500,#fa6400,#e02020,#fa6400,#f7b500,#6dd400);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:100%;height:40px;line-height:40px;display:flex;box-shadow:0 0 4px #0000001a}.box .upload[data-v-f4b0bbc7]:hover{background-color:#f9efff;background-image:unset;box-shadow:unset;border:2px solid #f9efff}.box .upload[data-v-f4b0bbc7]:active{background-color:#955ce626;border:2px solid #955ce626;box-shadow:0 4px 8px #955ce626}.box .upload .p-icon-upload-img[data-v-f4b0bbc7]{color:#191919;margin-right:6px;font-size:20px}.box .upload .upload-size[data-v-f4b0bbc7]{color:#4c4c4c;font-size:12px;font-weight:400}