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